@hillac/mantine-react-table 0.0.0

package/styles.css

@@ -0,0 +1,1366 @@
+.MRT_TableDetailPanel-module_root__vQAlM {
+  display: table-row;
+  width: 100%;
+  background-color: var(--mrt-base-background-color);
+}
+
+.MRT_TableDetailPanel-module_root-grid__7UMC6 {
+  display: flex;
+}
+
+.MRT_TableDetailPanel-module_root-virtual-row__r-X4Z {
+  position: absolute;
+  top: var(--mrt-parent-row-height);
+  transform: translateY(var(--mrt-virtual-row-start));
+  transition: none;
+  z-index: 1;
+}
+
+.MRT_TableDetailPanel-module_inner__o-Fk- {
+  display: table-cell;
+  transition: all 150ms ease-in-out;
+  width: var(--mrt-inner-width);
+}
+
+.MRT_TableDetailPanel-module_inner-grid__WLZgF {
+  display: flex;
+}
+
+.MRT_TableDetailPanel-module_inner-expanded__6tg9T {
+  border-bottom: 1px solid var(--_table-border-color);
+}
+
+.MRT_TableDetailPanel-module_inner-virtual__TItRy {
+  transition: none;
+}
+
+.MRT_CopyButton-module_root__mkXy4 {
+  background-color: transparent;
+  border: none;
+  border-radius: 4px;
+  color: inherit;
+  cursor: copy;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  justify-content: inherit;
+  letter-spacing: inherit;
+  margin: -4px;
+  min-width: unset;
+  padding: 4px;
+  text-align: inherit;
+  text-transform: inherit;
+  &:active {
+    transform: translateY(1px);
+  }
+  &:hover {
+    background-color: color-mix(
+      in srgb,
+      var(--mantine-primary-color-filled-hover) 10%,
+      transparent
+    );
+  }
+}
+
+.MRT_TableBodyCell-module_root__Wf-zi {
+  --resize-thickness: 2px;
+
+  background-clip: padding-box;
+  text-align: var(--mrt-cell-align, left);
+  overflow: hidden;
+  position: relative;
+  transition: padding 150ms ease-in-out;
+
+  &[data-dragging-column] {
+    z-index: 2;
+    border-left: var(--drag-thickness) dashed
+      var(--mrt-dragging-drag-border-color);
+    border-right: var(--drag-thickness) dashed
+      var(--mrt-dragging-drag-border-color);
+    &[data-last-row] {
+      border-bottom: var(--drag-thickness) dashed
+        var(--mrt-dragging-drag-border-color);
+    }
+  }
+
+  &[data-hovered-column-target] {
+    opacity: 0.5;
+    border-left: var(--hover-thickness) dashed
+      var(--mrt-dragging-hovered-border-color);
+    border-right: var(--hover-thickness) dashed
+      var(--mrt-dragging-hovered-border-color);
+    &[data-last-row] {
+      border-bottom: var(--hover-thickness) dashed
+        var(--mrt-dragging-hovered-border-color);
+    }
+  }
+
+  &[data-resizing='ltr'] {
+    border-right: var(--resize-thickness) solid
+      var(--mrt-resize-column-border-color);
+  }
+
+  &[data-resizing='rtl'] {
+    border-left: var(--resize-thickness) solid
+      var(--mrt-resize-column-border-color);
+  }
+
+  &:hover {
+    outline-offset: -1px;
+    text-overflow: clip;
+  }
+}
+
+.MRT_TableBodyCell-module_root-grid__zIuC- {
+  align-items: center;
+  justify-content: var(--mrt-cell-align, flex-start);
+  display: flex;
+}
+
+.MRT_TableBodyCell-module_root-virtualized__jLl8R {
+  transition: none;
+}
+
+.MRT_TableBodyCell-module_root-data-col__HHcxc {
+  text-overflow: ellipsis;
+}
+
+.MRT_TableBodyCell-module_root-nowrap__-k1Jo {
+  white-space: nowrap;
+}
+
+.MRT_TableBodyCell-module_root-cursor-pointer__4kw7J {
+  cursor: pointer;
+}
+
+.MRT_TableBodyCell-module_root-editable-hover__2DKSa {
+  @mixin hover {
+    outline: 1px solid var(--mantine-color-gray-7);
+  }
+}
+
+.MRT_TableBodyCell-module_root-cell-hover-reveal__T1fAH {
+  overflow: visible;
+}
+
+.MRT_TableBodyCell-module_cell-hover-reveal__Q-1Xj {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: var(--mrt-cell-align);
+}
+
+.MRT_TableBodyCell-module_cell-hover-reveal__Q-1Xj.MRT_TableBodyCell-module_overflowing__QcXP4:hover {
+  overflow: visible;
+  white-space: normal;
+  position: absolute;
+  z-index: 2;
+  padding: var(--table-vertical-spacing)
+    var(--table-horizontal-spacing, var(--mantine-spacing-xs));
+  background-color: var(--mrt-base-background-color);
+  box-shadow: var(--mantine-shadow-sm);
+  border: 1px solid var(--mantine-primary-color-filled);
+  text-indent: -1px;
+  width: max-content;
+  top: 0;
+  left: 0;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.MRT_TableBodyRow-module_root__2c3D4 {
+  --hover-thickness: 3px;
+  --drag-thickness: 1px;
+
+  box-sizing: border-box;
+  transition: all 150ms ease-in-out;
+  width: 100%;
+
+  /* default background-color */
+  &:not([data-striped], [data-striped='false']) {
+    background-color: var(--mrt-base-background-color);
+  }
+  /* striped background-colors (take detail panels and virtualization into account) */
+  &:not([data-selected], [data-row-pinned]) {
+    &[data-striped='odd'] {
+      background-color: var(--mrt-striped-row-background-color);
+    }
+    &[data-striped='even'] {
+      background-color: var(--mrt-striped-row-background-color);
+    }
+  }
+
+  /* column pinning styles */
+  &:not([data-selected], [data-row-pinned]) {
+    td {
+      &[data-column-pinned] {
+        &::before {
+          background-color: var(--mrt-pinned-column-background-color);
+        }
+      }
+    }
+    &[data-striped='odd'] {
+      td {
+        &[data-column-pinned] {
+          &::before {
+            background-color: var(--mrt-striped-row-background-color);
+          }
+        }
+      }
+    }
+    &[data-striped='even'] {
+      td {
+        &[data-column-pinned] {
+          &::before {
+            background-color: var(--mrt-striped-row-background-color);
+          }
+        }
+      }
+    }
+  }
+
+  td {
+    &[data-column-pinned] {
+      background-color: var(--mrt-pinned-column-background-color);
+      opacity: 0.97;
+      position: sticky;
+      z-index: 1;
+
+      &::before {
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+        z-index: -1;
+      }
+
+      &[data-column-pinned='start'] {
+        inset-inline-start: calc(var(--mrt-table-cell-start, 0) * 1px);
+        &[data-last-start-pinned] {
+          &::before {
+            box-shadow: -6px 0 6px -6px
+              alpha(
+                light-dark(
+                  var(--mantine-color-gray-outline),
+                  var(--mantine-color-dark-outline)
+                ),
+                0.5
+              )
+              inset;
+          }
+        }
+      }
+
+      &[data-column-pinned='end'] {
+        inset-inline-end: calc(var(--mrt-table-cell-end, 0) * 1px);
+        &[data-first-end-pinned] {
+          &::before {
+            box-shadow: 6px 0 6px -6px
+              alpha(
+                light-dark(
+                  var(--mantine-color-gray-outline),
+                  var(--mantine-color-dark-outline)
+                ),
+                0.5
+              )
+              inset;
+          }
+        }
+      }
+    }
+  }
+  /* end column pinning styles */
+  /* row pinning styles */
+  &[data-row-pinned] {
+    background-color: var(
+      --mrt-pinned-row-background-color,
+      --mantine-color-body
+    );
+    bottom: calc(var(--mrt-pinned-row-bottom) * 1px);
+    opacity: 0.97;
+    top: calc(var(--mrt-pinned-row-top) * 1px);
+
+    td {
+      &::before {
+        background-color: var(--mrt-pinned-row-background-color);
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+        z-index: -1;
+      }
+      &[data-column-pinned] {
+        background-color: var(--mrt-pinned-column-background-color);
+
+        &::before {
+          background-color: var(--mrt-pinned-row-background-color);
+          content: '';
+          height: 100%;
+          left: 0;
+          position: absolute;
+          top: 0;
+          width: 100%;
+          z-index: -1;
+        }
+      }
+    }
+  }
+
+  &[data-row-pinned='sticky'] {
+    z-index: 2;
+    position: sticky;
+  }
+  /* end row pinning styles */
+
+  /* selection styles */
+  &[data-selected] {
+    background-color: var(
+      --mrt-selected-row-background-color,
+      --mantine-color-body
+    );
+
+    td {
+      &[data-column-pinned] {
+        background-color: var(--mrt-pinned-column-background-color);
+
+        &::before {
+          background-color: var(--mrt-selected-row-background-color);
+        }
+      }
+    }
+  }
+  /* end selection styles */
+
+  &[data-hover] {
+    &:hover {
+      td {
+        background-color: var(--mrt-row-hover-background-color);
+        &[data-column-pinned] {
+          background-color: var(--mrt-base-background-color);
+          &::before {
+            background-color: var(--mrt-row-hover-background-color);
+          }
+        }
+      }
+      &:not([data-selected], [data-row-pinned]) {
+        &[data-striped='odd'] {
+          td {
+            background-color: var(--mrt-striped-row-hover-background-color);
+            &[data-column-pinned] {
+              background-color: var(--mrt-base-background-color);
+              &::before {
+                background-color: var(--mrt-striped-row-hover-background-color);
+              }
+            }
+          }
+        }
+        &[data-striped='even'] {
+          td {
+            background-color: var(--mrt-striped-row-hover-background-color);
+            &[data-column-pinned] {
+              background-color: var(--mrt-base-background-color);
+              &::before {
+                background-color: var(--mrt-striped-row-hover-background-color);
+              }
+            }
+          }
+        }
+      }
+      &[data-selected] {
+        td {
+          background-color: var(--mrt-selected-row-hover-background-color);
+
+          &[data-column-pinned] {
+            background-color: var(--mrt-base-background-color);
+
+            &::before {
+              background-color: var(--mrt-selected-row-hover-background-color);
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &[data-dragging-row] {
+    opacity: 0.5;
+    border-bottom: var(--drag-thickness) dashed var(--drag-color);
+    border-top: var(--drag-thickness) dashed var(--drag-color);
+    td {
+      &:first-child {
+        border-left: var(--drag-thickness) dashed var(--drag-color);
+      }
+      &:last-child {
+        border-right: var(--drag-thickness) dashed var(--drag-color);
+      }
+    }
+  }
+
+  &[data-hovered-row-target] {
+    td {
+      opacity: 0.5;
+      border-top: var(--hover-thickness) dashed
+        var(--mrt-dragging-hovered-border-color);
+      border-bottom: var(--hover-thickness) dashed
+        var(--mrt-dragging-hovered-border-color);
+      &:first-child {
+        border-left: var(--hover-thickness) dashed
+          var(--mrt-dragging-hovered-border-color);
+      }
+      &:last-child {
+        border-right: var(--hover-thickness) dashed
+          var(--mrt-dragging-hovered-border-color);
+      }
+    }
+  }
+}
+
+.MRT_TableBodyRow-module_root-grid__AwXTe {
+  display: flex;
+}
+
+.MRT_TableBodyRow-module_root-virtualized__zYgxq {
+  position: absolute !important;
+  top: 0;
+  transition: none !important;
+  transform: translateY(calc(var(--mrt-virtual-row-start) * 1px));
+  will-change: transform;
+}
+
+.MRT_ExpandButton-module_root__IFYio {
+  opacity: 0.8;
+  &:disabled {
+    background-color: transparent;
+    border: none;
+    opacity: 0.3;
+  }
+  &:hover {
+    opacity: 1;
+  }
+}
+
+.MRT_ExpandButton-module_root-ltr__FHNnp {
+  margin-left: calc(calc(var(--mrt-row-depth, 0)) * 16px);
+  .MRT_ExpandButton-module_chevron__XzC5P {
+    transition: transform 200ms;
+    &.MRT_ExpandButton-module_right__-pC-A {
+      transform: rotate(270deg);
+    }
+    &.MRT_ExpandButton-module_up__TZGBo {
+      transform: rotate(-180deg);
+    }
+  }
+}
+
+.MRT_ExpandButton-module_root-rtl__zoudS {
+  margin-right: calc(calc(var(--mrt-row-depth, 0)) * 16px);
+  .MRT_ExpandButton-module_chevron__XzC5P {
+    transition: transform 200ms;
+    &.MRT_ExpandButton-module_right__-pC-A {
+      transform: rotate(-270deg);
+    }
+    &.MRT_ExpandButton-module_up__TZGBo {
+      transform: rotate(180deg);
+    }
+  }
+}
+
+.MRT_TableBody-module_root__kGhRy {
+  background-color: var(--mrt-base-background-color);
+  position: relative;
+}
+
+.MRT_TableBody-module_root-grid__WdOGg {
+  display: grid;
+}
+
+.MRT_TableBody-module_root-no-rows__iyi9K {
+  min-height: 100px;
+}
+
+.MRT_TableBody-module_root-virtualized__TxPAi {
+  height: var(--mrt-table-body-height);
+}
+
+.MRT_TableBody-module_empty-row-tr-grid__LTgxw {
+  display: grid;
+}
+
+.MRT_TableBody-module_empty-row-td-grid__pzlgG {
+  display: grid;
+  width: inherit;
+}
+
+.MRT_TableBody-module_empty-row-td-content__Cc2XW {
+  color: var(--mantine-color-dimmed);
+  font-style: italic;
+  max-width: min(100vw, calc(var(--mrt-paper-width) * 1px));
+  padding-bottom: 2rem;
+  padding-top: 2rem;
+  text-align: center;
+  width: 100%;
+}
+
+.MRT_TableBody-module_pinned__XHpcs {
+  bottom: calc(var(--mrt-table-footer-height, 0) * 1px - 1px);
+  position: sticky;
+  top: calc(var(--mrt-table-head-height, 0) * 1px - 1px);
+  z-index: 1;
+}
+
+.MRT_GrabHandleButton-module_grab-icon__mQimy {
+  cursor: grab;
+  &:active {
+    cursor: grabbing;
+  }
+}
+
+.MRT_ColumnPinningButtons-module_root__scTtW {
+  min-width: 70px;
+  align-content: center;
+  justify-content: center;
+  .MRT_ColumnPinningButtons-module_left__W6Aog {
+    transform: rotate(90deg);
+  }
+  .MRT_ColumnPinningButtons-module_right__7AJE3 {
+    transform: rotate(-90deg);
+  }
+}
+
+.MRT_EditActionButtons-module_root__BfxVZ {
+  display: flex;
+  gap: var(--mantine-spacing-xs);
+}
+
+.MRT_ExpandAllButton-module_root__gkBZD {
+  margin-left: 6px;
+  opacity: 0.8;
+  &:disabled {
+    background-color: transparent;
+    border: none;
+  }
+  &:hover {
+    opacity: 1;
+  }
+  &.xl {
+    margin-left: -6px;
+  }
+  &.md {
+    margin-left: 0;
+  }
+  .MRT_ExpandAllButton-module_chevron__Iep0j {
+    transition: transform 150ms;
+    &.MRT_ExpandAllButton-module_up__Xth3U {
+      transform: rotate(-180deg);
+    }
+    &.MRT_ExpandAllButton-module_right__bS4L- {
+      transform: rotate(-90deg);
+    }
+  }
+}
+
+.MRT_ShowHideColumnsMenuItems-module_root__wYgv- {
+  align-items: center;
+  cursor: default;
+  justify-content: flex-start;
+  opacity: 1;
+  outline: none;
+  padding-left: var(--_column-depth);
+  padding-top: rem(6px);
+  padding-bottom: rem(6);
+  &[data-dragging] {
+    opacity: 0.5;
+    outline: 1px dashed var(--mantine-color-gray-7);
+  }
+  &[data-order-hovered]:not(&[data-dragging]) {
+    outline: 2px dashed var(--_hover-color);
+  }
+}
+.MRT_ShowHideColumnsMenuItems-module_menu__CeATR {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: rem(8px);
+}
+.MRT_ShowHideColumnsMenuItems-module_grab__a-d-y {
+  width: rem(28px);
+}
+.MRT_ShowHideColumnsMenuItems-module_pin__P437b {
+  width: rem(70px);
+}
+.MRT_ShowHideColumnsMenuItems-module_switch__tMsdt {
+  cursor: pointer !important;
+}
+.MRT_ShowHideColumnsMenuItems-module_header__xVkKb {
+  align-self: center;
+}
+
+.MRT_ShowHideColumnsMenu-module_root__2UWak {
+  max-height: calc(80vh - 100px);
+  overflow-y: auto;
+  .MRT_ShowHideColumnsMenu-module_content__ehkWQ {
+    padding-top: rem(4px);
+    padding-bottom: rem(4px);
+    gap: rem(8px);
+    justify-content: space-between;
+  }
+}
+
+.MRT_TableFooterCell-module_root__d8Scs {
+  font-size: 0.8rem;
+  font-weight: bold;
+  padding: 1rem;
+  text-align: var(--mrt-cell-align, left);
+  vertical-align: top;
+  z-index: 1;
+
+  &.MRT_TableFooterCell-module_grid__H9jLk {
+    display: flex;
+    justify-content: var(--mrt-cell-align, flex-start);
+  }
+
+  &.MRT_TableFooterCell-module_group__l3-p- {
+    text-align: center;
+    justify-content: center;
+  }
+
+  background-color: var(--mrt-base-background-color);
+
+  &[data-column-pinned] {
+    position: sticky;
+  }
+
+  &[data-column-pinned='start'] {
+    inset-inline-start: calc(var(--mrt-table-cell-start, 0) * 1px);
+    &[data-last-start-pinned] {
+      box-shadow: -6px 0 6px -6px
+        alpha(
+          light-dark(
+            var(--mantine-color-gray-outline),
+            var(--mantine-color-dark-outline)
+          ),
+          0.5
+        )
+        inset;
+    }
+  }
+
+  &[data-column-pinned='end'] {
+    inset-inline-end: calc(var(--mrt-table-cell-end, 0) * 1px);
+    &[data-first-end-pinned] {
+      box-shadow: 6px 0 6px -6px
+        alpha(
+          light-dark(
+            var(--mantine-color-gray-outline),
+            var(--mantine-color-dark-outline)
+          ),
+          0.5
+        )
+        inset;
+    }
+  }
+}
+
+.MRT_TableFooterRow-module_root__EuoPr {
+  width: 100%;
+  display: table-row;
+  &.MRT_TableFooterRow-module_layout-mode-grid__dUEMF {
+    display: flex;
+  }
+  background-color: light-dark(var(--light-bg-color), var(--dark-bg-color));
+  border-top: 1px solid
+    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+}
+
+.MRT_TableFooter-module_root__-JXpw {
+  background-color: var(--mrt-base-background-color);
+  display: table-row-group;
+}
+
+.MRT_TableFooter-module_grid__J3Ga- {
+  display: grid;
+}
+
+.MRT_TableFooter-module_sticky__GcoK6 {
+  bottom: 0;
+  opacity: 0.97;
+  position: sticky;
+  z-index: 1;
+  outline: 1px solid
+    light-dark(var(--mantine-color-gray-3), var(--mantine-color-gray-7));
+}
+
+.MRT_ToolbarAlertBanner-module_alert__PAhUK {
+  border-radius: 0;
+  font-size: 1rem;
+  left: 0;
+  position: relative;
+  padding: rem(8px);
+  right: 0;
+  top: 0;
+  width: 100%;
+  z-index: 2;
+}
+
+.MRT_ToolbarAlertBanner-module_alert-stacked__HR7Nq {
+  margin-bottom: 0;
+}
+
+.MRT_ToolbarAlertBanner-module_alert-bottom__u9L-S {
+  margin-bottom: -16px;
+}
+
+.MRT_ToolbarAlertBanner-module_alert-badge__GwDmX {
+  margin-left: 1ch;
+}
+
+.MRT_ToolbarAlertBanner-module_toolbar-alert__3sJGU {
+  gap: var(--mantine-spacing-sm);
+  padding: 8px 16px;
+  &.MRT_ToolbarAlertBanner-module_head-overlay__Hw7jK {
+    padding: 2px;
+    &.xl {
+      padding: 16px;
+    }
+    &.md {
+      padding: 8px;
+    }
+  }
+}
+
+.MRT_ColumnActionMenu-module_left__cfNmY {
+  transform: rotate(90deg);
+}
+
+.MRT_ColumnActionMenu-module_right__-nK56 {
+  transform: rotate(-90deg);
+}
+
+.MRT_FilterCheckBox-module_root__59h9r {
+  font-weight: normal;
+  margin-top: 8px;
+}
+
+.MRT_FilterRangeFields-module_root__KfCcg {
+  display: grid;
+  grid-template-columns: 6fr 6fr;
+  gap: 16px;
+}
+
+.MRT_FilterTextInput-module_root__Ss8Ql {
+  font-weight: normal;
+  border-bottom: 2px solid
+    light-dark(var(--mantine-color-gray-3), var(--mantine-color-gray-7));
+  min-width: auto;
+  &.MRT_FilterTextInput-module_date-filter__jOBLB {
+    min-width: rem(125px);
+  }
+  &.MRT_FilterTextInput-module_range-filter__JQHAL {
+    min-width: rem(80px);
+  }
+  &.MRT_FilterTextInput-module_not-filter-chip__u8b1y {
+    min-width: rem(100px);
+  }
+  width: 100%;
+  & .mantine-TextInput-input {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  & .mantine-DateInput-input {
+    height: 2.1rem;
+  }
+}
+
+.MRT_FilterTextInput-module_filter-chip-badge__Sel2k {
+  margin: 5px;
+}
+
+.MRT_FilterRangeSlider-module_root__uwYEk {
+  margin: auto;
+  margin-top: 16px;
+  margin-bottom: 6px;
+  width: calc(100% - 8px);
+}
+
+.MRT_FilterOptionMenu-module_symbol__a1Bsy {
+  font-size: var(--mantine-font-size-xl);
+  text-align: center;
+  width: 2ch;
+  transform: translateY(-0.1em);
+}
+
+.MRT_TableHeadCellFilterContainer-module_filter-mode-label__8reK- {
+  white-space: nowrap;
+  margin-top: 4px;
+  font-size: 10px;
+}
+
+.MRT_TableHeadCellFilterLabel-module_root__Rur2R {
+  transition: all 150ms ease;
+  --ai-size: var(--ai-size-sm);
+  --ai-bg: transparent;
+  --ai-hover: light-dark(
+    var(--mantine-color-gray-1),
+    var(--mantine-color-dark-6)
+  );
+  --ai-hover-color: var(--mantine-color-bright);
+  color: var(--mantine-color-bright);
+  &[data-active] {
+    color: var(--mantine-primary-color-filled);
+  }
+}
+
+.MRT_TableHeadCellResizeHandle-module_root__paufe {
+  --resize-handle-thickness: 4px;
+  background: var(--mantine-color-placeholder);
+  border-radius: 2px;
+  cursor: col-resize;
+  height: 24px;
+  position: absolute;
+  width: var(--resize-handle-thickness);
+  &:hover {
+    background: var(--mantine-primary-color-filled-hover);
+  }
+  &:active {
+    background: var(--mantine-primary-color-filled);
+  }
+  transform: var(--mrt-transform);
+}
+
+.MRT_TableHeadCellResizeHandle-module_root-ltr__652AZ {
+  right: 0px;
+  margin-right: -10px;
+  &.md {
+    margin-right: -16px;
+  }
+  &.xl {
+    margin-right: -22px;
+  }
+}
+
+.MRT_TableHeadCellResizeHandle-module_root-rtl__5VlSo {
+  left: 0px;
+  margin-left: -10px;
+  &.md {
+    margin-left: -16px;
+  }
+  &.xl {
+    margin-left: -22px;
+  }
+}
+
+.MRT_TableHeadCellResizeHandle-module_root-hide__-ILlD {
+  &:active {
+    opacity: 0;
+  }
+}
+
+.MRT_TableHeadCellSortLabel-module_sort-icon__zs1xA {
+  transition: all 150ms ease;
+  --ai-size: var(--ai-size-xs);
+  --ai-bg: transparent;
+  --ai-hover: light-dark(
+    var(--mantine-color-gray-1),
+    var(--mantine-color-dark-6)
+  );
+  --ai-hover-color: var(--mantine-color-bright);
+  color: var(--mantine-color-bright);
+  &[data-sorted] {
+    color: var(--mantine-primary-color-filled);
+  }
+  margin-left: 1px;
+}
+
+.MRT_TableHeadCellSortLabel-module_multi-sort-indicator__MGBj2 {
+  --indicator-size: rem(16px);
+  --indicator-color: transparent;
+  --indicator-text-color: var(--mantine-color-bright);
+  height: var(--indicator-size);
+}
+
+.MRT_TableHeadCell-module_root__6y50a {
+  --resize-border-color: var(--mantine-primary-color-filled);
+  --hover-color: var(--mantine-primary-color-filled);
+  --drag-color: var(--mantine-color-gray-7);
+  --resize-thickness: 2px;
+  --hover-thickness: 3px;
+  --drag-thickness: 1px;
+
+  background-color: var(--mrt-base-background-color);
+  background-clip: padding-box;
+  font-weight: bold;
+  overflow: visible;
+  position: relative;
+  transition: padding 150ms ease-in-out;
+  vertical-align: top;
+  z-index: 1;
+
+  &:active {
+    z-index: 3;
+  }
+
+  &[data-column-pinned] {
+    background-color: var(--mrt-base-background-color);
+    opacity: 0.97;
+    position: sticky;
+    z-index: 4;
+    &[data-column-pinned='start'] {
+      inset-inline-start: calc(var(--mrt-table-cell-start, 0) * 1px);
+      &[data-last-start-pinned] {
+        box-shadow: -6px 0 6px -6px
+          alpha(
+            light-dark(
+              var(--mantine-color-gray-outline),
+              var(--mantine-color-dark-outline)
+            ),
+            0.5
+          )
+          inset;
+      }
+    }
+
+    &[data-column-pinned='end'] {
+      inset-inline-end: calc(var(--mrt-table-cell-end, 0) * 1px);
+      &[data-first-end-pinned] {
+        box-shadow: 6px 0 6px -6px
+          alpha(
+            light-dark(
+              var(--mantine-color-gray-outline),
+              var(--mantine-color-dark-outline)
+            ),
+            0.5
+          )
+          inset;
+      }
+    }
+  }
+
+  &[data-resizing] {
+    &[data-resizing='ltr'] {
+      border-right: var(--resize-thickness) solid var(--resize-border-color);
+    }
+    &[data-resizing='rtl'] {
+      border-left: var(--resize-thickness) solid var(--resize-border-color);
+    }
+  }
+
+  &[data-dragging-column] {
+    border-left: var(--drag-thickness) dashed var(--drag-color);
+    border-right: var(--drag-thickness) dashed var(--drag-color);
+    border-top: var(--drag-thickness) dashed var(--drag-color);
+    opacity: 0.5;
+    z-index: 3;
+  }
+
+  &[data-hovered-column-target] {
+    border-left: var(--hover-thickness) dashed var(--hover-color);
+    border-right: var(--hover-thickness) dashed var(--hover-color);
+    border-top: var(--hover-thickness) dashed var(--hover-color);
+    z-index: 2;
+  }
+
+  .mantine-ActionIcon-root {
+    opacity: 0.7;
+    transition: opacity 100ms ease-in-out;
+  }
+
+  &:hover {
+    .mantine-ActionIcon-root {
+      opacity: 1;
+    }
+  }
+}
+
+.MRT_TableHeadCell-module_root-grid__bAf1d {
+  display: flex;
+  flex-direction: column;
+}
+
+.MRT_TableHeadCell-module_root-virtualized__CWLit {
+  transition: none;
+}
+
+.MRT_TableHeadCell-module_root-no-select__BEOVU {
+  user-select: none;
+}
+
+.MRT_TableHeadCell-module_content__-pzSK {
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+.MRT_TableHeadCell-module_content-spaced__S85Aa {
+  justify-content: space-between;
+}
+
+.MRT_TableHeadCell-module_content-center__c-17L {
+  justify-content: center;
+}
+
+.MRT_TableHeadCell-module_content-right__NSRZU {
+  flex-direction: row-reverse;
+}
+
+.MRT_TableHeadCell-module_content-wrapper__py6aJ {
+  text-overflow: ellipsis;
+}
+
+.MRT_TableHeadCell-module_content-wrapper-hidden-overflow__QY40r {
+  overflow: hidden;
+}
+
+.MRT_TableHeadCell-module_content-wrapper-nowrap__-4aIg {
+  white-space: nowrap;
+}
+
+.MRT_TableHeadCell-module_labels__oiMSr {
+  align-items: center;
+  gap: rem(2px);
+  min-height: rem(22px);
+}
+
+.MRT_TableHeadCell-module_labels-right__6ZJp- {
+  flex-direction: row-reverse;
+}
+
+.MRT_TableHeadCell-module_labels-center__MM9q8 {
+  padding-left: calc(var(--mrt-table-head-cell-labels-padding-left) * 1rem);
+}
+
+.MRT_TableHeadCell-module_labels-sortable__tyuLr {
+  cursor: pointer;
+}
+
+.MRT_TableHeadCell-module_labels-data__PvFGO {
+  overflow: hidden;
+}
+
+.MRT_TableHeadCell-module_content-actions__utxbm {
+  align-items: center;
+  align-self: center;
+  white-space: nowrap;
+  gap: rem(2px);
+  margin-left: rem(2px);
+}
+
+.MRT_TableHeadRow-module_root__hUKv4 {
+  background-color: var(--mrt-base-background-color);
+  display: table-row;
+  &.MRT_TableHeadRow-module_layout-mode-grid__4ZGri {
+    display: flex;
+  }
+}
+
+.MRT_TableHeadRow-module_sticky__Ej7Ax {
+  position: sticky;
+  top: 0;
+}
+
+.MRT_TableHead-module_root__j9NkO {
+  background-color: var(--mrt-base-background-color);
+  opacity: 0.97;
+  position: relative;
+}
+
+.MRT_TableHead-module_root-grid__c3aGl {
+  display: grid;
+}
+
+.MRT_TableHead-module_root-table-row-group__d9FO4 {
+  display: table-row-group;
+}
+
+.MRT_TableHead-module_root-sticky__0kuDE {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}
+
+.MRT_TableHead-module_banner-tr__EhT-x {
+  display: table-row;
+}
+
+.MRT_TableHead-module_banner-th__KwM5a {
+  display: table-cell;
+  padding: 0;
+}
+
+.MRT_TableHead-module_grid__OJ-td {
+  display: grid;
+}
+
+.MRT_GlobalFilterTextInput-module_root__Xmcpv {
+  z-index: 2;
+  position: relative;
+}
+
+.MRT_GlobalFilterTextInput-module_collapse__v311d {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  flex-wrap: nowrap;
+}
+
+.common-styles-module_common-toolbar-styles__DnjR8 {
+  align-items: flex-start;
+  display: grid;
+  flex-wrap: wrap-reverse;
+  min-height: calc(3.5rem * var(--mantine-scale));
+  overflow: visible;
+  padding: 0;
+  transition: all 150ms ease-in-out;
+  z-index: 3;
+}
+
+.MRT_BottomToolbar-module_root__VDeWo {
+  background-color: var(--mrt-base-background-color);
+  border-top: 1px solid
+    light-dark(var(--mantine-color-gray-3), var(--mantine-color-dark-4));
+  bottom: var(--mrt-bottom-toolbar-bottom);
+  box-shadow: 0 1px 2px -1px
+    color-mix(in srgb, var(--mantine-color-black) 10%, transparent) inset;
+  left: 0;
+  right: 0;
+  position: relative;
+}
+
+.MRT_BottomToolbar-module_root-fullscreen__esE15 {
+  position: fixed !important;
+  bottom: 0;
+}
+
+.MRT_BottomToolbar-module_custom-toolbar-container__XcDRF {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  padding: rem(8px);
+  width: 100%;
+}
+
+.MRT_BottomToolbar-module_paginator-container__A3eWY {
+  display: flex;
+  justify-content: flex-end;
+  right: 0;
+  top: 0;
+  position: absolute;
+}
+
+.MRT_BottomToolbar-module_paginator-container-alert-banner__gyqtO {
+  position: relative !important;
+}
+
+.MRT_ProgressBar-module_collapse__rOLJH {
+  position: absolute;
+  width: 100%;
+  top: 0;
+}
+
+.MRT_ProgressBar-module_collapse-top__oCi0h {
+  bottom: 0;
+  top: unset;
+}
+
+.MRT_TablePagination-module_root__yZ8pm {
+  display: flex;
+  z-index: 2;
+  gap: var(--mantine-spacing-lg);
+  align-items: center;
+  justify-content: space-between;
+  padding-right: var(--mantine-spacing-sm);
+  padding-left: var(--mantine-spacing-sm);
+  padding-top: var(--mantine-spacing-xs);
+  padding-bottom: var(--mantine-spacing-xs);
+  .MRT_TablePagination-module_pagesize__-vmTn {
+    input {
+      width: calc(5rem * var(--mantine-scale));
+    }
+  }
+}
+
+.MRT_TablePagination-module_with-top-margin__aM5-m {
+  margin-top: 3rem;
+}
+
+.MRT_ToolbarDropZone-module_root__eGTXb {
+  align-items: center;
+
+  border: dashed var(--mantine-primary-color-filled) 2px;
+  justify-content: center;
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  z-index: 2;
+  background-color: color-mix(
+    in srgb,
+    var(--mantine-primary-color-filled) 10%,
+    transparent
+  );
+}
+
+.MRT_ToolbarDropZone-module_hovered__g7PeJ {
+  background-color: color-mix(
+    in srgb,
+    var(--mantine-primary-color-filled) 20%,
+    transparent
+  );
+}
+
+.MRT_TopToolbar-module_root__r4-V9 {
+  background-color: var(--mrt-base-background-color);
+  position: relative;
+}
+
+.MRT_TopToolbar-module_root-fullscreen__3itT8 {
+  position: sticky !important;
+  top: 0;
+}
+
+.MRT_TopToolbar-module_actions-container__-uL0u {
+  align-items: flex-start;
+  box-sizing: border-box;
+  justify-content: space-between;
+  padding: rem(8px);
+  right: 0;
+  top: 0;
+  width: 100%;
+  position: absolute;
+}
+
+.MRT_TopToolbar-module_actions-container-stack-alert__OYDL6 {
+  position: relative !important;
+}
+
+.MRT_ToolbarInternalButtons-module_root__NKoUG {
+  align-items: center;
+  gap: 2px;
+  z-index: 3;
+  margin-left: 4px;
+}
+
+.MRT_Table-module_root__ms2uS {
+  background-color: var(--mrt-base-background-color);
+}
+
+.MRT_Table-module_root-grid__2Pynz {
+  display: grid;
+}
+
+.MRT_TableContainer-module_root__JIsGB {
+  background-color: var(--mrt-base-background-color);
+  max-width: 100%;
+  overflow: auto;
+  position: relative;
+}
+
+.MRT_TableContainer-module_root-sticky__uC4qx {
+  max-height: clamp(
+    350px,
+    calc(100vh - calc(var(--mrt-top-toolbar-height) * 1px)),
+    9999px
+  );
+}
+
+.MRT_TableContainer-module_root-fullscreen__aM8Jg {
+  max-height: calc(
+    100vh - calc(var(--mrt-top-toolbar-height) * 1px)
+  ) !important;
+}
+
+:root {
+  /* default background color for everything */
+  --mrt-base-background-color: var(--mantine-color-body);
+
+  @mixin light-root {
+    --mrt-striped-row-background-color: darken(
+      var(--mrt-base-background-color),
+      0.05
+    );
+  }
+  @mixin dark-root {
+    --mrt-striped-row-background-color: lighten(
+      var(--mrt-base-background-color),
+      0.04
+    );
+  }
+
+  /* row hover */
+  @mixin light-root {
+    --mrt-row-hover-background-color: darken(
+      var(--mrt-base-background-color),
+      0.08
+    );
+    --mrt-striped-row-hover-background-color: darken(
+      var(--mrt-striped-row-background-color),
+      0.12
+    );
+  }
+  @mixin dark-root {
+    --mrt-row-hover-background-color: lighten(
+      var(--mrt-base-background-color),
+      0.08
+    );
+    --mrt-striped-row-hover-background-color: lighten(
+      var(--mrt-striped-row-background-color),
+      0.08
+    );
+  }
+
+  /* row selection */
+  --mrt-selected-row-background-color: alpha(
+    var(--mantine-primary-color-light),
+    0.8
+  );
+  @mixin light-root {
+    --mrt-selected-row-hover-background-color: darken(
+      var(--mantine-primary-color-light-hover),
+      0.05
+    );
+  }
+  @mixin dark-root {
+    --mrt-selected-row-hover-background-color: lighten(
+      var(--mantine-primary-color-light-hover),
+      0.05
+    );
+  }
+
+  /* row pinning */
+  --mrt-pinned-row-background-color: var(--mrt-selected-row-background-color);
+  --mrt-pinned-row-hover-background-color: var(
+    --mrt-selected-row-hover-background-color
+  );
+
+  /* column pinning */
+  @mixin light-root {
+    --mrt-pinned-column-background-color: darken(
+      var(--mrt-base-background-color),
+      0.01
+    );
+  }
+  @mixin dark-root {
+    --mrt-pinned-column-background-color: darken(
+      var(--mrt-base-background-color),
+      0.05
+    );
+  }
+
+  /* cell borders */
+  --mrt-dragging-hovered-border-color: var(--mantine-primary-color-filled);
+  --mrt-dragging-drag-border-color: var(--mantine-color-gray-7);
+  --mrt-resize-column-border-color: var(--mantine-primary-color-filled);
+}
+
+.MRT_TablePaper-module_root__q0v5L {
+  background-color: var(--mrt-base-background-color);
+  overflow: hidden;
+  transition: all 150ms ease-in-out;
+}