@mantine-vue/table 2.2.0

package/styles.css

@@ -0,0 +1,1118 @@
+._root_4efes_1 {
+  display: flex;
+  gap: var(--mantine-spacing-xs);
+}
+._root_1axh8_1 {
+  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);
+}
+  ._root_1axh8_1 ._pagesize_1axh8_11 input {
+      width: calc(5rem * var(--mantine-scale));
+    }
+
+._with-top-margin_1axh8_18 {
+  margin-top: 3rem;
+}
+._common-toolbar-styles_1c9lk_1 {
+  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;
+}
+._root_1p9h3_1 {
+  background-color: var(--mvt-base-background-color);
+  border-top: 1px solid
+    var(--mantine-color-gray-3);
+}
+  [data-mantine-color-scheme='dark'] ._root_1p9h3_1 {
+  border-top: 1px solid
+    var(--mantine-color-dark-4);
+}
+  ._root_1p9h3_1 {
+  bottom: var(--mvt-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;
+}
+
+._root-fullscreen_1p9h3_16 {
+  position: fixed !important;
+  bottom: 0;
+}
+
+._custom-toolbar-container_1p9h3_21 {
+  align-items: center;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  padding: calc(0.5rem * var(--mantine-scale));
+  width: 100%;
+}
+
+._paginator-container_1p9h3_30 {
+  display: flex;
+  justify-content: flex-end;
+  right: 0;
+  top: 0;
+  position: absolute;
+}
+
+._paginator-container-alert-banner_1p9h3_38 {
+  position: relative !important;
+}
+._symbol_e9w8k_1 {
+  font-size: var(--mantine-font-size-xl);
+  text-align: center;
+  width: 2ch;
+  transform: translateY(-0.1em);
+}
+._root_36dtw_1 {
+  z-index: 2;
+  position: relative;
+}
+
+._collapse_36dtw_6 {
+  display: flex;
+  align-items: center;
+  gap: calc(0.25rem * var(--mantine-scale));
+  flex-wrap: nowrap;
+}
+._root_yxq5t_1 {
+  min-width: calc(4.375rem * var(--mantine-scale));
+  align-content: center;
+  justify-content: center;
+}
+  ._root_yxq5t_1 ._left_yxq5t_5 {
+    transform: rotate(90deg);
+  }
+  ._root_yxq5t_1 ._right_yxq5t_8 {
+    transform: rotate(-90deg);
+  }
+._root_2agzl_1 {
+  align-items: center;
+  cursor: default;
+  justify-content: flex-start;
+  opacity: 1;
+  outline: none;
+  padding-left: var(--_column-depth);
+  padding-top: calc(0.375rem * var(--mantine-scale));
+  padding-bottom: calc(0.375rem * var(--mantine-scale));
+}
+  ._root_2agzl_1[data-dragging] {
+    opacity: 0.5;
+    outline: 1px dashed var(--mantine-color-gray-7);
+  }
+  ._root_2agzl_1[data-order-hovered]:not(._root_2agzl_1[data-dragging]) {
+    outline: 2px dashed var(--_hover-color);
+  }
+._menu_2agzl_18 {
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: calc(0.5rem * var(--mantine-scale));
+}
+._grab_2agzl_24 {
+  width: calc(1.75rem * var(--mantine-scale));
+}
+._pin_2agzl_27 {
+  width: calc(4.375rem * var(--mantine-scale));
+}
+._switch_2agzl_30 {
+  cursor: pointer !important;
+}
+._header_2agzl_33 {
+  align-self: center;
+}
+._root_18ent_1 {
+  max-height: calc(80vh - 100px);
+  overflow-y: auto;
+}
+  ._root_18ent_1 ._content_18ent_7 {
+    padding-top: calc(0.25rem * var(--mantine-scale));
+    padding-bottom: calc(0.25rem * var(--mantine-scale));
+    gap: calc(0.5rem * var(--mantine-scale));
+    justify-content: space-between;
+  }
+._root_vgw6s_1 {
+  align-items: center;
+  gap: calc(0.125rem * var(--mantine-scale));
+  z-index: 3;
+  margin-left: calc(0.25rem * var(--mantine-scale));
+}
+._root_4odg9_1 {
+  background-color: var(--mvt-base-background-color);
+  position: relative;
+}
+
+._root-fullscreen_4odg9_6 {
+  position: sticky !important;
+  top: 0;
+}
+
+._actions-container_4odg9_11 {
+  align-items: flex-start;
+  box-sizing: border-box;
+  justify-content: space-between;
+  padding: calc(0.5rem * var(--mantine-scale));
+  right: 0;
+  top: 0;
+  width: 100%;
+  position: absolute;
+}
+
+._actions-container-stack-alert_4odg9_22 {
+  position: relative !important;
+}
+._root_bjeoi_1 {
+  background-color: transparent;
+  border: none;
+  border-radius: calc(0.25rem * var(--mantine-scale));
+  color: inherit;
+  cursor: copy;
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  justify-content: inherit;
+  letter-spacing: inherit;
+  margin: calc(-0.25rem * var(--mantine-scale));
+  min-width: unset;
+  padding: calc(0.25rem * var(--mantine-scale));
+  text-align: inherit;
+  text-transform: inherit;
+}
+  ._root_bjeoi_1:active {
+    transform: translateY(1px);
+  }
+  ._root_bjeoi_1:hover {
+    background-color: color-mix(
+      in srgb,
+      var(--mantine-primary-color-filled-hover) 10%,
+      transparent
+    );
+  }
+._root_nsu9p_1 {
+  --resize-thickness: calc(0.125rem * var(--mantine-scale));
+
+  background-clip: padding-box;
+  text-align: var(--mvt-cell-align, left);
+  overflow: hidden;
+  position: relative;
+  transition: padding 150ms ease-in-out;
+}
+
+  ._root_nsu9p_1[data-dragging-column] {
+    z-index: 2;
+    border-left: var(--drag-thickness) dashed
+      var(--mvt-dragging-drag-border-color);
+    border-right: var(--drag-thickness) dashed
+      var(--mvt-dragging-drag-border-color);
+  }
+
+  ._root_nsu9p_1[data-dragging-column][data-last-row] {
+      border-bottom: var(--drag-thickness) dashed
+        var(--mvt-dragging-drag-border-color);
+    }
+
+  ._root_nsu9p_1[data-hovered-column-target] {
+    opacity: 0.5;
+    border-left: var(--hover-thickness) dashed
+      var(--mvt-dragging-hovered-border-color);
+    border-right: var(--hover-thickness) dashed
+      var(--mvt-dragging-hovered-border-color);
+  }
+
+  ._root_nsu9p_1[data-hovered-column-target][data-last-row] {
+      border-bottom: var(--hover-thickness) dashed
+        var(--mvt-dragging-hovered-border-color);
+    }
+
+  ._root_nsu9p_1[data-resizing='ltr'] {
+    border-right: var(--resize-thickness) solid
+      var(--mvt-resize-column-border-color);
+  }
+
+  ._root_nsu9p_1[data-resizing='rtl'] {
+    border-left: var(--resize-thickness) solid
+      var(--mvt-resize-column-border-color);
+  }
+
+  ._root_nsu9p_1:hover {
+    outline-offset: calc(-0.0625rem * var(--mantine-scale));
+    text-overflow: clip;
+  }
+
+._root-grid_nsu9p_50 {
+  align-items: center;
+  justify-content: var(--mvt-cell-align, flex-start);
+  display: flex;
+}
+
+._root-virtualized_nsu9p_56 {
+  transition: none;
+}
+
+._root-data-col_nsu9p_60 {
+  text-overflow: ellipsis;
+}
+
+._root-nowrap_nsu9p_64 {
+  white-space: nowrap;
+}
+
+._root-cursor-pointer_nsu9p_68 {
+  cursor: pointer;
+}
+
+@media (hover: hover) {
+
+  ._root-editable-hover_nsu9p_72:hover {
+    outline: 1px solid var(--mantine-color-gray-7);
+  }
+}
+
+@media (hover: none) {
+
+  ._root-editable-hover_nsu9p_72:active {
+    outline: 1px solid var(--mantine-color-gray-7);
+  }
+}
+
+._root-cell-hover-reveal_nsu9p_78 {
+  overflow: visible;
+}
+
+._cell-hover-reveal_nsu9p_82 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: var(--mvt-cell-align);
+}
+
+._cell-hover-reveal_nsu9p_82._overflowing_nsu9p_89: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(--mvt-base-background-color);
+  box-shadow: var(--mantine-shadow-sm);
+  border: 1px solid var(--mantine-primary-color-filled);
+  text-indent: calc(-0.0625rem * var(--mantine-scale));
+  width: max-content;
+  top: 0;
+  left: 0;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+._root_qcquf_1 {
+  display: table-row;
+  width: 100%;
+  background-color: var(--mvt-base-background-color);
+}
+
+._root-grid_qcquf_7 {
+  display: flex;
+}
+
+._root-virtual-row_qcquf_11 {
+  position: absolute;
+  top: var(--mvt-parent-row-height);
+  transform: translateY(var(--mvt-virtual-row-start));
+  transition: none;
+  z-index: 1;
+}
+
+._inner_qcquf_19 {
+  display: table-cell;
+  transition: all 150ms ease-in-out;
+  width: var(--mvt-inner-width);
+}
+
+._inner-grid_qcquf_25 {
+  display: flex;
+}
+
+._inner-expanded_qcquf_29 {
+  border-bottom: 1px solid var(--_table-border-color);
+}
+
+._inner-virtual_qcquf_33 {
+  transition: none;
+}
+._root_1gfu2_1 {
+  --hover-thickness: calc(0.1875rem * var(--mantine-scale));
+  --drag-thickness: calc(0.0625rem * var(--mantine-scale));
+
+  box-sizing: border-box;
+  transition: all 150ms ease-in-out;
+  width: 100%;
+  /* end row pinning styles */
+  /* end selection styles */
+}
+
+  /* default background-color */
+  ._root_1gfu2_1:not([data-striped], [data-striped='false']) {
+    background-color: var(--mvt-base-background-color);
+  }
+  /* striped background-colors (take detail panels and virtualization into account) */
+  ._root_1gfu2_1:not([data-selected], [data-row-pinned])[data-striped='odd'] {
+      background-color: var(--mvt-striped-row-background-color);
+    }
+  ._root_1gfu2_1:not([data-selected], [data-row-pinned])[data-striped='even'] {
+      background-color: var(--mvt-striped-row-background-color);
+    }
+  /* column pinning styles */
+  ._root_1gfu2_1:not([data-selected], [data-row-pinned]) td[data-column-pinned]::before {
+          background-color: var(--mvt-pinned-column-background-color);
+        }
+  ._root_1gfu2_1:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned]::before {
+            background-color: var(--mvt-striped-row-background-color);
+          }
+  ._root_1gfu2_1:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned]::before {
+            background-color: var(--mvt-striped-row-background-color);
+          }
+  ._root_1gfu2_1 td[data-column-pinned] {
+      background-color: var(--mvt-pinned-column-background-color);
+      opacity: 0.97;
+      position: sticky;
+      z-index: 1;
+    }
+  ._root_1gfu2_1 td[data-column-pinned]::before {
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+        z-index: -1;
+      }
+  ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='left'] {
+        left: calc(var(--mvt-table-cell-left, 0) * 1px);
+      }
+  ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='left'][data-last-left-pinned]::before {
+            box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+          }
+  [data-mantine-color-scheme='dark'] ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='left'][data-last-left-pinned]::before {
+            box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+  ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='right'] {
+        right: calc(var(--mvt-table-cell-right, 0) * 1px);
+      }
+  ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='right'][data-first-right-pinned]::before {
+            box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+          }
+  [data-mantine-color-scheme='dark'] ._root_1gfu2_1 td[data-column-pinned][data-column-pinned='right'][data-first-right-pinned]::before {
+            box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+  /* row pinning styles */
+  ._root_1gfu2_1[data-row-pinned] {
+    background-color: var(--mvt-pinned-row-background-color, --mantine-color-body);
+    bottom: calc(var(--mvt-pinned-row-bottom) * 1px);
+    opacity: 0.97;
+    top: calc(var(--mvt-pinned-row-top) * 1px);
+  }
+  ._root_1gfu2_1[data-row-pinned] td::before {
+        background-color: var(--mvt-pinned-row-background-color);
+        content: '';
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%;
+        z-index: -1;
+      }
+  ._root_1gfu2_1[data-row-pinned] td[data-column-pinned] {
+        background-color: var(--mvt-pinned-column-background-color);
+      }
+  ._root_1gfu2_1[data-row-pinned] td[data-column-pinned]::before {
+          background-color: var(--mvt-pinned-row-background-color);
+          content: '';
+          height: 100%;
+          left: 0;
+          position: absolute;
+          top: 0;
+          width: 100%;
+          z-index: -1;
+        }
+  /* end column pinning styles */
+  ._root_1gfu2_1[data-row-pinned='sticky'] {
+    z-index: 2;
+    position: sticky;
+  }
+  /* selection styles */
+  ._root_1gfu2_1[data-selected] {
+    background-color: var(--mvt-selected-row-background-color, --mantine-color-body);
+  }
+  ._root_1gfu2_1[data-selected] td[data-column-pinned] {
+        background-color: var(--mvt-pinned-column-background-color);
+      }
+  ._root_1gfu2_1[data-selected] td[data-column-pinned]::before {
+          background-color: var(--mvt-selected-row-background-color);
+        }
+  ._root_1gfu2_1[data-hover]:hover td {
+        background-color: var(--mvt-row-hover-background-color);
+      }
+  ._root_1gfu2_1[data-hover]:hover td[data-column-pinned] {
+          background-color: var(--mvt-base-background-color);
+        }
+  ._root_1gfu2_1[data-hover]:hover td[data-column-pinned]::before {
+            background-color: var(--mvt-row-hover-background-color);
+          }
+  ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td {
+            background-color: var(--mvt-striped-row-hover-background-color);
+          }
+  ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned] {
+              background-color: var(--mvt-base-background-color);
+            }
+  ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='odd'] td[data-column-pinned]::before {
+                background-color: var(--mvt-striped-row-hover-background-color);
+              }
+  ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td {
+            background-color: var(--mvt-striped-row-hover-background-color);
+          }
+  ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned] {
+              background-color: var(--mvt-base-background-color);
+            }
+  ._root_1gfu2_1[data-hover]:hover:not([data-selected], [data-row-pinned])[data-striped='even'] td[data-column-pinned]::before {
+                background-color: var(--mvt-striped-row-hover-background-color);
+              }
+  ._root_1gfu2_1[data-hover]:hover[data-selected] td {
+          background-color: var(--mvt-selected-row-hover-background-color);
+        }
+  ._root_1gfu2_1[data-hover]:hover[data-selected] td[data-column-pinned] {
+            background-color: var(--mvt-base-background-color);
+          }
+  ._root_1gfu2_1[data-hover]:hover[data-selected] td[data-column-pinned]::before {
+              background-color: var(--mvt-selected-row-hover-background-color);
+            }
+  ._root_1gfu2_1[data-dragging-row] {
+    opacity: 0.5;
+    border-bottom: var(--drag-thickness) dashed var(--drag-color);
+    border-top: var(--drag-thickness) dashed var(--drag-color);
+  }
+  ._root_1gfu2_1[data-dragging-row] td:first-child {
+        border-left: var(--drag-thickness) dashed var(--drag-color);
+      }
+  ._root_1gfu2_1[data-dragging-row] td:last-child {
+        border-right: var(--drag-thickness) dashed var(--drag-color);
+      }
+  ._root_1gfu2_1[data-hovered-row-target] td {
+      opacity: 0.5;
+      border-top: var(--hover-thickness) dashed
+        var(--mvt-dragging-hovered-border-color);
+      border-bottom: var(--hover-thickness) dashed
+        var(--mvt-dragging-hovered-border-color);
+    }
+  ._root_1gfu2_1[data-hovered-row-target] td:first-child {
+        border-left: var(--hover-thickness) dashed
+          var(--mvt-dragging-hovered-border-color);
+      }
+  ._root_1gfu2_1[data-hovered-row-target] td:last-child {
+        border-right: var(--hover-thickness) dashed
+          var(--mvt-dragging-hovered-border-color);
+      }
+
+._root-grid_1gfu2_242 {
+  display: flex;
+}
+
+._root-virtualized_1gfu2_246 {
+  position: absolute !important;
+  top: 0;
+  transition: none !important;
+  transform: translateY(calc(var(--mvt-virtual-row-start) * 1px));
+  will-change: transform;
+}
+._root_1cl4e_1 {
+  background-color: var(--mvt-base-background-color);
+  position: relative;
+}
+
+._root-grid_1cl4e_6 {
+  display: grid;
+}
+
+._root-no-rows_1cl4e_10 {
+  min-height: calc(6.25rem * var(--mantine-scale));
+}
+
+._root-virtualized_1cl4e_14 {
+  height: var(--mvt-table-body-height);
+}
+
+._empty-row-tr-grid_1cl4e_18 {
+  display: grid;
+}
+
+._empty-row-td-grid_1cl4e_22 {
+  display: grid;
+  width: inherit;
+}
+
+._empty-row-td-content_1cl4e_27 {
+  color: var(--mantine-color-dimmed);
+  font-style: italic;
+  max-width: min(100vw, calc(var(--mvt-paper-width) * 1px));
+  padding-bottom: 2rem;
+  padding-top: 2rem;
+  text-align: center;
+  width: 100%;
+}
+
+._pinned_1cl4e_37 {
+  bottom: calc(var(--mvt-table-footer-height, 0) * 1px - 1px);
+  position: sticky;
+  top: calc(var(--mvt-table-head-height, 0) * 1px - 1px);
+  z-index: 1;
+}
+._root_1r6he_1 {
+  font-size: 0.8rem;
+  font-weight: bold;
+  padding: 1rem;
+  text-align: var(--mvt-cell-align, left);
+  vertical-align: top;
+  z-index: 1;
+}
+
+  ._root_1r6he_1._grid_1r6he_9 {
+    display: flex;
+    justify-content: var(--mvt-cell-align, flex-start);
+  }
+
+  ._root_1r6he_1._group_1r6he_14 {
+    text-align: center;
+    justify-content: center;
+  }
+
+  ._root_1r6he_1 {
+
+  background-color: var(--mvt-base-background-color);
+}
+
+  ._root_1r6he_1[data-column-pinned] {
+    position: sticky;
+  }
+
+  ._root_1r6he_1[data-column-pinned='left'] {
+    left: calc(var(--mvt-table-cell-left, 0) * 1px);
+  }
+
+  ._root_1r6he_1[data-column-pinned='left'][data-last-left-pinned] {
+      box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+    }
+
+  [data-mantine-color-scheme='dark'] ._root_1r6he_1[data-column-pinned='left'][data-last-left-pinned] {
+      box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+
+  ._root_1r6he_1[data-column-pinned='right'] {
+    right: calc(var(--mvt-table-cell-right, 0) * 1px);
+  }
+
+  ._root_1r6he_1[data-column-pinned='right'][data-first-right-pinned] {
+      box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+    }
+
+  [data-mantine-color-scheme='dark'] ._root_1r6he_1[data-column-pinned='right'][data-first-right-pinned] {
+      box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+._root_7ucjd_1 {
+  width: 100%;
+  display: table-row;
+}
+  ._root_7ucjd_1._layout-mode-grid_7ucjd_4 {
+    display: flex;
+  }
+  ._root_7ucjd_1 {
+  background-color: var(--light-bg-color);
+}
+  [data-mantine-color-scheme='dark'] ._root_7ucjd_1 {
+  background-color: var(--dark-bg-color);
+}
+  ._root_7ucjd_1 {
+  border-top: 1px solid
+    var(--mantine-color-gray-3);
+}
+  [data-mantine-color-scheme='dark'] ._root_7ucjd_1 {
+  border-top: 1px solid
+    var(--mantine-color-dark-4);
+}
+._root_1ll42_1 {
+  background-color: var(--mvt-base-background-color);
+  display: table-row-group;
+}
+
+._grid_1ll42_6 {
+  display: grid;
+}
+
+._sticky_1ll42_10 {
+  bottom: 0;
+  opacity: 0.97;
+  position: sticky;
+  z-index: 1;
+  outline: 1px solid
+    var(--mantine-color-gray-3);
+}
+
+[data-mantine-color-scheme='dark'] ._sticky_1ll42_10 {
+  outline: 1px solid
+    var(--mantine-color-gray-7);
+}
+._left_htjtt_1 {
+  transform: rotate(90deg);
+}
+
+._right_htjtt_9 {
+  transform: rotate(-90deg);
+}
+._root_ggsjd_1 {
+  font-weight: normal;
+  margin-top: calc(0.5rem * var(--mantine-scale));
+}
+._root_p3yq7_1 {
+  font-weight: normal;
+  border-bottom: 2px solid
+    var(--mantine-color-gray-3);
+}
+  [data-mantine-color-scheme='dark'] ._root_p3yq7_1 {
+  border-bottom: 2px solid
+    var(--mantine-color-gray-7);
+}
+  ._root_p3yq7_1 {
+  min-width: auto;
+}
+  ._root_p3yq7_1._date-filter_p3yq7_6 {
+    min-width: calc(7.8125rem * var(--mantine-scale));
+  }
+  ._root_p3yq7_1._range-filter_p3yq7_9 {
+    min-width: calc(5rem * var(--mantine-scale));
+  }
+  ._root_p3yq7_1._not-filter-chip_p3yq7_12 {
+    min-width: calc(6.25rem * var(--mantine-scale));
+  }
+  ._root_p3yq7_1 {
+  width: 100%;
+}
+  ._root_p3yq7_1 .mantine-TextInput-input {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  ._root_p3yq7_1 .mantine-DateInput-input {
+    height: 2.1rem;
+  }
+
+._filter-chip-badge_p3yq7_25 {
+  margin: calc(0.3125rem * var(--mantine-scale));
+}
+._root_xs3uk_1 {
+  display: grid;
+  grid-template-columns: 6fr 6fr;
+  gap: calc(1rem * var(--mantine-scale));
+}
+._root_1y3xa_1 {
+  margin: auto;
+  margin-top: calc(1rem * var(--mantine-scale));
+  margin-bottom: calc(0.375rem * var(--mantine-scale));
+  width: calc(100% - 8px);
+}
+._filter-mode-label_1hw9u_1 {
+  white-space: nowrap;
+  margin-top: calc(0.25rem * var(--mantine-scale));
+  font-size: calc(0.625rem * var(--mantine-scale));
+}
+._root_1uxhy_1 {
+  --resize-handle-thickness: calc(0.25rem * var(--mantine-scale));
+  background: var(--mantine-color-placeholder);
+  border-radius: calc(0.125rem * var(--mantine-scale));
+  cursor: col-resize;
+  height: calc(1.5rem * var(--mantine-scale));
+  position: absolute;
+  width: var(--resize-handle-thickness);
+}
+  ._root_1uxhy_1:hover {
+    background: var(--mantine-primary-color-filled-hover);
+  }
+  ._root_1uxhy_1:active {
+    background: var(--mantine-primary-color-filled);
+  }
+  ._root_1uxhy_1 {
+  transform: var(--mvt-transform);
+}
+
+._root-ltr_1uxhy_18 {
+  right: 0rem;
+  margin-right: calc(-0.625rem * var(--mantine-scale));
+}
+
+._root-ltr_1uxhy_18.md {
+    margin-right: calc(-1rem * var(--mantine-scale));
+  }
+
+._root-ltr_1uxhy_18.xl {
+    margin-right: calc(-1.375rem * var(--mantine-scale));
+  }
+
+._root-rtl_1uxhy_29 {
+  left: 0rem;
+  margin-left: calc(-0.625rem * var(--mantine-scale));
+}
+
+._root-rtl_1uxhy_29.md {
+    margin-left: calc(-1rem * var(--mantine-scale));
+  }
+
+._root-rtl_1uxhy_29.xl {
+    margin-left: calc(-1.375rem * var(--mantine-scale));
+  }
+
+._root-hide_1uxhy_40:active {
+    opacity: 0;
+  }
+._sort-icon_1cb2x_1 {
+  transition: all 150ms ease;
+  --ai-size: var(--ai-size-xs);
+  --ai-bg: transparent;
+  --ai-hover: var(--mantine-color-gray-1);
+}
+  [data-mantine-color-scheme='dark'] ._sort-icon_1cb2x_1 {
+  --ai-hover: var(--mantine-color-dark-6);
+}
+  ._sort-icon_1cb2x_1 {
+  --ai-hover-color: var(--mantine-color-bright);
+  color: var(--mantine-color-bright);
+}
+  ._sort-icon_1cb2x_1[data-sorted] {
+    color: var(--mantine-primary-color-filled);
+  }
+  ._sort-icon_1cb2x_1 {
+  margin-left: calc(0.0625rem * var(--mantine-scale));
+}
+
+._multi-sort-indicator_1cb2x_17 {
+  --indicator-size: calc(1rem * var(--mantine-scale));
+  --indicator-color: transparent;
+  --indicator-text-color: var(--mantine-color-bright);
+  height: var(--indicator-size);
+}
+._root_kkgpw_1 {
+  --resize-border-color: var(--mantine-primary-color-filled);
+  --hover-color: var(--mantine-primary-color-filled);
+  --drag-color: var(--mantine-color-gray-7);
+  --resize-thickness: calc(0.125rem * var(--mantine-scale));
+  --hover-thickness: calc(0.1875rem * var(--mantine-scale));
+  --drag-thickness: calc(0.0625rem * var(--mantine-scale));
+
+  background-color: var(--mvt-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;
+}
+
+  ._root_kkgpw_1:active {
+    z-index: 3;
+  }
+
+  ._root_kkgpw_1[data-column-pinned] {
+    background-color: var(--mvt-base-background-color);
+    opacity: 0.97;
+    position: sticky;
+    z-index: 4;
+  }
+
+  ._root_kkgpw_1[data-column-pinned][data-column-pinned='left'] {
+      left: calc(var(--mvt-table-cell-left, 0) * 1px);
+    }
+
+  ._root_kkgpw_1[data-column-pinned][data-column-pinned='left'][data-last-left-pinned] {
+        box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+      }
+
+  [data-mantine-color-scheme='dark'] ._root_kkgpw_1[data-column-pinned][data-column-pinned='left'][data-last-left-pinned] {
+        box-shadow: -6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+
+  ._root_kkgpw_1[data-column-pinned][data-column-pinned='right'] {
+      right: calc(var(--mvt-table-cell-right, 0) * 1px);
+    }
+
+  ._root_kkgpw_1[data-column-pinned][data-column-pinned='right'][data-first-right-pinned] {
+        box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-gray-outline), transparent 50%) inset;
+      }
+
+  [data-mantine-color-scheme='dark'] ._root_kkgpw_1[data-column-pinned][data-column-pinned='right'][data-first-right-pinned] {
+        box-shadow: 6px 0 6px -6px color-mix(in srgb, var(--mantine-color-dark-outline), transparent 50%) inset;
+}
+
+  ._root_kkgpw_1[data-resizing][data-resizing='ltr'] {
+      border-right: var(--resize-thickness) solid var(--resize-border-color);
+    }
+
+  ._root_kkgpw_1[data-resizing][data-resizing='rtl'] {
+      border-left: var(--resize-thickness) solid var(--resize-border-color);
+    }
+
+  ._root_kkgpw_1[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;
+  }
+
+  ._root_kkgpw_1[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;
+  }
+
+  ._root_kkgpw_1 .mantine-ActionIcon-root {
+    opacity: 0.7;
+    transition: opacity 100ms ease-in-out;
+  }
+
+  ._root_kkgpw_1:hover .mantine-ActionIcon-root {
+      opacity: 1;
+    }
+
+._root-grid_kkgpw_179 {
+  display: flex;
+  flex-direction: column;
+}
+
+._root-virtualized_kkgpw_189 {
+  transition: none;
+}
+
+._root-no-select_kkgpw_197 {
+  user-select: none;
+}
+
+._content_kkgpw_205 {
+  align-items: center;
+  justify-content: flex-start;
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+._content-spaced_kkgpw_221 {
+  justify-content: space-between;
+}
+
+._content-center_kkgpw_229 {
+  justify-content: center;
+}
+
+._content-right_kkgpw_237 {
+  flex-direction: row-reverse;
+}
+
+._content-wrapper_kkgpw_245 {
+  text-overflow: ellipsis;
+}
+
+._content-wrapper-hidden-overflow_kkgpw_253 {
+  overflow: hidden;
+}
+
+._content-wrapper-nowrap_kkgpw_261 {
+  white-space: nowrap;
+}
+
+._labels_kkgpw_269 {
+  align-items: center;
+  gap: calc(0.125rem * var(--mantine-scale));
+  min-height: calc(1.375rem * var(--mantine-scale));
+}
+
+._labels-right_kkgpw_281 {
+  flex-direction: row-reverse;
+}
+
+._labels-center_kkgpw_289 {
+  padding-left: calc(var(--mvt-table-head-cell-labels-padding-left) * 1rem);
+}
+
+._labels-sortable_kkgpw_297 {
+  cursor: pointer;
+}
+
+._labels-data_kkgpw_305 {
+  overflow: hidden;
+}
+
+._content-actions_kkgpw_313 {
+  align-items: center;
+  align-self: center;
+  white-space: nowrap;
+  gap: calc(0.125rem * var(--mantine-scale));
+  margin-left: calc(0.125rem * var(--mantine-scale));
+}
+._root_anjy3_1 {
+  background-color: var(--mvt-base-background-color);
+  display: table-row;
+}
+  ._root_anjy3_1._layout-mode-grid_anjy3_4 {
+    display: flex;
+  }
+
+._sticky_anjy3_9 {
+  position: sticky;
+  top: 0;
+}
+._root_1b9w4_1 {
+  background-color: var(--mvt-base-background-color);
+  opacity: 0.97;
+  position: relative;
+}
+
+._root-grid_1b9w4_7 {
+  display: grid;
+}
+
+._root-table-row-group_1b9w4_11 {
+  display: table-row-group;
+}
+
+._root-sticky_1b9w4_15 {
+  position: sticky;
+  top: 0;
+  z-index: 3;
+}
+
+._banner-tr_1b9w4_21 {
+  display: table-row;
+}
+
+._banner-th_1b9w4_25 {
+  display: table-cell;
+  padding: 0;
+}
+
+._grid_1b9w4_30 {
+  display: grid;
+}
+._root_kin17_1 {
+  background-color: var(--mvt-base-background-color);
+}
+
+._root-grid_kin17_9 {
+  display: grid;
+}
+._root_1krki_1 {
+  background-color: var(--mvt-base-background-color);
+  max-width: 100%;
+  overflow: auto;
+  position: relative;
+}
+
+._root-sticky_1krki_8 {
+  max-height: clamp(
+    350px,
+    calc(100vh - calc(var(--mvt-top-toolbar-height) * 1px)),
+    9999px
+  );
+}
+
+._root-fullscreen_1krki_16 {
+  max-height: calc(
+    100vh - calc(var(--mvt-top-toolbar-height) * 1px)
+  ) !important;
+}
+:root {
+  /* default background color for everything */
+  --mvt-base-background-color: var(--mantine-color-body);
+
+  /* cell borders */
+}
+
+  :root[data-mantine-color-scheme='light'] {
+    --mvt-striped-row-background-color: color-mix(in srgb, var(--mvt-base-background-color), black 5%);
+}
+
+  :root[data-mantine-color-scheme='dark'] {
+    --mvt-striped-row-background-color: color-mix(in srgb, var(--mvt-base-background-color), white 4%);
+}
+
+  /* row hover */
+
+  :root[data-mantine-color-scheme='light'] {
+    --mvt-row-hover-background-color: color-mix(in srgb, var(--mvt-base-background-color), black 8%);
+    --mvt-striped-row-hover-background-color: color-mix(in srgb, var(--mvt-striped-row-background-color), black 12%);
+}
+
+  :root[data-mantine-color-scheme='dark'] {
+    --mvt-row-hover-background-color: color-mix(in srgb, var(--mvt-base-background-color), white 8%);
+    --mvt-striped-row-hover-background-color: color-mix(in srgb, var(--mvt-striped-row-background-color), white 8%);
+}
+
+  :root {
+  --mvt-selected-row-background-color: color-mix(in srgb, var(--mantine-primary-color-light), transparent 19.999999999999996%);
+}
+
+  /* row selection */
+
+  :root[data-mantine-color-scheme='light'] {
+    --mvt-selected-row-hover-background-color: color-mix(in srgb, var(--mantine-primary-color-light-hover), black 5%);
+}
+
+  :root[data-mantine-color-scheme='dark'] {
+    --mvt-selected-row-hover-background-color: color-mix(in srgb, var(--mantine-primary-color-light-hover), white 5%);
+}
+
+  :root {
+  --mvt-pinned-row-background-color: var(--mvt-selected-row-background-color);
+  --mvt-pinned-row-hover-background-color: var(
+    --mvt-selected-row-hover-background-color
+  );
+}
+
+  /* column pinning */
+
+  :root[data-mantine-color-scheme='light'] {
+    --mvt-pinned-column-background-color: color-mix(in srgb, var(--mvt-base-background-color), black 1%);
+}
+
+  /* row pinning */
+
+  :root[data-mantine-color-scheme='dark'] {
+    --mvt-pinned-column-background-color: color-mix(in srgb, var(--mvt-base-background-color), black 5%);
+}
+
+  :root {
+  --mvt-dragging-hovered-border-color: var(--mantine-primary-color-filled);
+  --mvt-dragging-drag-border-color: var(--mantine-color-gray-7);
+  --mvt-resize-column-border-color: var(--mantine-primary-color-filled);
+}
+
+._root_r40yr_84 {
+  background-color: var(--mvt-base-background-color);
+  overflow: hidden;
+  transition: all 150ms ease-in-out;
+}
+/*$vite$:1*/