From 310b6ff21c73dcd909e96d961e1ded711c69421c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Marc=20Gu=CC=88ell=20Segarra?= <marc@ondori.dev>
Date: Thu, 30 May 2024 14:53:16 +0200
Subject: [PATCH] feat(infinitescroll): add new css custom theme

---
 package.json                                  |    4 +-
 .../InfiniteTable/HeaderCheckbox.tsx          |    4 +-
 .../InfiniteTable/InfiniteTable.tsx           |    2 +-
 src/styles/ag-theme-quartz.css                | 1577 +++++++++++++++++
 4 files changed, 1583 insertions(+), 4 deletions(-)
 create mode 100644 src/styles/ag-theme-quartz.css

diff --git a/package.json b/package.json
index 2ba2937..569235f 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
   },
   "files": [
     "dist",
+    "dist/style.css",
     "src",
     "README.md"
   ],
@@ -18,7 +19,8 @@
     ".": {
       "import": "./dist/react-formiga-table.es.js",
       "types": "./dist/index.d.ts"
-    }
+    },
+    "./style.css": "./dist/style.css"
   },
   "scripts": {
     "build": "tsc --noEmit && vite build",
diff --git a/src/components/InfiniteTable/HeaderCheckbox.tsx b/src/components/InfiniteTable/HeaderCheckbox.tsx
index bbfd002..583045c 100644
--- a/src/components/InfiniteTable/HeaderCheckbox.tsx
+++ b/src/components/InfiniteTable/HeaderCheckbox.tsx
@@ -28,8 +28,8 @@ const HeaderCheckboxComp = memo(
     return (
       <input
         style={{
-          width: "16px",
-          height: "16px",
+          width: "15px",
+          height: "15px",
           border: "1px solid grey",
           cursor: "pointer",
         }}
diff --git a/src/components/InfiniteTable/InfiniteTable.tsx b/src/components/InfiniteTable/InfiniteTable.tsx
index 49f43cb..0fe7032 100644
--- a/src/components/InfiniteTable/InfiniteTable.tsx
+++ b/src/components/InfiniteTable/InfiniteTable.tsx
@@ -9,7 +9,7 @@ import {
 } from "react";
 import { AgGridReact } from "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
-import "ag-grid-community/styles/ag-theme-quartz.css";
+import "@/styles/ag-theme-quartz.css";
 import {
   BodyScrollEvent,
   ColDef,
diff --git a/src/styles/ag-theme-quartz.css b/src/styles/ag-theme-quartz.css
new file mode 100644
index 0000000..9e9c3af
--- /dev/null
+++ b/src/styles/ag-theme-quartz.css
@@ -0,0 +1,1577 @@
+@font-face {
+  font-family: "agGridQuartz";
+  src: url(data:font/woff2;charset=utf-8;base64,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);
+  font-weight: normal;
+  font-style: normal;
+}
+.ag-header-cell-label {
+  font-weight: bold;
+}
+.ag-theme-quartz,
+.ag-theme-quartz-dark,
+.ag-theme-quartz-auto-dark {
+  --ag-active-color: #f2f2f2;
+  --ag-background-color: #fff;
+  --ag-foreground-color: #000;
+  --ag-border-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 15%
+  );
+  --ag-secondary-border-color: var(--ag-border-color);
+  --ag-header-background-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 2%
+  );
+  --ag-tooltip-background-color: var(--ag-header-background-color);
+  --ag-control-panel-background-color: var(--ag-header-background-color);
+  --ag-subheader-background-color: transparent;
+  --ag-invalid-color: #e02525;
+  --ag-checkbox-unchecked-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 30%
+  );
+  --ag-advanced-filter-join-pill-color: #f08e8d;
+  --ag-advanced-filter-column-pill-color: #a6e194;
+  --ag-advanced-filter-option-pill-color: #f3c08b;
+  --ag-advanced-filter-value-pill-color: #85c0e4;
+  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
+  --ag-icon-font-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 90%
+  );
+  --ag-panel-background-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 3%
+  );
+  --ag-panel-border-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 20%
+  );
+  --ag-menu-background-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 3%
+  );
+  --ag-menu-border-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 20%
+  );
+  --ag-selected-row-background-color: #e6f7ff;
+  --ag-row-hover-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-active-color) 100%
+  );
+  /*--ag-column-hover-color: color-mix(*/
+  /*  in srgb,*/
+  /*  transparent,*/
+  /*  var(--ag-foreground-color) 5%*/
+  /*);*/
+  --ag-input-focus-border-color: var(--ag-active-color);
+  --ag-input-focus-box-shadow: 0 0 0 3px
+    color-mix(in srgb, transparent, var(--ag-input-focus-border-color) 47%);
+  --ag-range-selection-background-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-active-color) 20%
+  );
+  --ag-range-selection-background-color-2: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-active-color) 36%
+  );
+  --ag-range-selection-background-color-3: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-active-color) 49%
+  );
+  --ag-range-selection-background-color-4: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-active-color) 59%
+  );
+  --ag-checkbox-background-color: var(--ag-background-color);
+  --ag-checkbox-checked-color: #0075ff;
+  --ag-range-selection-border-color: var(--ag-active-color);
+  --ag-secondary-foreground-color: var(--ag-foreground-color);
+  --ag-input-border-color: var(--ag-border-color);
+  --ag-input-border-color-invalid: var(--ag-invalid-color);
+  --ag-disabled-foreground-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 50%
+  );
+  --ag-chip-background-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 7%
+  );
+  --ag-chip-border-color: color-mix(
+    in srgb,
+    var(--ag-header-background-color),
+    var(--ag-foreground-color) 13%
+  );
+  --ag-input-disabled-border-color: var(--ag-border-color);
+  --ag-input-disabled-background-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 6%
+  );
+  --ag-modal-overlay-background-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-background-color) 66%
+  );
+  --ag-borders: solid 1px;
+  --ag-border-radius: 4px;
+  --ag-wrapper-border-radius: 8px;
+  --ag-borders-side-button: none;
+  --ag-side-button-selected-background-color: transparent;
+  --ag-header-column-resize-handle-display: block;
+  --ag-header-column-resize-handle-width: 2px;
+  --ag-header-column-resize-handle-height: 30%;
+  --ag-grid-size: 8px;
+  --ag-icon-size: 16px;
+  --ag-header-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 4.25);
+  --ag-row-height: calc(var(--ag-font-size) + var(--ag-grid-size) * 3.5);
+  --ag-list-item-height: calc(
+    var(--ag-icon-size) + var(--ag-widget-vertical-spacing)
+  );
+  --ag-column-select-indent-size: var(--ag-icon-size);
+  --ag-set-filter-indent-size: var(--ag-icon-size);
+  --ag-advanced-filter-builder-indent-size: calc(
+    var(--ag-icon-size) + var(--ag-grid-size) * 2
+  );
+  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 2);
+  --ag-cell-widget-spacing: calc(var(--ag-grid-size) * 1.5);
+  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
+  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
+  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 1.5);
+  --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1);
+  --ag-toggle-button-height: 18px;
+  --ag-toggle-button-width: 28px;
+  --ag-toggle-button-border-width: 2px;
+  --ag-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  --ag-font-size: 12px;
+  --ag-icon-font-family: agGridQuartz;
+  --ag-tab-min-width: 0;
+  --ag-card-shadow: 0 1px 4px 1px rgba(186, 191, 199, 0.4);
+  --ag-popup-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.15);
+  --ag-side-bar-panel-width: 250px;
+}
+
+.ag-theme-quartz-dark {
+  --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
+  --ag-foreground-color: #fff;
+  --ag-border-color: rgba(255, 255, 255, 0.16);
+  --ag-secondary-border-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 10%
+  );
+  --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
+  --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
+  --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
+  --ag-input-disabled-background-color: #68686e12;
+  --ag-card-shadow: 0 1px 20px 1px black;
+  --ag-input-border-color: var(--ag-border-color);
+  --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
+  --ag-checkbox-unchecked-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 40%
+  );
+  /*--ag-row-hover-color: color-mix(*/
+  /*  in srgb,*/
+  /*  transparent,*/
+  /*  var(--ag-active-color) 20%*/
+  /*);*/
+  --ag-selected-row-background-color: var(--ag-row-hover-color);
+  --ag-panel-background-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 10%
+  );
+  --ag-panel-border-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 10%
+  );
+  --ag-menu-background-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 10%
+  );
+  --ag-menu-border-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 10%
+  );
+  --ag-advanced-filter-join-pill-color: #7a3a37;
+  --ag-advanced-filter-column-pill-color: #355f2d;
+  --ag-advanced-filter-option-pill-color: #5a3168;
+  --ag-advanced-filter-value-pill-color: #374c86;
+  --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
+  color-scheme: dark;
+}
+
+@media (prefers-color-scheme: dark) {
+  .ag-theme-quartz-auto-dark {
+    --ag-background-color: color-mix(in srgb, #fff, #182230 97%);
+    --ag-foreground-color: #fff;
+    --ag-border-color: rgba(255, 255, 255, 0.16);
+    --ag-secondary-border-color: color-mix(
+      in srgb,
+      transparent,
+      var(--ag-foreground-color) 10%
+    );
+    --ag-header-background-color: color-mix(in srgb, #fff, #182230 93%);
+    --ag-tooltip-background-color: color-mix(in srgb, #fff, #182230 96%);
+    --ag-control-panel-background-color: color-mix(in srgb, #fff, #182230 93%);
+    --ag-input-disabled-background-color: #68686e12;
+    --ag-card-shadow: 0 1px 20px 1px black;
+    --ag-input-border-color: var(--ag-border-color);
+    --ag-input-disabled-border-color: rgba(255, 255, 255, 0.07);
+    --ag-checkbox-unchecked-color: color-mix(
+      in srgb,
+      var(--ag-background-color),
+      var(--ag-foreground-color) 40%
+    );
+    --ag-row-hover-color: color-mix(
+      in srgb,
+      transparent,
+      var(--ag-active-color) 20%
+    );
+    --ag-selected-row-background-color: var(--ag-row-hover-color);
+    --ag-panel-background-color: color-mix(
+      in srgb,
+      var(--ag-background-color),
+      var(--ag-foreground-color) 10%
+    );
+    --ag-panel-border-color: color-mix(
+      in srgb,
+      transparent,
+      var(--ag-foreground-color) 10%
+    );
+    --ag-menu-background-color: color-mix(
+      in srgb,
+      var(--ag-background-color),
+      var(--ag-foreground-color) 10%
+    );
+    --ag-menu-border-color: color-mix(
+      in srgb,
+      transparent,
+      var(--ag-foreground-color) 10%
+    );
+    --ag-advanced-filter-join-pill-color: #7a3a37;
+    --ag-advanced-filter-column-pill-color: #355f2d;
+    --ag-advanced-filter-option-pill-color: #5a3168;
+    --ag-advanced-filter-value-pill-color: #374c86;
+    --ag-popup-shadow: 0 0px 20px rgba(0, 0, 0, 0.3);
+    color-scheme: dark;
+  }
+}
+.ag-theme-quartz .ag-filter-toolpanel-header,
+.ag-theme-quartz .ag-filter-toolpanel-search,
+.ag-theme-quartz .ag-status-bar,
+.ag-theme-quartz .ag-header-row,
+.ag-theme-quartz .ag-panel-title-bar-title,
+.ag-theme-quartz .ag-multi-filter-group-title-bar,
+.ag-theme-quartz-dark .ag-filter-toolpanel-header,
+.ag-theme-quartz-dark .ag-filter-toolpanel-search,
+.ag-theme-quartz-dark .ag-status-bar,
+.ag-theme-quartz-dark .ag-header-row,
+.ag-theme-quartz-dark .ag-panel-title-bar-title,
+.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search,
+.ag-theme-quartz-auto-dark .ag-status-bar,
+.ag-theme-quartz-auto-dark .ag-header-row,
+.ag-theme-quartz-auto-dark .ag-panel-title-bar-title,
+.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
+  font-weight: 500;
+  color: var(--ag-header-foreground-color);
+}
+.ag-theme-quartz input[class^="ag-"]:not([type]),
+.ag-theme-quartz input[class^="ag-"][type="text"],
+.ag-theme-quartz input[class^="ag-"][type="number"],
+.ag-theme-quartz input[class^="ag-"][type="tel"],
+.ag-theme-quartz input[class^="ag-"][type="date"],
+.ag-theme-quartz input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz textarea[class^="ag-"],
+.ag-theme-quartz-dark input[class^="ag-"]:not([type]),
+.ag-theme-quartz-dark input[class^="ag-"][type="text"],
+.ag-theme-quartz-dark input[class^="ag-"][type="number"],
+.ag-theme-quartz-dark input[class^="ag-"][type="tel"],
+.ag-theme-quartz-dark input[class^="ag-"][type="date"],
+.ag-theme-quartz-dark input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz-dark textarea[class^="ag-"],
+.ag-theme-quartz-auto-dark input[class^="ag-"]:not([type]),
+.ag-theme-quartz-auto-dark input[class^="ag-"][type="text"],
+.ag-theme-quartz-auto-dark input[class^="ag-"][type="number"],
+.ag-theme-quartz-auto-dark input[class^="ag-"][type="tel"],
+.ag-theme-quartz-auto-dark input[class^="ag-"][type="date"],
+.ag-theme-quartz-auto-dark input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz-auto-dark textarea[class^="ag-"] {
+  min-height: calc(var(--ag-grid-size) * 4);
+  border-radius: var(--ag-border-radius);
+}
+.ag-theme-quartz .ag-ltr input[class^="ag-"]:not([type]),
+.ag-theme-quartz .ag-ltr input[class^="ag-"][type="text"],
+.ag-theme-quartz .ag-ltr input[class^="ag-"][type="number"],
+.ag-theme-quartz .ag-ltr input[class^="ag-"][type="tel"],
+.ag-theme-quartz .ag-ltr input[class^="ag-"][type="date"],
+.ag-theme-quartz .ag-ltr input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz .ag-ltr textarea[class^="ag-"],
+.ag-theme-quartz-dark .ag-ltr input[class^="ag-"]:not([type]),
+.ag-theme-quartz-dark .ag-ltr input[class^="ag-"][type="text"],
+.ag-theme-quartz-dark .ag-ltr input[class^="ag-"][type="number"],
+.ag-theme-quartz-dark .ag-ltr input[class^="ag-"][type="tel"],
+.ag-theme-quartz-dark .ag-ltr input[class^="ag-"][type="date"],
+.ag-theme-quartz-dark .ag-ltr input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz-dark .ag-ltr textarea[class^="ag-"],
+.ag-theme-quartz-auto-dark .ag-ltr input[class^="ag-"]:not([type]),
+.ag-theme-quartz-auto-dark .ag-ltr input[class^="ag-"][type="text"],
+.ag-theme-quartz-auto-dark .ag-ltr input[class^="ag-"][type="number"],
+.ag-theme-quartz-auto-dark .ag-ltr input[class^="ag-"][type="tel"],
+.ag-theme-quartz-auto-dark .ag-ltr input[class^="ag-"][type="date"],
+.ag-theme-quartz-auto-dark .ag-ltr input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz-auto-dark .ag-ltr textarea[class^="ag-"] {
+  padding-left: var(--ag-grid-size);
+}
+
+.ag-theme-quartz .ag-rtl input[class^="ag-"]:not([type]),
+.ag-theme-quartz .ag-rtl input[class^="ag-"][type="text"],
+.ag-theme-quartz .ag-rtl input[class^="ag-"][type="number"],
+.ag-theme-quartz .ag-rtl input[class^="ag-"][type="tel"],
+.ag-theme-quartz .ag-rtl input[class^="ag-"][type="date"],
+.ag-theme-quartz .ag-rtl input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz .ag-rtl textarea[class^="ag-"],
+.ag-theme-quartz-dark .ag-rtl input[class^="ag-"]:not([type]),
+.ag-theme-quartz-dark .ag-rtl input[class^="ag-"][type="text"],
+.ag-theme-quartz-dark .ag-rtl input[class^="ag-"][type="number"],
+.ag-theme-quartz-dark .ag-rtl input[class^="ag-"][type="tel"],
+.ag-theme-quartz-dark .ag-rtl input[class^="ag-"][type="date"],
+.ag-theme-quartz-dark .ag-rtl input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz-dark .ag-rtl textarea[class^="ag-"],
+.ag-theme-quartz-auto-dark .ag-rtl input[class^="ag-"]:not([type]),
+.ag-theme-quartz-auto-dark .ag-rtl input[class^="ag-"][type="text"],
+.ag-theme-quartz-auto-dark .ag-rtl input[class^="ag-"][type="number"],
+.ag-theme-quartz-auto-dark .ag-rtl input[class^="ag-"][type="tel"],
+.ag-theme-quartz-auto-dark .ag-rtl input[class^="ag-"][type="date"],
+.ag-theme-quartz-auto-dark .ag-rtl input[class^="ag-"][type="datetime-local"],
+.ag-theme-quartz-auto-dark .ag-rtl textarea[class^="ag-"] {
+  padding-right: var(--ag-grid-size);
+}
+
+.ag-theme-quartz .ag-picker-field-wrapper,
+.ag-theme-quartz-dark .ag-picker-field-wrapper,
+.ag-theme-quartz-auto-dark .ag-picker-field-wrapper {
+  min-height: calc(var(--ag-grid-size) * 4);
+}
+.ag-theme-quartz .ag-tab,
+.ag-theme-quartz-dark .ag-tab,
+.ag-theme-quartz-auto-dark .ag-tab {
+  padding: var(--ag-grid-size);
+  border-left: var(--ag-borders) transparent;
+  border-right: var(--ag-borders) transparent;
+  flex: 1 1 auto;
+}
+.ag-theme-quartz .ag-tab-selected,
+.ag-theme-quartz-dark .ag-tab-selected,
+.ag-theme-quartz-auto-dark .ag-tab-selected {
+  background-color: var(--ag-background-color);
+}
+.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:first-of-type),
+.ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:first-of-type),
+.ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:first-of-type) {
+  border-left-color: var(--ag-border-color);
+}
+
+.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:first-of-type),
+.ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:first-of-type),
+.ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:first-of-type) {
+  border-right-color: var(--ag-border-color);
+}
+
+.ag-theme-quartz .ag-ltr .ag-tab-selected:not(:last-of-type),
+.ag-theme-quartz-dark .ag-ltr .ag-tab-selected:not(:last-of-type),
+.ag-theme-quartz-auto-dark .ag-ltr .ag-tab-selected:not(:last-of-type) {
+  border-right-color: var(--ag-border-color);
+}
+
+.ag-theme-quartz .ag-rtl .ag-tab-selected:not(:last-of-type),
+.ag-theme-quartz-dark .ag-rtl .ag-tab-selected:not(:last-of-type),
+.ag-theme-quartz-auto-dark .ag-rtl .ag-tab-selected:not(:last-of-type) {
+  border-left-color: var(--ag-border-color);
+}
+
+.ag-theme-quartz .ag-tab:not(.ag-tab-selected),
+.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected),
+.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected) {
+  opacity: 0.7;
+}
+.ag-theme-quartz .ag-tab:not(.ag-tab-selected):hover,
+.ag-theme-quartz-dark .ag-tab:not(.ag-tab-selected):hover,
+.ag-theme-quartz-auto-dark .ag-tab:not(.ag-tab-selected):hover {
+  opacity: 1;
+}
+.ag-theme-quartz .ag-menu,
+.ag-theme-quartz-dark .ag-menu,
+.ag-theme-quartz-auto-dark .ag-menu {
+  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
+}
+.ag-theme-quartz .ag-menu.ag-tabs,
+.ag-theme-quartz-dark .ag-menu.ag-tabs,
+.ag-theme-quartz-auto-dark .ag-menu.ag-tabs {
+  min-width: 290px;
+}
+.ag-theme-quartz .ag-panel-content-wrapper .ag-column-select,
+.ag-theme-quartz-dark .ag-panel-content-wrapper .ag-column-select,
+.ag-theme-quartz-auto-dark .ag-panel-content-wrapper .ag-column-select {
+  background-color: var(--ag-control-panel-background-color);
+  color: color-mix(in srgb, transparent, var(--ag-foreground-color) 95%);
+}
+.ag-theme-quartz .ag-menu-option .ag-icon,
+.ag-theme-quartz-dark .ag-menu-option .ag-icon,
+.ag-theme-quartz-auto-dark .ag-menu-option .ag-icon {
+  opacity: 65%;
+}
+.ag-theme-quartz .ag-menu-header,
+.ag-theme-quartz-dark .ag-menu-header,
+.ag-theme-quartz-auto-dark .ag-menu-header {
+  background-color: var(--ag-control-panel-background-color);
+}
+.ag-theme-quartz .ag-menu-option,
+.ag-theme-quartz-dark .ag-menu-option,
+.ag-theme-quartz-auto-dark .ag-menu-option {
+  font-weight: 500;
+  cursor: pointer;
+}
+.ag-theme-quartz .ag-ltr .ag-menu-option-popup-pointer .ag-icon,
+.ag-theme-quartz-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-popup-pointer .ag-icon {
+  text-align: right;
+}
+
+.ag-theme-quartz .ag-rtl .ag-menu-option-popup-pointer .ag-icon,
+.ag-theme-quartz-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-popup-pointer .ag-icon {
+  text-align: left;
+}
+
+.ag-theme-quartz .ag-tabs-header,
+.ag-theme-quartz-dark .ag-tabs-header,
+.ag-theme-quartz-auto-dark .ag-tabs-header {
+  border-bottom: var(--ag-borders) var(--ag-border-color);
+  display: flex;
+  background-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 5%
+  );
+}
+.ag-theme-quartz .ag-side-bar,
+.ag-theme-quartz-dark .ag-side-bar,
+.ag-theme-quartz-auto-dark .ag-side-bar {
+  background-color: var(--ag-control-panel-background-color);
+  min-width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
+}
+.ag-theme-quartz .ag-side-buttons,
+.ag-theme-quartz-dark .ag-side-buttons,
+.ag-theme-quartz-auto-dark .ag-side-buttons {
+  padding: 0;
+  align-self: stretch;
+  width: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
+  background: var(--ag-control-panel-background-color);
+}
+.ag-theme-quartz .ag-side-button,
+.ag-theme-quartz-dark .ag-side-button,
+.ag-theme-quartz-auto-dark .ag-side-button {
+  border-top: var(--ag-borders) transparent;
+  border-bottom: var(--ag-borders) transparent;
+}
+@media (max-resolution: 1.5x) {
+  .ag-theme-quartz .ag-side-button-label,
+  .ag-theme-quartz-dark .ag-side-button-label,
+  .ag-theme-quartz-auto-dark .ag-side-button-label {
+    font-family: "Segoe UI", var(--ag-font-family);
+    transform: rotate(0.05deg);
+  }
+}
+.ag-theme-quartz .ag-side-button.ag-selected,
+.ag-theme-quartz-dark .ag-side-button.ag-selected,
+.ag-theme-quartz-auto-dark .ag-side-button.ag-selected {
+  border-bottom-color: var(--ag-border-color);
+  background-color: var(--ag-background-color);
+}
+.ag-theme-quartz .ag-side-button.ag-selected:not(:first-of-type),
+.ag-theme-quartz-dark .ag-side-button.ag-selected:not(:first-of-type),
+.ag-theme-quartz-auto-dark .ag-side-button.ag-selected:not(:first-of-type) {
+  border-top-color: var(--ag-border-color);
+}
+.ag-theme-quartz .ag-column-panel-column-select,
+.ag-theme-quartz-dark .ag-column-panel-column-select,
+.ag-theme-quartz-auto-dark .ag-column-panel-column-select {
+  border-top: none;
+  border-bottom: 1px solid var(--ag-secondary-border-color);
+}
+.ag-theme-quartz .ag-filter-toolpanel-search,
+.ag-theme-quartz-dark .ag-filter-toolpanel-search,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search {
+  height: initial;
+  margin-top: var(--ag-widget-container-vertical-padding);
+}
+.ag-theme-quartz .ag-filter-toolpanel-search-input,
+.ag-theme-quartz-dark .ag-filter-toolpanel-search-input,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-search-input {
+  margin: 0;
+}
+.ag-theme-quartz .ag-filter-apply-panel,
+.ag-theme-quartz-dark .ag-filter-apply-panel,
+.ag-theme-quartz-auto-dark .ag-filter-apply-panel {
+  border: none;
+  padding-top: var(--ag-widget-vertical-spacing);
+}
+.ag-theme-quartz .ag-chart-tabbed-menu-body,
+.ag-theme-quartz-dark .ag-chart-tabbed-menu-body,
+.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body {
+  position: relative;
+}
+.ag-theme-quartz .ag-chart-tabbed-menu-body::after,
+.ag-theme-quartz-dark .ag-chart-tabbed-menu-body::after,
+.ag-theme-quartz-auto-dark .ag-chart-tabbed-menu-body::after {
+  content: "";
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 16px;
+  background: linear-gradient(
+    var(--ag-control-panel-background-color),
+    transparent
+  );
+}
+.ag-theme-quartz .ag-chart-advanced-settings-section,
+.ag-theme-quartz-dark .ag-chart-advanced-settings-section,
+.ag-theme-quartz-auto-dark .ag-chart-advanced-settings-section {
+  padding-top: calc(var(--ag-grid-size) * 2);
+  padding-bottom: calc(var(--ag-grid-size) * 2);
+}
+.ag-theme-quartz .ag-charts-settings-group-title-bar,
+.ag-theme-quartz .ag-charts-data-group-title-bar,
+.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
+.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-title-bar,
+.ag-theme-quartz .ag-charts-settings-group-container,
+.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
+.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
+.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
+.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-title-bar,
+.ag-theme-quartz-dark .ag-charts-settings-group-container,
+.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar,
+.ag-theme-quartz-auto-dark
+  .ag-charts-advanced-settings-top-level-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
+  border-top: none;
+  padding: 0 calc(var(--ag-grid-size) * 1.5);
+  font-weight: 500;
+}
+.ag-theme-quartz .ag-charts-format-top-level-group-item,
+.ag-theme-quartz-dark .ag-charts-format-top-level-group-item,
+.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-item {
+  padding-bottom: 12px;
+  margin-top: calc(var(--ag-grid-size) * 2);
+  margin-bottom: 0;
+}
+.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-item,
+.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-item,
+.ag-theme-quartz-auto-dark .ag-charts-advanced-settings-top-level-group-item {
+  margin-top: calc(var(--ag-grid-size) * 2);
+  margin-bottom: 0;
+}
+.ag-theme-quartz .ag-charts-settings-group-container,
+.ag-theme-quartz-dark .ag-charts-settings-group-container,
+.ag-theme-quartz-auto-dark .ag-charts-settings-group-container {
+  margin-top: calc(var(--ag-grid-size));
+}
+.ag-theme-quartz .ag-ltr .ag-charts-settings-group-container,
+.ag-theme-quartz-dark .ag-ltr .ag-charts-settings-group-container,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-charts-settings-group-container {
+  padding-right: var(--ag-widget-container-horizontal-padding);
+}
+
+.ag-theme-quartz .ag-rtl .ag-charts-settings-group-container,
+.ag-theme-quartz-dark .ag-rtl .ag-charts-settings-group-container,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-charts-settings-group-container {
+  padding-left: var(--ag-widget-container-horizontal-padding);
+}
+
+.ag-theme-quartz .ag-ltr .ag-charts-format-sub-level-group-container,
+.ag-theme-quartz-dark .ag-ltr .ag-charts-format-sub-level-group-container,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-sub-level-group-container {
+  padding-right: 0;
+}
+
+.ag-theme-quartz .ag-rtl .ag-charts-format-sub-level-group-container,
+.ag-theme-quartz-dark .ag-rtl .ag-charts-format-sub-level-group-container,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-sub-level-group-container {
+  padding-left: 0;
+}
+
+.ag-theme-quartz .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-toolbar,
+.ag-theme-quartz-dark .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-toolbar,
+.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz-auto-dark
+  .ag-charts-advanced-settings-top-level-group-toolbar {
+  margin-top: var(--ag-grid-size);
+}
+.ag-theme-quartz .ag-ltr .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz .ag-ltr .ag-charts-advanced-settings-top-level-group-toolbar,
+.ag-theme-quartz-dark .ag-ltr .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz-dark
+  .ag-ltr
+  .ag-charts-advanced-settings-top-level-group-toolbar,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-charts-advanced-settings-top-level-group-toolbar {
+  padding-left: calc(var(--ag-grid-size) * 2);
+}
+
+.ag-theme-quartz .ag-rtl .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz .ag-rtl .ag-charts-advanced-settings-top-level-group-toolbar,
+.ag-theme-quartz-dark .ag-rtl .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz-dark
+  .ag-rtl
+  .ag-charts-advanced-settings-top-level-group-toolbar,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-top-level-group-toolbar,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-charts-advanced-settings-top-level-group-toolbar {
+  padding-right: calc(var(--ag-grid-size) * 2);
+}
+
+.ag-theme-quartz .ag-charts-settings-group-title-bar,
+.ag-theme-quartz .ag-charts-data-group-title-bar,
+.ag-theme-quartz .ag-charts-format-top-level-group-title-bar,
+.ag-theme-quartz-dark .ag-charts-settings-group-title-bar,
+.ag-theme-quartz-dark .ag-charts-data-group-title-bar,
+.ag-theme-quartz-dark .ag-charts-format-top-level-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-charts-settings-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-charts-data-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-title-bar {
+  margin-top: calc(var(--ag-grid-size) * 2);
+}
+.ag-theme-quartz .ag-charts-format-top-level-group-container,
+.ag-theme-quartz .ag-charts-advanced-settings-top-level-group-container,
+.ag-theme-quartz-dark .ag-charts-format-top-level-group-container,
+.ag-theme-quartz-dark .ag-charts-advanced-settings-top-level-group-container,
+.ag-theme-quartz-auto-dark .ag-charts-format-top-level-group-container,
+.ag-theme-quartz-auto-dark
+  .ag-charts-advanced-settings-top-level-group-container {
+  padding: 0;
+}
+.ag-theme-quartz .ag-ltr .ag-charts-format-top-level-group-container,
+.ag-theme-quartz .ag-ltr .ag-charts-advanced-settings-top-level-group-container,
+.ag-theme-quartz-dark .ag-ltr .ag-charts-format-top-level-group-container,
+.ag-theme-quartz-dark
+  .ag-ltr
+  .ag-charts-advanced-settings-top-level-group-container,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-charts-format-top-level-group-container,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-charts-advanced-settings-top-level-group-container {
+  padding-left: var(--ag-grid-size);
+  padding-right: var(--ag-widget-container-horizontal-padding);
+}
+
+.ag-theme-quartz .ag-rtl .ag-charts-format-top-level-group-container,
+.ag-theme-quartz .ag-rtl .ag-charts-advanced-settings-top-level-group-container,
+.ag-theme-quartz-dark .ag-rtl .ag-charts-format-top-level-group-container,
+.ag-theme-quartz-dark
+  .ag-rtl
+  .ag-charts-advanced-settings-top-level-group-container,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-charts-format-top-level-group-container,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-charts-advanced-settings-top-level-group-container {
+  padding-right: var(--ag-grid-size);
+  padding-left: var(--ag-widget-container-horizontal-padding);
+}
+
+.ag-theme-quartz .ag-chart-mini-thumbnail,
+.ag-theme-quartz-dark .ag-chart-mini-thumbnail,
+.ag-theme-quartz-auto-dark .ag-chart-mini-thumbnail {
+  background-color: var(--ag-background-color);
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.ag-theme-quartz .ag-chart-settings-nav-bar,
+.ag-theme-quartz-dark .ag-chart-settings-nav-bar,
+.ag-theme-quartz-auto-dark .ag-chart-settings-nav-bar {
+  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
+}
+.ag-theme-quartz .ag-ltr .ag-group-title-bar-icon,
+.ag-theme-quartz-dark .ag-ltr .ag-group-title-bar-icon,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-group-title-bar-icon {
+  margin-right: var(--ag-grid-size);
+}
+
+.ag-theme-quartz .ag-rtl .ag-group-title-bar-icon,
+.ag-theme-quartz-dark .ag-rtl .ag-group-title-bar-icon,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-group-title-bar-icon {
+  margin-left: var(--ag-grid-size);
+}
+
+.ag-theme-quartz .ag-color-picker .ag-picker-field-wrapper,
+.ag-theme-quartz-dark .ag-color-picker .ag-picker-field-wrapper,
+.ag-theme-quartz-auto-dark .ag-color-picker .ag-picker-field-wrapper {
+  max-width: 55px;
+  min-width: 55px;
+}
+.ag-theme-quartz .ag-color-picker .ag-picker-field-display,
+.ag-theme-quartz-dark .ag-color-picker .ag-picker-field-display,
+.ag-theme-quartz-auto-dark .ag-color-picker .ag-picker-field-display {
+  height: 18px;
+  width: 18px;
+  flex: auto 0 0;
+  margin: 6px;
+  border-radius: 2px;
+  border: solid 1px var(--ag-input-border-color);
+}
+.ag-theme-quartz .ag-ltr .ag-color-picker .ag-picker-field-icon,
+.ag-theme-quartz-dark .ag-ltr .ag-color-picker .ag-picker-field-icon,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-color-picker .ag-picker-field-icon {
+  margin-right: 4px;
+}
+
+.ag-theme-quartz .ag-rtl .ag-color-picker .ag-picker-field-icon,
+.ag-theme-quartz-dark .ag-rtl .ag-color-picker .ag-picker-field-icon,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-color-picker .ag-picker-field-icon {
+  margin-left: 4px;
+}
+
+.ag-theme-quartz .ag-charts-format-sub-level-group,
+.ag-theme-quartz-dark .ag-charts-format-sub-level-group,
+.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group {
+  border-left: dashed 1px;
+  border-left-color: var(--ag-border-color);
+  padding-left: var(--ag-grid-size);
+  margin-bottom: calc(var(--ag-grid-size) * 2);
+}
+.ag-theme-quartz .ag-charts-format-sub-level-group-title-bar,
+.ag-theme-quartz-dark .ag-charts-format-sub-level-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-title-bar {
+  padding-top: 0;
+  padding-bottom: 0;
+  background: none;
+  font-weight: 500;
+}
+.ag-theme-quartz .ag-charts-format-sub-level-group-container,
+.ag-theme-quartz-dark .ag-charts-format-sub-level-group-container,
+.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-container {
+  padding-bottom: 0;
+}
+.ag-theme-quartz .ag-charts-format-sub-level-group-item:last-child,
+.ag-theme-quartz-dark .ag-charts-format-sub-level-group-item:last-child,
+.ag-theme-quartz-auto-dark .ag-charts-format-sub-level-group-item:last-child {
+  margin-bottom: 0;
+}
+.ag-theme-quartz.ag-dnd-ghost,
+.ag-theme-quartz-dark.ag-dnd-ghost,
+.ag-theme-quartz-auto-dark.ag-dnd-ghost {
+  font-weight: 500;
+}
+.ag-theme-quartz .ag-standard-button,
+.ag-theme-quartz-dark .ag-standard-button,
+.ag-theme-quartz-auto-dark .ag-standard-button {
+  font-family: inherit;
+  appearance: none;
+  -webkit-appearance: none;
+  border-radius: var(--ag-border-radius);
+  border: solid 1px var(--ag-input-border-color);
+  background-color: var(--ag-background-color);
+  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
+  cursor: pointer;
+}
+.ag-theme-quartz .ag-standard-button:hover,
+.ag-theme-quartz-dark .ag-standard-button:hover,
+.ag-theme-quartz-auto-dark .ag-standard-button:hover {
+  background-color: var(--ag-row-hover-color);
+}
+.ag-theme-quartz .ag-standard-button:active,
+.ag-theme-quartz-dark .ag-standard-button:active,
+.ag-theme-quartz-auto-dark .ag-standard-button:active {
+  border-color: var(--ag-active-color);
+}
+.ag-theme-quartz .ag-standard-button:disabled,
+.ag-theme-quartz-dark .ag-standard-button:disabled,
+.ag-theme-quartz-auto-dark .ag-standard-button:disabled {
+  color: var(--ag-disabled-foreground-color);
+  background-color: var(--ag-input-disabled-background-color);
+  border-color: var(--ag-input-disabled-border-color);
+}
+.ag-theme-quartz .ag-column-drop-cell,
+.ag-theme-quartz-dark .ag-column-drop-cell,
+.ag-theme-quartz-auto-dark .ag-column-drop-cell {
+  border-radius: calc(var(--ag-grid-size) * 3);
+  height: calc(var(--ag-grid-size) * 3);
+  padding: 0 var(--ag-grid-size);
+}
+.ag-theme-quartz .ag-column-drop-cell-button,
+.ag-theme-quartz-dark .ag-column-drop-cell-button,
+.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
+  min-width: 0;
+  margin: 0;
+}
+.ag-theme-quartz .ag-column-drop-cell-drag-handle,
+.ag-theme-quartz-dark .ag-column-drop-cell-drag-handle,
+.ag-theme-quartz-auto-dark .ag-column-drop-cell-drag-handle {
+  margin-left: 0;
+}
+.ag-theme-quartz .ag-column-drop-vertical,
+.ag-theme-quartz-dark .ag-column-drop-vertical,
+.ag-theme-quartz-auto-dark .ag-column-drop-vertical {
+  min-height: 75px;
+}
+.ag-theme-quartz .ag-column-drop-vertical-title-bar,
+.ag-theme-quartz-dark .ag-column-drop-vertical-title-bar,
+.ag-theme-quartz-auto-dark .ag-column-drop-vertical-title-bar {
+  padding: var(--ag-widget-container-vertical-padding)
+    calc(var(--ag-grid-size) * 2) 0;
+}
+.ag-theme-quartz .ag-ltr .ag-column-drop-vertical-icon,
+.ag-theme-quartz-dark .ag-ltr .ag-column-drop-vertical-icon,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-column-drop-vertical-icon {
+  margin-left: 0;
+  margin-right: var(--ag-widget-horizontal-spacing);
+}
+
+.ag-theme-quartz .ag-rtl .ag-column-drop-vertical-icon,
+.ag-theme-quartz-dark .ag-rtl .ag-column-drop-vertical-icon,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-column-drop-vertical-icon {
+  margin-right: 0;
+  margin-left: var(--ag-widget-horizontal-spacing);
+}
+
+.ag-theme-quartz .ag-column-drop-vertical-empty-message,
+.ag-theme-quartz-dark .ag-column-drop-vertical-empty-message,
+.ag-theme-quartz-auto-dark .ag-column-drop-vertical-empty-message {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: dashed 1px;
+  border-color: var(--ag-border-color);
+  margin: calc(var(--ag-grid-size) * 1.5) calc(var(--ag-grid-size) * 2);
+  padding: calc(var(--ag-grid-size) * 2);
+}
+.ag-theme-quartz .ag-column-drop-empty-message,
+.ag-theme-quartz-dark .ag-column-drop-empty-message,
+.ag-theme-quartz-auto-dark .ag-column-drop-empty-message {
+  color: var(--ag-foreground-color);
+}
+.ag-theme-quartz .ag-pill-select .ag-column-drop,
+.ag-theme-quartz-dark .ag-pill-select .ag-column-drop,
+.ag-theme-quartz-auto-dark .ag-pill-select .ag-column-drop {
+  min-height: unset;
+}
+.ag-theme-quartz .ag-pill-select .ag-picker-field-display,
+.ag-theme-quartz-dark .ag-pill-select .ag-picker-field-display,
+.ag-theme-quartz-auto-dark .ag-pill-select .ag-picker-field-display {
+  font-weight: 500;
+}
+.ag-theme-quartz .ag-status-bar,
+.ag-theme-quartz-dark .ag-status-bar,
+.ag-theme-quartz-auto-dark .ag-status-bar {
+  font-weight: normal;
+}
+.ag-theme-quartz .ag-status-name-value,
+.ag-theme-quartz-dark .ag-status-name-value,
+.ag-theme-quartz-auto-dark .ag-status-name-value {
+  padding: var(--ag-widget-container-vertical-padding) 0;
+}
+.ag-theme-quartz .ag-status-name-value-value,
+.ag-theme-quartz .ag-paging-number,
+.ag-theme-quartz .ag-paging-row-summary-panel-number,
+.ag-theme-quartz-dark .ag-status-name-value-value,
+.ag-theme-quartz-dark .ag-paging-number,
+.ag-theme-quartz-dark .ag-paging-row-summary-panel-number,
+.ag-theme-quartz-auto-dark .ag-status-name-value-value,
+.ag-theme-quartz-auto-dark .ag-paging-number,
+.ag-theme-quartz-auto-dark .ag-paging-row-summary-panel-number {
+  font-weight: 500;
+}
+.ag-theme-quartz .ag-column-drop-cell-button,
+.ag-theme-quartz-dark .ag-column-drop-cell-button,
+.ag-theme-quartz-auto-dark .ag-column-drop-cell-button {
+  opacity: 0.75;
+}
+.ag-theme-quartz .ag-column-drop-cell-button:hover,
+.ag-theme-quartz-dark .ag-column-drop-cell-button:hover,
+.ag-theme-quartz-auto-dark .ag-column-drop-cell-button:hover {
+  opacity: 1;
+}
+.ag-theme-quartz .ag-header-cell-menu-button,
+.ag-theme-quartz .ag-header-cell-filter-button,
+.ag-theme-quartz .ag-panel-title-bar-button,
+.ag-theme-quartz .ag-header-expand-icon,
+.ag-theme-quartz .ag-column-group-icons,
+.ag-theme-quartz .ag-set-filter-group-icons,
+.ag-theme-quartz .ag-group-expanded .ag-icon,
+.ag-theme-quartz .ag-group-contracted .ag-icon,
+.ag-theme-quartz .ag-chart-settings-prev,
+.ag-theme-quartz .ag-chart-settings-next,
+.ag-theme-quartz .ag-group-title-bar-icon,
+.ag-theme-quartz .ag-column-select-header-icon,
+.ag-theme-quartz .ag-floating-filter-button-button,
+.ag-theme-quartz .ag-filter-toolpanel-expand,
+.ag-theme-quartz .ag-panel-title-bar-button-icon,
+.ag-theme-quartz .ag-chart-menu-icon,
+.ag-theme-quartz .ag-chart-menu-close,
+.ag-theme-quartz-dark .ag-header-cell-menu-button,
+.ag-theme-quartz-dark .ag-header-cell-filter-button,
+.ag-theme-quartz-dark .ag-panel-title-bar-button,
+.ag-theme-quartz-dark .ag-header-expand-icon,
+.ag-theme-quartz-dark .ag-column-group-icons,
+.ag-theme-quartz-dark .ag-set-filter-group-icons,
+.ag-theme-quartz-dark .ag-group-expanded .ag-icon,
+.ag-theme-quartz-dark .ag-group-contracted .ag-icon,
+.ag-theme-quartz-dark .ag-chart-settings-prev,
+.ag-theme-quartz-dark .ag-chart-settings-next,
+.ag-theme-quartz-dark .ag-group-title-bar-icon,
+.ag-theme-quartz-dark .ag-column-select-header-icon,
+.ag-theme-quartz-dark .ag-floating-filter-button-button,
+.ag-theme-quartz-dark .ag-filter-toolpanel-expand,
+.ag-theme-quartz-dark .ag-panel-title-bar-button-icon,
+.ag-theme-quartz-dark .ag-chart-menu-icon,
+.ag-theme-quartz-dark .ag-chart-menu-close,
+.ag-theme-quartz-auto-dark .ag-header-cell-menu-button,
+.ag-theme-quartz-auto-dark .ag-header-cell-filter-button,
+.ag-theme-quartz-auto-dark .ag-panel-title-bar-button,
+.ag-theme-quartz-auto-dark .ag-header-expand-icon,
+.ag-theme-quartz-auto-dark .ag-column-group-icons,
+.ag-theme-quartz-auto-dark .ag-set-filter-group-icons,
+.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon,
+.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon,
+.ag-theme-quartz-auto-dark .ag-chart-settings-prev,
+.ag-theme-quartz-auto-dark .ag-chart-settings-next,
+.ag-theme-quartz-auto-dark .ag-group-title-bar-icon,
+.ag-theme-quartz-auto-dark .ag-column-select-header-icon,
+.ag-theme-quartz-auto-dark .ag-floating-filter-button-button,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand,
+.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon,
+.ag-theme-quartz-auto-dark .ag-chart-menu-icon,
+.ag-theme-quartz-auto-dark .ag-chart-menu-close {
+  --ag-quartz-icon-hover-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-foreground-color) 10%
+  );
+}
+.ag-theme-quartz .ag-header-cell-menu-button:hover,
+.ag-theme-quartz .ag-header-cell-filter-button:hover,
+.ag-theme-quartz .ag-panel-title-bar-button:hover,
+.ag-theme-quartz .ag-header-expand-icon:hover,
+.ag-theme-quartz .ag-column-group-icons:hover,
+.ag-theme-quartz .ag-set-filter-group-icons:hover,
+.ag-theme-quartz .ag-group-expanded .ag-icon:hover,
+.ag-theme-quartz .ag-group-contracted .ag-icon:hover,
+.ag-theme-quartz .ag-chart-settings-prev:hover,
+.ag-theme-quartz .ag-chart-settings-next:hover,
+.ag-theme-quartz .ag-group-title-bar-icon:hover,
+.ag-theme-quartz .ag-column-select-header-icon:hover,
+.ag-theme-quartz .ag-floating-filter-button-button:hover,
+.ag-theme-quartz .ag-filter-toolpanel-expand:hover,
+.ag-theme-quartz .ag-panel-title-bar-button-icon:hover,
+.ag-theme-quartz .ag-chart-menu-icon:hover,
+.ag-theme-quartz .ag-chart-menu-close:hover,
+.ag-theme-quartz-dark .ag-header-cell-menu-button:hover,
+.ag-theme-quartz-dark .ag-header-cell-filter-button:hover,
+.ag-theme-quartz-dark .ag-panel-title-bar-button:hover,
+.ag-theme-quartz-dark .ag-header-expand-icon:hover,
+.ag-theme-quartz-dark .ag-column-group-icons:hover,
+.ag-theme-quartz-dark .ag-set-filter-group-icons:hover,
+.ag-theme-quartz-dark .ag-group-expanded .ag-icon:hover,
+.ag-theme-quartz-dark .ag-group-contracted .ag-icon:hover,
+.ag-theme-quartz-dark .ag-chart-settings-prev:hover,
+.ag-theme-quartz-dark .ag-chart-settings-next:hover,
+.ag-theme-quartz-dark .ag-group-title-bar-icon:hover,
+.ag-theme-quartz-dark .ag-column-select-header-icon:hover,
+.ag-theme-quartz-dark .ag-floating-filter-button-button:hover,
+.ag-theme-quartz-dark .ag-filter-toolpanel-expand:hover,
+.ag-theme-quartz-dark .ag-panel-title-bar-button-icon:hover,
+.ag-theme-quartz-dark .ag-chart-menu-icon:hover,
+.ag-theme-quartz-dark .ag-chart-menu-close:hover,
+.ag-theme-quartz-auto-dark .ag-header-cell-menu-button:hover,
+.ag-theme-quartz-auto-dark .ag-header-cell-filter-button:hover,
+.ag-theme-quartz-auto-dark .ag-panel-title-bar-button:hover,
+.ag-theme-quartz-auto-dark .ag-header-expand-icon:hover,
+.ag-theme-quartz-auto-dark .ag-column-group-icons:hover,
+.ag-theme-quartz-auto-dark .ag-set-filter-group-icons:hover,
+.ag-theme-quartz-auto-dark .ag-group-expanded .ag-icon:hover,
+.ag-theme-quartz-auto-dark .ag-group-contracted .ag-icon:hover,
+.ag-theme-quartz-auto-dark .ag-chart-settings-prev:hover,
+.ag-theme-quartz-auto-dark .ag-chart-settings-next:hover,
+.ag-theme-quartz-auto-dark .ag-group-title-bar-icon:hover,
+.ag-theme-quartz-auto-dark .ag-column-select-header-icon:hover,
+.ag-theme-quartz-auto-dark .ag-floating-filter-button-button:hover,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-expand:hover,
+.ag-theme-quartz-auto-dark .ag-panel-title-bar-button-icon:hover,
+.ag-theme-quartz-auto-dark .ag-chart-menu-icon:hover,
+.ag-theme-quartz-auto-dark .ag-chart-menu-close:hover {
+  border-radius: 1px;
+  background-color: var(--ag-quartz-icon-hover-color);
+  box-shadow: 0 0 0 4px var(--ag-quartz-icon-hover-color);
+}
+.ag-theme-quartz .ag-filter-active,
+.ag-theme-quartz-dark .ag-filter-active,
+.ag-theme-quartz-auto-dark .ag-filter-active {
+  --ag-quartz-icon-active-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-active-color) 14%
+  );
+  --ag-quartz-icon-hover-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-active-color) 28%
+  );
+  position: relative;
+  border-radius: 1px;
+  background-color: var(--ag-quartz-icon-active-color);
+  box-shadow: 0 0 0 4px var(--ag-quartz-icon-active-color);
+}
+.ag-theme-quartz .ag-filter-active::after,
+.ag-theme-quartz-dark .ag-filter-active::after,
+.ag-theme-quartz-auto-dark .ag-filter-active::after {
+  content: "";
+  position: absolute;
+  width: 6px;
+  height: 6px;
+  top: -1px;
+  right: -1px;
+  border-radius: 50%;
+  background-color: var(--ag-active-color);
+}
+.ag-theme-quartz .ag-filter-active .ag-icon-filter,
+.ag-theme-quartz-dark .ag-filter-active .ag-icon-filter,
+.ag-theme-quartz-auto-dark .ag-filter-active .ag-icon-filter {
+  clip-path: path("M8,0C8,4.415 11.585,8 16,8L16,16L0,16L0,0L8,0Z");
+}
+.ag-theme-quartz .ag-chart-menu-close,
+.ag-theme-quartz-dark .ag-chart-menu-close,
+.ag-theme-quartz-auto-dark .ag-chart-menu-close {
+  --ag-quartz-icon-hover-color: color-mix(
+    in srgb,
+    var(--ag-background-color),
+    var(--ag-foreground-color) 10%
+  );
+}
+.ag-theme-quartz .ag-chart-menu,
+.ag-theme-quartz-dark .ag-chart-menu,
+.ag-theme-quartz-auto-dark .ag-chart-menu {
+  --ag-icon-size: 20px;
+  background-color: color-mix(
+    in srgb,
+    transparent,
+    var(--ag-background-color) 30%
+  );
+  padding: 4px 2px;
+}
+.ag-theme-quartz .ag-chart-menu-icon,
+.ag-theme-quartz-dark .ag-chart-menu-icon,
+.ag-theme-quartz-auto-dark .ag-chart-menu-icon {
+  opacity: 0.8;
+}
+.ag-theme-quartz .ag-drag-handle,
+.ag-theme-quartz-dark .ag-drag-handle,
+.ag-theme-quartz-auto-dark .ag-drag-handle {
+  color: var(--ag-icon-font-color);
+}
+.ag-theme-quartz .ag-chart-menu-close,
+.ag-theme-quartz-dark .ag-chart-menu-close,
+.ag-theme-quartz-auto-dark .ag-chart-menu-close {
+  background: var(--ag-background-color);
+}
+.ag-theme-quartz .ag-chart-menu-close .ag-icon,
+.ag-theme-quartz-dark .ag-chart-menu-close .ag-icon,
+.ag-theme-quartz-auto-dark .ag-chart-menu-close .ag-icon {
+  border: 1px solid var(--ag-border-color);
+}
+.ag-theme-quartz .ag-ltr .ag-chart-menu-close .ag-icon,
+.ag-theme-quartz-dark .ag-ltr .ag-chart-menu-close .ag-icon,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-chart-menu-close .ag-icon {
+  border-right: none;
+}
+
+.ag-theme-quartz .ag-rtl .ag-chart-menu-close .ag-icon,
+.ag-theme-quartz-dark .ag-rtl .ag-chart-menu-close .ag-icon,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-chart-menu-close .ag-icon {
+  border-left: none;
+}
+
+.ag-theme-quartz .ag-chart-docked-container,
+.ag-theme-quartz-dark .ag-chart-docked-container,
+.ag-theme-quartz-auto-dark .ag-chart-docked-container {
+  min-width: 260px;
+}
+.ag-theme-quartz .ag-menu-option-icon,
+.ag-theme-quartz .ag-compact-menu-option-icon,
+.ag-theme-quartz-dark .ag-menu-option-icon,
+.ag-theme-quartz-dark .ag-compact-menu-option-icon,
+.ag-theme-quartz-auto-dark .ag-menu-option-icon,
+.ag-theme-quartz-auto-dark .ag-compact-menu-option-icon {
+  width: var(--ag-icon-size);
+  cursor: pointer;
+}
+.ag-theme-quartz .ag-ltr .ag-menu-option-icon,
+.ag-theme-quartz .ag-ltr .ag-compact-menu-option-icon,
+.ag-theme-quartz-dark .ag-ltr .ag-menu-option-icon,
+.ag-theme-quartz-dark .ag-ltr .ag-compact-menu-option-icon,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-menu-option-icon,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-compact-menu-option-icon {
+  padding-left: calc(var(--ag-grid-size) * 1.5);
+}
+
+.ag-theme-quartz .ag-rtl .ag-menu-option-icon,
+.ag-theme-quartz .ag-rtl .ag-compact-menu-option-icon,
+.ag-theme-quartz-dark .ag-rtl .ag-menu-option-icon,
+.ag-theme-quartz-dark .ag-rtl .ag-compact-menu-option-icon,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-menu-option-icon,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-compact-menu-option-icon {
+  padding-right: calc(var(--ag-grid-size) * 1.5);
+}
+
+.ag-theme-quartz .ag-chart-settings-card-item.ag-not-selected:hover,
+.ag-theme-quartz-dark .ag-chart-settings-card-item.ag-not-selected:hover,
+.ag-theme-quartz-auto-dark .ag-chart-settings-card-item.ag-not-selected:hover {
+  opacity: 0.35;
+}
+.ag-theme-quartz .ag-ltr .ag-panel-title-bar-button,
+.ag-theme-quartz-dark .ag-ltr .ag-panel-title-bar-button,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-panel-title-bar-button {
+  margin-left: calc(var(--ag-grid-size) * 2);
+  margin-right: var(--ag-grid-size);
+}
+
+.ag-theme-quartz .ag-rtl .ag-panel-title-bar-button,
+.ag-theme-quartz-dark .ag-rtl .ag-panel-title-bar-button,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-panel-title-bar-button {
+  margin-right: calc(var(--ag-grid-size) * 2);
+  margin-left: var(--ag-grid-size);
+}
+
+.ag-theme-quartz .ag-multi-filter-group-title-bar,
+.ag-theme-quartz-dark .ag-multi-filter-group-title-bar,
+.ag-theme-quartz-auto-dark .ag-multi-filter-group-title-bar {
+  padding: calc(var(--ag-grid-size) * 1.5) var(--ag-grid-size);
+}
+.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-group-container,
+.ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-group-container,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-group-container {
+  padding-left: var(--ag-grid-size);
+}
+
+.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-group-container,
+.ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-group-container,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-group-container {
+  padding-right: var(--ag-grid-size);
+}
+
+.ag-theme-quartz .ag-filter-toolpanel-instance-filter,
+.ag-theme-quartz-dark .ag-filter-toolpanel-instance-filter,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-instance-filter {
+  border: none;
+  background-color: var(--ag-control-panel-background-color);
+}
+.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-instance-filter,
+.ag-theme-quartz-dark .ag-ltr .ag-filter-toolpanel-instance-filter,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-toolpanel-instance-filter {
+  margin-left: calc(var(--ag-icon-size) * 0.5);
+}
+
+.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-instance-filter,
+.ag-theme-quartz-dark .ag-rtl .ag-filter-toolpanel-instance-filter,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-toolpanel-instance-filter {
+  margin-right: calc(var(--ag-icon-size) * 0.5);
+}
+
+.ag-theme-quartz .ag-filter-toolpanel-group-level-0,
+.ag-theme-quartz-dark .ag-filter-toolpanel-group-level-0,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-level-0 {
+  border-top: none;
+}
+.ag-theme-quartz .ag-filter-toolpanel-header,
+.ag-theme-quartz-dark .ag-filter-toolpanel-header,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-header {
+  height: initial;
+  padding-top: var(--ag-grid-size);
+  padding-bottom: var(--ag-grid-size);
+}
+.ag-theme-quartz .ag-filter-toolpanel-group-item,
+.ag-theme-quartz-dark .ag-filter-toolpanel-group-item,
+.ag-theme-quartz-auto-dark .ag-filter-toolpanel-group-item {
+  margin: 0;
+}
+.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-viewport,
+.ag-theme-quartz .ag-layout-auto-height .ag-center-cols-container,
+.ag-theme-quartz .ag-layout-print .ag-center-cols-viewport,
+.ag-theme-quartz .ag-layout-print .ag-center-cols-container,
+.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-viewport,
+.ag-theme-quartz-dark .ag-layout-auto-height .ag-center-cols-container,
+.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-viewport,
+.ag-theme-quartz-dark .ag-layout-print .ag-center-cols-container,
+.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-viewport,
+.ag-theme-quartz-auto-dark .ag-layout-auto-height .ag-center-cols-container,
+.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-viewport,
+.ag-theme-quartz-auto-dark .ag-layout-print .ag-center-cols-container {
+  min-height: 150px;
+}
+.ag-theme-quartz .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
+.ag-theme-quartz-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
+.ag-theme-quartz-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
+  padding-top: 60px;
+}
+.ag-theme-quartz .ag-date-time-list-page-entry-is-current,
+.ag-theme-quartz-dark .ag-date-time-list-page-entry-is-current,
+.ag-theme-quartz-auto-dark .ag-date-time-list-page-entry-is-current {
+  background-color: var(--ag-active-color);
+}
+.ag-theme-quartz .ag-advanced-filter-builder-button,
+.ag-theme-quartz-dark .ag-advanced-filter-builder-button,
+.ag-theme-quartz-auto-dark .ag-advanced-filter-builder-button {
+  padding: var(--ag-grid-size);
+  font-weight: 600;
+}
+.ag-theme-quartz .ag-advanced-filter-builder-item-button-disabled .ag-icon,
+.ag-theme-quartz .ag-disabled .ag-icon,
+.ag-theme-quartz .ag-column-select-column-group-readonly .ag-icon,
+.ag-theme-quartz [disabled] .ag-icon,
+.ag-theme-quartz-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
+.ag-theme-quartz-dark .ag-disabled .ag-icon,
+.ag-theme-quartz-dark .ag-column-select-column-group-readonly .ag-icon,
+.ag-theme-quartz-dark [disabled] .ag-icon,
+.ag-theme-quartz-auto-dark
+  .ag-advanced-filter-builder-item-button-disabled
+  .ag-icon,
+.ag-theme-quartz-auto-dark .ag-disabled .ag-icon,
+.ag-theme-quartz-auto-dark .ag-column-select-column-group-readonly .ag-icon,
+.ag-theme-quartz-auto-dark [disabled] .ag-icon {
+  opacity: 0.6;
+}
+.ag-theme-quartz .ag-icon-grip,
+.ag-theme-quartz-dark .ag-icon-grip,
+.ag-theme-quartz-auto-dark .ag-icon-grip {
+  opacity: 0.7;
+}
+.ag-theme-quartz .ag-column-select-column-readonly.ag-icon-grip,
+.ag-theme-quartz .ag-column-select-column-readonly .ag-icon-grip,
+.ag-theme-quartz-dark .ag-column-select-column-readonly.ag-icon-grip,
+.ag-theme-quartz-dark .ag-column-select-column-readonly .ag-icon-grip,
+.ag-theme-quartz-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
+.ag-theme-quartz-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
+  opacity: 0.35;
+}
+.ag-theme-quartz
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz .ag-filter-toolpanel-search .ag-input-wrapper::before,
+.ag-theme-quartz .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz .ag-filter-filter .ag-input-wrapper::before,
+.ag-theme-quartz-dark
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark
+  .ag-filter-toolpanel-search
+  .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark .ag-filter-filter .ag-input-wrapper::before {
+  position: absolute;
+  display: block;
+  width: 12px;
+  height: 12px;
+  background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBkPSJNNS4zIDlhMy43IDMuNyAwIDEgMCAwLTcuNSAzLjcgMy43IDAgMCAwIDAgNy41Wk0xMC41IDEwLjUgOC4zIDguMiIvPjwvc3ZnPg==");
+  background-position: 50% 50%;
+  background-size: contain;
+  opacity: 40%;
+  content: "";
+  filter: var(--ag-icon-filter);
+}
+.ag-theme-quartz
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search .ag-input-wrapper::before,
+.ag-theme-quartz .ag-ltr .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz .ag-ltr .ag-filter-filter .ag-input-wrapper::before,
+.ag-theme-quartz-dark
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz-dark
+  .ag-ltr
+  .ag-filter-toolpanel-search
+  .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-filter-toolpanel-search
+  .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter .ag-input-wrapper::before {
+  margin-left: var(--ag-grid-size);
+}
+
+.ag-theme-quartz
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search .ag-input-wrapper::before,
+.ag-theme-quartz .ag-rtl .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz .ag-rtl .ag-filter-filter .ag-input-wrapper::before,
+.ag-theme-quartz-dark
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz-dark
+  .ag-rtl
+  .ag-filter-toolpanel-search
+  .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-filter-toolpanel-search
+  .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter .ag-input-wrapper::before {
+  margin-right: var(--ag-grid-size);
+}
+
+.ag-theme-quartz
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  input.ag-text-field-input,
+.ag-theme-quartz
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  input.ag-number-field-input,
+.ag-theme-quartz .ag-ltr .ag-filter-toolpanel-search input.ag-text-field-input,
+.ag-theme-quartz
+  .ag-ltr
+  .ag-filter-toolpanel-search
+  input.ag-number-field-input,
+.ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-text-field-input,
+.ag-theme-quartz .ag-ltr .ag-mini-filter input.ag-number-field-input,
+.ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-text-field-input,
+.ag-theme-quartz .ag-ltr .ag-filter-filter input.ag-number-field-input,
+.ag-theme-quartz-dark
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  input.ag-text-field-input,
+.ag-theme-quartz-dark
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  input.ag-number-field-input,
+.ag-theme-quartz-dark
+  .ag-ltr
+  .ag-filter-toolpanel-search
+  input.ag-text-field-input,
+.ag-theme-quartz-dark
+  .ag-ltr
+  .ag-filter-toolpanel-search
+  input.ag-number-field-input,
+.ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-text-field-input,
+.ag-theme-quartz-dark .ag-ltr .ag-mini-filter input.ag-number-field-input,
+.ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-text-field-input,
+.ag-theme-quartz-dark .ag-ltr .ag-filter-filter input.ag-number-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  input.ag-text-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-column-select-header-filter-wrapper
+  input.ag-number-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-filter-toolpanel-search
+  input.ag-text-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-filter-toolpanel-search
+  input.ag-number-field-input,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-text-field-input,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-mini-filter input.ag-number-field-input,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-filter-filter input.ag-text-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-ltr
+  .ag-filter-filter
+  input.ag-number-field-input {
+  padding-left: 26px;
+}
+
+.ag-theme-quartz
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  input.ag-text-field-input,
+.ag-theme-quartz
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  input.ag-number-field-input,
+.ag-theme-quartz .ag-rtl .ag-filter-toolpanel-search input.ag-text-field-input,
+.ag-theme-quartz
+  .ag-rtl
+  .ag-filter-toolpanel-search
+  input.ag-number-field-input,
+.ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-text-field-input,
+.ag-theme-quartz .ag-rtl .ag-mini-filter input.ag-number-field-input,
+.ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-text-field-input,
+.ag-theme-quartz .ag-rtl .ag-filter-filter input.ag-number-field-input,
+.ag-theme-quartz-dark
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  input.ag-text-field-input,
+.ag-theme-quartz-dark
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  input.ag-number-field-input,
+.ag-theme-quartz-dark
+  .ag-rtl
+  .ag-filter-toolpanel-search
+  input.ag-text-field-input,
+.ag-theme-quartz-dark
+  .ag-rtl
+  .ag-filter-toolpanel-search
+  input.ag-number-field-input,
+.ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-text-field-input,
+.ag-theme-quartz-dark .ag-rtl .ag-mini-filter input.ag-number-field-input,
+.ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-text-field-input,
+.ag-theme-quartz-dark .ag-rtl .ag-filter-filter input.ag-number-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  input.ag-text-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-column-select-header-filter-wrapper
+  input.ag-number-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-filter-toolpanel-search
+  input.ag-text-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-filter-toolpanel-search
+  input.ag-number-field-input,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-text-field-input,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-mini-filter input.ag-number-field-input,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-filter-filter input.ag-text-field-input,
+.ag-theme-quartz-auto-dark
+  .ag-rtl
+  .ag-filter-filter
+  input.ag-number-field-input {
+  padding-right: 26px;
+}
+
+.ag-theme-quartz .ag-ltr .ag-column-select-add-group-indent,
+.ag-theme-quartz-dark .ag-ltr .ag-column-select-add-group-indent,
+.ag-theme-quartz-auto-dark .ag-ltr .ag-column-select-add-group-indent {
+  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
+}
+
+.ag-theme-quartz .ag-rtl .ag-column-select-add-group-indent,
+.ag-theme-quartz-dark .ag-rtl .ag-column-select-add-group-indent,
+.ag-theme-quartz-auto-dark .ag-rtl .ag-column-select-add-group-indent {
+  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 1.5);
+}
+
+.ag-theme-quartz .ag-text-field-input[disabled],
+.ag-theme-quartz .ag-menu-option-disabled,
+.ag-theme-quartz-dark .ag-text-field-input[disabled],
+.ag-theme-quartz-dark .ag-menu-option-disabled,
+.ag-theme-quartz-auto-dark .ag-text-field-input[disabled],
+.ag-theme-quartz-auto-dark .ag-menu-option-disabled {
+  cursor: not-allowed;
+}
+.ag-theme-quartz .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
+.ag-theme-quartz-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled,
+.ag-theme-quartz-auto-dark .ag-checkbox-input-wrapper.ag-checked.ag-disabled {
+  --ag-checkbox-checked-color: var(--ag-checkbox-unchecked-color);
+}
+.ag-theme-quartz .ag-checkbox-input,
+.ag-theme-quartz .ag-toggle-button-input,
+.ag-theme-quartz .ag-radio-button-input,
+.ag-theme-quartz input[class^="ag-"][type="range"],
+.ag-theme-quartz-dark .ag-checkbox-input,
+.ag-theme-quartz-dark .ag-toggle-button-input,
+.ag-theme-quartz-dark .ag-radio-button-input,
+.ag-theme-quartz-dark input[class^="ag-"][type="range"],
+.ag-theme-quartz-auto-dark .ag-checkbox-input,
+.ag-theme-quartz-auto-dark .ag-toggle-button-input,
+.ag-theme-quartz-auto-dark .ag-radio-button-input,
+.ag-theme-quartz-auto-dark input[class^="ag-"][type="range"] {
+  cursor: pointer;
+}
+.ag-theme-quartz .ag-details-row,
+.ag-theme-quartz-dark .ag-details-row,
+.ag-theme-quartz-auto-dark .ag-details-row {
+  padding: calc(var(--ag-grid-size) * 3.75);
+}
+
+.ag-theme-quartz-dark
+  .ag-column-select-header-filter-wrapper
+  .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-filter-toolpanel-search .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-mini-filter .ag-input-wrapper::before,
+.ag-theme-quartz-dark .ag-filter-filter .ag-input-wrapper::before {
+  opacity: 66%;
+  filter: invert(100%);
+}
+.ag-theme-quartz-dark .ag-chart-menu {
+  background-color: color-mix(
+    in srgb,
+    rgba(24, 39, 50, 0.3),
+    var(--ag-background-color) 30%
+  );
+}
+.ag-theme-quartz-dark .ag-text-field-input::placeholder {
+  color: var(--ag-data-color);
+  opacity: 0.8;
+}
+
+.ag-theme-quartz .ag-row-even {
+  background-color: #fff;
+}
+
+.ag-theme-quartz .ag-row-odd {
+  background-color: #fafafa;
+}