@infinite-table/infinite-react/theme/default.css

Infinite Table for React

/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-default.css.ts.vanilla.css?source=#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 */
@layer infinite-table {
  :root {
    --infinite-loaded: true;
    --infinite-theme-name: default;
    --infinite-theme-mode: light;
    --infinite-icon-size: 24px;
    --infinite-space-0: 0rem;
    --infinite-space-1: 0.125rem;
    --infinite-space-2: 0.25rem;
    --infinite-space-3: 0.5rem;
    --infinite-space-4: 0.75rem;
    --infinite-space-5: 1rem;
    --infinite-space-6: 1.25rem;
    --infinite-space-7: 1.5rem;
    --infinite-space-8: 2.25rem;
    --infinite-space-9: 3rem;
    --infinite-space-10: 4rem;
    --infinite-font-size-0: 0.5rem;
    --infinite-font-size-1: 0.625rem;
    --infinite-font-size-2: 0.75rem;
    --infinite-font-size-3: 0.875rem;
    --infinite-font-size-4: 1rem;
    --infinite-font-size-5: 1.25rem;
    --infinite-font-size-6: 1.5rem;
    --infinite-font-size-7: 2.25rem;
    --infinite-font-family: inherit;
    --infinite-focus-outline: 2px solid var(--infinite-accent-color);
    --infinite-color: #484848;
    --infinite-accent-color: #0284c7;
    --infinite-success-color: #7aff7a;
    --infinite-error-color: #ff0000;
    --infinite-border-radius: var(--infinite-space-2);
    --infinite-background: white;
    --infinite-min-height: 100px;
    --infinite-header-cell-border-right: var(--infinite-cell-border);
    --infinite-header-cell-border: var(--infinite-cell-border);
    --infinite-filter-editor-background: var(--infinite-row-background);
    --infinite-header-color: #6f6f6f;
    --infinite-header-background: var(--infinite-header-cell-background);
    --infinite-cell-color: currentColor;
    --infinite-flashing-background: var(--infinite-accent-color);
    --infinite-flashing-up-background: var(--infinite-success-color);
    --infinite-flashing-down-background: var(--infinite-error-color);
    --infinite-menu-color: var(--infinite-cell-color);
    --infinite-menu-background: var(--infinite-background);
    --infinite-menu-item-disabled-background: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: rgba(255,255,255,0.8);
    --infinite-load-mask-color: inherit;
    --infinite-row-background: var(--infinite-background);
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
    --infinite-menu-separator-color: currentColor;
    --infinite-menu-padding: var(--infinite-space-3);
    --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
    --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
    --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
    --infinite-menu-item-disabled-opacity: 0.5;
    --infinite-menu-item-active-opacity: 0.9;
    --infinite-menu-item-pressed-opacity: 1;
    --infinite-menu-border-radius: var(--infinite-space-2);
    --infinite-menu-shadow-color: rgba(0,0,0,0.25);
    --infinite-rowdetail-background: var(--infinite-row-hover-background);
    --infinite-rowdetail-padding: var(--infinite-space-2);
    --infinite-rowdetail-grid-height: 100%;
    --infinite-load-mask-overlay-background: gray;
    --infinite-load-mask-overlay-opacity: 0.3;
    --infinite-load-mask-padding: var(--infinite-space-5);
    --infinite-load-mask-border-radius: var(--infinite-border-radius);
    --infinite-filter-operator-padding-x: var(--infinite-space-1);
    --infinite-filter-editor-padding-x: var(--infinite-space-2);
    --infinite-filter-editor-margin-x: var(--infinite-space-1);
    --infinite-filter-operator-padding-y: var(--infinite-space-0);
    --infinite-filter-editor-padding-y: var(--infinite-space-0);
    --infinite-filter-editor-margin-y: var(--infinite-space-1);
    --infinite-resize-handle-active-area-width: 16px;
    --infinite-resize-handle-width: 2px;
    --infinite-resize-handle-hover-background: var(--infinite-accent-color);
    --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
    --infinite-header-cell-background: #ededed;
    --infinite-filter-editor-border: var(--infinite-cell-border);
    --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
    --infinite-filter-editor-color: currentColor;
    --infinite-filter-editor-border-radius: var(--infinite-border-radius);
    --infinite-header-cell-hover-background: #dfdfdf;
    --infinite-header-cell-padding-x: var(--infinite-space-3);
    --infinite-header-cell-padding-y: var(--infinite-space-3);
    --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
    --infinite-header-cell-icon-size: 16px;
    --infinite-header-cell-menu-icon-line-width: 1px;
    --infinite-header-cell-sort-icon-margin: 16px;
    --infinite-column-header-height: 30px;
    --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
    --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
    --infinite-grouping-toolbar-active-background-alpha: 0.15;
    --infinite-grouping-toolbar-color: var(--infinite-cell-color);
    --infinite-grouping-toolbar-padding: var(--infinite-space-3);
    --infinite-grouping-toolbar-gap: var(--infinite-space-2);
    --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
    --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
    --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
    --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
    --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
    --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
    --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
    --infinite-cell-border-width: 1px;
    --infinite-flashing-overlay-z-index: -1;
    --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
    --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
    --infinite-cell-border-color: #c6c6c6;
    --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
    --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
    --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
    --infinite-pinned-cell-border: var(--infinite-cell-border);
    --infinite-cell-border-invisible: none;
    --infinite-cell-border-radius: var(--infinite-space-2);
    --infinite-column-reorder-effect-duration: .2s;
    --infinite-selected-cell-border-style: solid;
    --infinite-active-cell-border-style: dashed;
    --infinite-active-cell-border-width: 1px;
    --infinite-active-cell-background-alpha: 0.25;
    --infinite-active-cell-background-alpha--table-unfocused: 0.1;
    --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
    --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
    --infinite-row-odd-background: #f6f6f6;
    --infinite-row-disabled-opacity: 0.5;
    --infinite-row-disabled-background: #eeeeee;
    --infinite-row-odd-disabled-background: #f9f9f9;
    --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
    --infinite-row-selected-background: #d1e9ff;
    --infinite-row-selected-hover-background: #add8ff;
    --infinite-group-row-background: #cbc5c5;
    --infinite-group-row-column-nesting: 24px;
    --infinite-row-hover-background: #dbdbdb;
    --infinite-row-pointer-events-while-scrolling: auto;
    --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
  }
  .infinite-theme-mode--light,
  .infinite-theme-mode--light:root {
    --infinite-loaded: true;
    --infinite-theme-name: default;
    --infinite-theme-mode: light;
    --infinite-icon-size: 24px;
    --infinite-space-0: 0rem;
    --infinite-space-1: 0.125rem;
    --infinite-space-2: 0.25rem;
    --infinite-space-3: 0.5rem;
    --infinite-space-4: 0.75rem;
    --infinite-space-5: 1rem;
    --infinite-space-6: 1.25rem;
    --infinite-space-7: 1.5rem;
    --infinite-space-8: 2.25rem;
    --infinite-space-9: 3rem;
    --infinite-space-10: 4rem;
    --infinite-font-size-0: 0.5rem;
    --infinite-font-size-1: 0.625rem;
    --infinite-font-size-2: 0.75rem;
    --infinite-font-size-3: 0.875rem;
    --infinite-font-size-4: 1rem;
    --infinite-font-size-5: 1.25rem;
    --infinite-font-size-6: 1.5rem;
    --infinite-font-size-7: 2.25rem;
    --infinite-font-family: inherit;
    --infinite-focus-outline: 2px solid var(--infinite-accent-color);
    --infinite-color: #484848;
    --infinite-accent-color: #0284c7;
    --infinite-success-color: #7aff7a;
    --infinite-error-color: #ff0000;
    --infinite-border-radius: var(--infinite-space-2);
    --infinite-background: white;
    --infinite-min-height: 100px;
    --infinite-header-cell-border-right: var(--infinite-cell-border);
    --infinite-header-cell-border: var(--infinite-cell-border);
    --infinite-filter-editor-background: var(--infinite-row-background);
    --infinite-header-color: #6f6f6f;
    --infinite-header-background: var(--infinite-header-cell-background);
    --infinite-cell-color: currentColor;
    --infinite-flashing-background: var(--infinite-accent-color);
    --infinite-flashing-up-background: var(--infinite-success-color);
    --infinite-flashing-down-background: var(--infinite-error-color);
    --infinite-menu-color: var(--infinite-cell-color);
    --infinite-menu-background: var(--infinite-background);
    --infinite-menu-item-disabled-background: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: rgba(255,255,255,0.8);
    --infinite-load-mask-color: inherit;
    --infinite-row-background: var(--infinite-background);
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
    --infinite-menu-separator-color: currentColor;
    --infinite-menu-padding: var(--infinite-space-3);
    --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
    --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
    --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
    --infinite-menu-item-disabled-opacity: 0.5;
    --infinite-menu-item-active-opacity: 0.9;
    --infinite-menu-item-pressed-opacity: 1;
    --infinite-menu-border-radius: var(--infinite-space-2);
    --infinite-menu-shadow-color: rgba(0,0,0,0.25);
    --infinite-rowdetail-background: var(--infinite-row-hover-background);
    --infinite-rowdetail-padding: var(--infinite-space-2);
    --infinite-rowdetail-grid-height: 100%;
    --infinite-load-mask-overlay-background: gray;
    --infinite-load-mask-overlay-opacity: 0.3;
    --infinite-load-mask-padding: var(--infinite-space-5);
    --infinite-load-mask-border-radius: var(--infinite-border-radius);
    --infinite-filter-operator-padding-x: var(--infinite-space-1);
    --infinite-filter-editor-padding-x: var(--infinite-space-2);
    --infinite-filter-editor-margin-x: var(--infinite-space-1);
    --infinite-filter-operator-padding-y: var(--infinite-space-0);
    --infinite-filter-editor-padding-y: var(--infinite-space-0);
    --infinite-filter-editor-margin-y: var(--infinite-space-1);
    --infinite-resize-handle-active-area-width: 16px;
    --infinite-resize-handle-width: 2px;
    --infinite-resize-handle-hover-background: var(--infinite-accent-color);
    --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
    --infinite-header-cell-background: #ededed;
    --infinite-filter-editor-border: var(--infinite-cell-border);
    --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
    --infinite-filter-editor-color: currentColor;
    --infinite-filter-editor-border-radius: var(--infinite-border-radius);
    --infinite-header-cell-hover-background: #dfdfdf;
    --infinite-header-cell-padding-x: var(--infinite-space-3);
    --infinite-header-cell-padding-y: var(--infinite-space-3);
    --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
    --infinite-header-cell-icon-size: 16px;
    --infinite-header-cell-menu-icon-line-width: 1px;
    --infinite-header-cell-sort-icon-margin: 16px;
    --infinite-column-header-height: 30px;
    --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
    --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
    --infinite-grouping-toolbar-active-background-alpha: 0.15;
    --infinite-grouping-toolbar-color: var(--infinite-cell-color);
    --infinite-grouping-toolbar-padding: var(--infinite-space-3);
    --infinite-grouping-toolbar-gap: var(--infinite-space-2);
    --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
    --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
    --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
    --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
    --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
    --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
    --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
    --infinite-cell-border-width: 1px;
    --infinite-flashing-overlay-z-index: -1;
    --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
    --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
    --infinite-cell-border-color: #c6c6c6;
    --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
    --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
    --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
    --infinite-pinned-cell-border: var(--infinite-cell-border);
    --infinite-cell-border-invisible: none;
    --infinite-cell-border-radius: var(--infinite-space-2);
    --infinite-column-reorder-effect-duration: .2s;
    --infinite-selected-cell-border-style: solid;
    --infinite-active-cell-border-style: dashed;
    --infinite-active-cell-border-width: 1px;
    --infinite-active-cell-background-alpha: 0.25;
    --infinite-active-cell-background-alpha--table-unfocused: 0.1;
    --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
    --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
    --infinite-row-odd-background: #f6f6f6;
    --infinite-row-disabled-opacity: 0.5;
    --infinite-row-disabled-background: #eeeeee;
    --infinite-row-odd-disabled-background: #f9f9f9;
    --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
    --infinite-row-selected-background: #d1e9ff;
    --infinite-row-selected-hover-background: #add8ff;
    --infinite-group-row-background: #cbc5c5;
    --infinite-group-row-column-nesting: 24px;
    --infinite-row-hover-background: #dbdbdb;
    --infinite-row-pointer-events-while-scrolling: auto;
    --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
  }
  .infinite-theme-mode--dark,
  .infinite-theme-mode--dark:root {
    --infinite-header-cell-border-right: var(--infinite-cell-border);
    --infinite-header-cell-border: var(--infinite-cell-border);
    --infinite-filter-editor-background: var(--infinite-row-odd-background);
    --infinite-header-color: #c3c3c3;
    --infinite-header-background: var(--infinite-header-cell-background);
    --infinite-cell-color: #c3c3c3;
    --infinite-flashing-background: var(--infinite-accent-color);
    --infinite-flashing-up-background: var(--infinite-success-color);
    --infinite-flashing-down-background: var(--infinite-error-color);
    --infinite-menu-color: var(--infinite-cell-color);
    --infinite-menu-background: var(--infinite-background);
    --infinite-menu-item-disabled-background: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: var(--infinite-background);
    --infinite-load-mask-color: var(--infinite-cell-color);
    --infinite-row-background: var(--infinite-background);
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-theme-mode: dark;
    --infinite-icon-size: 24px;
    --infinite-background: #101419;
    --infinite-success-color: #008700;
    --infinite-cell-border: 1px solid #2a323d;
    --infinite-header-cell-background: #1b2129;
    --infinite-header-cell-hover-background: #222932;
    --infinite-row-hover-background: #3b4754;
    --infinite-row-selected-background: #0a2e4f;
    --infinite-row-selected-hover-background: #0b243a;
    --infinite-row-odd-background: #242a31;
    --infinite-row-disabled-background: #292a2c;
    --infinite-row-odd-disabled-background: #2d2e30;
    --infinite-menu-shadow-color: rgba(255,255,255,0.25);
    --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
  }
  .infinite-theme-name--default:root,
  .infinite-theme-name--default {
    --infinite-loaded: true;
    --infinite-theme-name: default;
    --infinite-theme-mode: light;
    --infinite-icon-size: 24px;
    --infinite-space-0: 0rem;
    --infinite-space-1: 0.125rem;
    --infinite-space-2: 0.25rem;
    --infinite-space-3: 0.5rem;
    --infinite-space-4: 0.75rem;
    --infinite-space-5: 1rem;
    --infinite-space-6: 1.25rem;
    --infinite-space-7: 1.5rem;
    --infinite-space-8: 2.25rem;
    --infinite-space-9: 3rem;
    --infinite-space-10: 4rem;
    --infinite-font-size-0: 0.5rem;
    --infinite-font-size-1: 0.625rem;
    --infinite-font-size-2: 0.75rem;
    --infinite-font-size-3: 0.875rem;
    --infinite-font-size-4: 1rem;
    --infinite-font-size-5: 1.25rem;
    --infinite-font-size-6: 1.5rem;
    --infinite-font-size-7: 2.25rem;
    --infinite-font-family: inherit;
    --infinite-focus-outline: 2px solid var(--infinite-accent-color);
    --infinite-color: #484848;
    --infinite-accent-color: #0284c7;
    --infinite-success-color: #7aff7a;
    --infinite-error-color: #ff0000;
    --infinite-border-radius: var(--infinite-space-2);
    --infinite-background: white;
    --infinite-min-height: 100px;
    --infinite-header-cell-border-right: var(--infinite-cell-border);
    --infinite-header-cell-border: var(--infinite-cell-border);
    --infinite-filter-editor-background: var(--infinite-row-background);
    --infinite-header-color: #6f6f6f;
    --infinite-header-background: var(--infinite-header-cell-background);
    --infinite-cell-color: currentColor;
    --infinite-flashing-background: var(--infinite-accent-color);
    --infinite-flashing-up-background: var(--infinite-success-color);
    --infinite-flashing-down-background: var(--infinite-error-color);
    --infinite-menu-color: var(--infinite-cell-color);
    --infinite-menu-background: var(--infinite-background);
    --infinite-menu-item-disabled-background: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: rgba(255,255,255,0.8);
    --infinite-load-mask-color: inherit;
    --infinite-row-background: var(--infinite-background);
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
    --infinite-menu-separator-color: currentColor;
    --infinite-menu-padding: var(--infinite-space-3);
    --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
    --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
    --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
    --infinite-menu-item-disabled-opacity: 0.5;
    --infinite-menu-item-active-opacity: 0.9;
    --infinite-menu-item-pressed-opacity: 1;
    --infinite-menu-border-radius: var(--infinite-space-2);
    --infinite-menu-shadow-color: rgba(0,0,0,0.25);
    --infinite-rowdetail-background: var(--infinite-row-hover-background);
    --infinite-rowdetail-padding: var(--infinite-space-2);
    --infinite-rowdetail-grid-height: 100%;
    --infinite-load-mask-overlay-background: gray;
    --infinite-load-mask-overlay-opacity: 0.3;
    --infinite-load-mask-padding: var(--infinite-space-5);
    --infinite-load-mask-border-radius: var(--infinite-border-radius);
    --infinite-filter-operator-padding-x: var(--infinite-space-1);
    --infinite-filter-editor-padding-x: var(--infinite-space-2);
    --infinite-filter-editor-margin-x: var(--infinite-space-1);
    --infinite-filter-operator-padding-y: var(--infinite-space-0);
    --infinite-filter-editor-padding-y: var(--infinite-space-0);
    --infinite-filter-editor-margin-y: var(--infinite-space-1);
    --infinite-resize-handle-active-area-width: 16px;
    --infinite-resize-handle-width: 2px;
    --infinite-resize-handle-hover-background: var(--infinite-accent-color);
    --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
    --infinite-header-cell-background: #ededed;
    --infinite-filter-editor-border: var(--infinite-cell-border);
    --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
    --infinite-filter-editor-color: currentColor;
    --infinite-filter-editor-border-radius: var(--infinite-border-radius);
    --infinite-header-cell-hover-background: #dfdfdf;
    --infinite-header-cell-padding-x: var(--infinite-space-3);
    --infinite-header-cell-padding-y: var(--infinite-space-3);
    --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
    --infinite-header-cell-icon-size: 16px;
    --infinite-header-cell-menu-icon-line-width: 1px;
    --infinite-header-cell-sort-icon-margin: 16px;
    --infinite-column-header-height: 30px;
    --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
    --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
    --infinite-grouping-toolbar-active-background-alpha: 0.15;
    --infinite-grouping-toolbar-color: var(--infinite-cell-color);
    --infinite-grouping-toolbar-padding: var(--infinite-space-3);
    --infinite-grouping-toolbar-gap: var(--infinite-space-2);
    --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
    --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
    --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
    --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
    --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
    --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
    --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
    --infinite-cell-border-width: 1px;
    --infinite-flashing-overlay-z-index: -1;
    --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
    --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
    --infinite-cell-border-color: #c6c6c6;
    --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
    --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
    --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
    --infinite-pinned-cell-border: var(--infinite-cell-border);
    --infinite-cell-border-invisible: none;
    --infinite-cell-border-radius: var(--infinite-space-2);
    --infinite-column-reorder-effect-duration: .2s;
    --infinite-selected-cell-border-style: solid;
    --infinite-active-cell-border-style: dashed;
    --infinite-active-cell-border-width: 1px;
    --infinite-active-cell-background-alpha: 0.25;
    --infinite-active-cell-background-alpha--table-unfocused: 0.1;
    --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
    --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
    --infinite-row-odd-background: #f6f6f6;
    --infinite-row-disabled-opacity: 0.5;
    --infinite-row-disabled-background: #eeeeee;
    --infinite-row-odd-disabled-background: #f9f9f9;
    --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
    --infinite-row-selected-background: #d1e9ff;
    --infinite-row-selected-hover-background: #add8ff;
    --infinite-group-row-background: #cbc5c5;
    --infinite-group-row-column-nesting: 24px;
    --infinite-row-hover-background: #dbdbdb;
    --infinite-row-pointer-events-while-scrolling: auto;
    --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
  }
  .infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--default.infinite-theme-name--default,
  .infinite-theme-mode--light .infinite-theme-name--default,
  .infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--default,
  .infinite-theme-name--default .infinite-theme-mode--light,
  .infinite-theme-name--default .infinite-theme-mode--light.infinite-theme-mode--light {
    --infinite-loaded: true;
    --infinite-theme-name: default;
    --infinite-theme-mode: light;
    --infinite-icon-size: 24px;
    --infinite-space-0: 0rem;
    --infinite-space-1: 0.125rem;
    --infinite-space-2: 0.25rem;
    --infinite-space-3: 0.5rem;
    --infinite-space-4: 0.75rem;
    --infinite-space-5: 1rem;
    --infinite-space-6: 1.25rem;
    --infinite-space-7: 1.5rem;
    --infinite-space-8: 2.25rem;
    --infinite-space-9: 3rem;
    --infinite-space-10: 4rem;
    --infinite-font-size-0: 0.5rem;
    --infinite-font-size-1: 0.625rem;
    --infinite-font-size-2: 0.75rem;
    --infinite-font-size-3: 0.875rem;
    --infinite-font-size-4: 1rem;
    --infinite-font-size-5: 1.25rem;
    --infinite-font-size-6: 1.5rem;
    --infinite-font-size-7: 2.25rem;
    --infinite-font-family: inherit;
    --infinite-focus-outline: 2px solid var(--infinite-accent-color);
    --infinite-color: #484848;
    --infinite-accent-color: #0284c7;
    --infinite-success-color: #7aff7a;
    --infinite-error-color: #ff0000;
    --infinite-border-radius: var(--infinite-space-2);
    --infinite-background: white;
    --infinite-min-height: 100px;
    --infinite-header-cell-border-right: var(--infinite-cell-border);
    --infinite-header-cell-border: var(--infinite-cell-border);
    --infinite-filter-editor-background: var(--infinite-row-background);
    --infinite-header-color: #6f6f6f;
    --infinite-header-background: var(--infinite-header-cell-background);
    --infinite-cell-color: currentColor;
    --infinite-flashing-background: var(--infinite-accent-color);
    --infinite-flashing-up-background: var(--infinite-success-color);
    --infinite-flashing-down-background: var(--infinite-error-color);
    --infinite-menu-color: var(--infinite-cell-color);
    --infinite-menu-background: var(--infinite-background);
    --infinite-menu-item-disabled-background: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: rgba(255,255,255,0.8);
    --infinite-load-mask-color: inherit;
    --infinite-row-background: var(--infinite-background);
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-selection-checkbox-margin-inline: var(--infinite-space-2);
    --infinite-menu-separator-color: currentColor;
    --infinite-menu-padding: var(--infinite-space-3);
    --infinite-menu-cell-padding-vertical: var(--infinite-space-3);
    --infinite-menu-cell-padding-horizontal: var(--infinite-space-3);
    --infinite-menu-cell-margin-vertical: var(--infinite-space-0);
    --infinite-menu-item-disabled-opacity: 0.5;
    --infinite-menu-item-active-opacity: 0.9;
    --infinite-menu-item-pressed-opacity: 1;
    --infinite-menu-border-radius: var(--infinite-space-2);
    --infinite-menu-shadow-color: rgba(0,0,0,0.25);
    --infinite-rowdetail-background: var(--infinite-row-hover-background);
    --infinite-rowdetail-padding: var(--infinite-space-2);
    --infinite-rowdetail-grid-height: 100%;
    --infinite-load-mask-overlay-background: gray;
    --infinite-load-mask-overlay-opacity: 0.3;
    --infinite-load-mask-padding: var(--infinite-space-5);
    --infinite-load-mask-border-radius: var(--infinite-border-radius);
    --infinite-filter-operator-padding-x: var(--infinite-space-1);
    --infinite-filter-editor-padding-x: var(--infinite-space-2);
    --infinite-filter-editor-margin-x: var(--infinite-space-1);
    --infinite-filter-operator-padding-y: var(--infinite-space-0);
    --infinite-filter-editor-padding-y: var(--infinite-space-0);
    --infinite-filter-editor-margin-y: var(--infinite-space-1);
    --infinite-resize-handle-active-area-width: 16px;
    --infinite-resize-handle-width: 2px;
    --infinite-resize-handle-hover-background: var(--infinite-accent-color);
    --infinite-resize-handle-constrained-hover-background: var(--infinite-error-color);
    --infinite-header-cell-background: #ededed;
    --infinite-filter-editor-border: var(--infinite-cell-border);
    --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
    --infinite-filter-editor-color: currentColor;
    --infinite-filter-editor-border-radius: var(--infinite-border-radius);
    --infinite-header-cell-hover-background: #dfdfdf;
    --infinite-header-cell-padding-x: var(--infinite-space-3);
    --infinite-header-cell-padding-y: var(--infinite-space-3);
    --infinite-header-cell-padding: var(--infinite-header-cell-padding-y) var(--infinite-header-cell-padding-x) ;
    --infinite-header-cell-icon-size: 16px;
    --infinite-header-cell-menu-icon-line-width: 1px;
    --infinite-header-cell-sort-icon-margin: 16px;
    --infinite-column-header-height: 30px;
    --infinite-grouping-toolbar-reject-background: var(--infinite-grouping-toolbar-background);
    --infinite-grouping-toolbar-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
    --infinite-grouping-toolbar-active-background-alpha: 0.15;
    --infinite-grouping-toolbar-color: var(--infinite-cell-color);
    --infinite-grouping-toolbar-padding: var(--infinite-space-3);
    --infinite-grouping-toolbar-gap: var(--infinite-space-2);
    --infinite-grouping-toolbar-item-background: var(--infinite-grouping-toolbar-background);
    --infinite-grouping-toolbar-item-border: 1px solid var(--infinite-grouping-toolbar-color);
    --infinite-grouping-toolbar-item-border-radius: var(--infinite-border-radius);
    --infinite-grouping-toolbar-item-active-border: 1px solid var(--infinite-accent-color);
    --infinite-grouping-toolbar-item-active-background: color-mix(in srgb, var(--infinite-grouping-toolbar-color), transparent calc(100% - var(--infinite-grouping-toolbar-active-background-alpha) * 100%));
    --infinite-grouping-toolbar-item-active-background-alpha: 0.15;
    --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
    --infinite-cell-border-width: 1px;
    --infinite-flashing-overlay-z-index: -1;
    --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
    --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
    --infinite-cell-border-color: #c6c6c6;
    --infinite-cell-border: var(--infinite-cell-border-width) solid var(--infinite-cell-border-color);
    --infinite-cell-border-left: var(--infinite-cell-border-width) solid transparent;
    --infinite-cell-border-right: var(--infinite-cell-border-width) solid transparent;
    --infinite-pinned-cell-border: var(--infinite-cell-border);
    --infinite-cell-border-invisible: none;
    --infinite-cell-border-radius: var(--infinite-space-2);
    --infinite-column-reorder-effect-duration: .2s;
    --infinite-selected-cell-border-style: solid;
    --infinite-active-cell-border-style: dashed;
    --infinite-active-cell-border-width: 1px;
    --infinite-active-cell-background-alpha: 0.25;
    --infinite-active-cell-background-alpha--table-unfocused: 0.1;
    --infinite-selected-cell-background-default: var(--infinite-selected-cell-background, var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-selected-cell-border-color, var(--infinite-active-cell-border-color, var(--infinite-active-row-border-color, var(--infinite-accent-color)))), transparent calc(100% - var(--infinite-selected-cell-background-alpha, var(--infinite-active-cell-background-alpha, var(--infinite-active-row-background-alpha))) * 100%))));
    --infinite-active-cell-background-default: var(--infinite-active-cell-background, color-mix(in srgb, var(--infinite-active-cell-border-color, var(--infinite-accent-color)), transparent calc(100% - var(--infinite-active-cell-background-alpha) * 100%)));
    --infinite-row-odd-background: #f6f6f6;
    --infinite-row-disabled-opacity: 0.5;
    --infinite-row-disabled-background: #eeeeee;
    --infinite-row-odd-disabled-background: #f9f9f9;
    --infinite-row-selected-disabled-background: var(--infinite-row-selected-background);
    --infinite-row-selected-background: #d1e9ff;
    --infinite-row-selected-hover-background: #add8ff;
    --infinite-group-row-background: #cbc5c5;
    --infinite-group-row-column-nesting: 24px;
    --infinite-row-hover-background: #dbdbdb;
    --infinite-row-pointer-events-while-scrolling: auto;
    --infinite-expand-collapse-icon-color: var(--infinite-accent-color);
  }
  .infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--default.infinite-theme-name--default,
  .infinite-theme-mode--dark .infinite-theme-name--default,
  .infinite-theme-name--default .infinite-theme-mode--dark {
    --infinite-header-cell-border-right: var(--infinite-cell-border);
    --infinite-header-cell-border: var(--infinite-cell-border);
    --infinite-filter-editor-background: var(--infinite-row-odd-background);
    --infinite-header-color: #c3c3c3;
    --infinite-header-background: var(--infinite-header-cell-background);
    --infinite-cell-color: #c3c3c3;
    --infinite-flashing-background: var(--infinite-accent-color);
    --infinite-flashing-up-background: var(--infinite-success-color);
    --infinite-flashing-down-background: var(--infinite-error-color);
    --infinite-menu-color: var(--infinite-cell-color);
    --infinite-menu-background: var(--infinite-background);
    --infinite-menu-item-disabled-background: var(--infinite-menu-background);
    --infinite-menu-item-active-background: var(--infinite-row-hover-background);
    --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
    --infinite-load-mask-text-background: var(--infinite-background);
    --infinite-load-mask-color: var(--infinite-cell-color);
    --infinite-row-background: var(--infinite-background);
    --infinite-grouping-toolbar-background: var(--infinite-background);
    --infinite-theme-mode: dark;
    --infinite-icon-size: 24px;
    --infinite-background: #101419;
    --infinite-success-color: #008700;
    --infinite-cell-border: 1px solid #2a323d;
    --infinite-header-cell-background: #1b2129;
    --infinite-header-cell-hover-background: #222932;
    --infinite-row-hover-background: #3b4754;
    --infinite-row-selected-background: #0a2e4f;
    --infinite-row-selected-hover-background: #0b243a;
    --infinite-row-odd-background: #242a31;
    --infinite-row-disabled-background: #292a2c;
    --infinite-row-odd-disabled-background: #2d2e30;
    --infinite-menu-shadow-color: rgba(255,255,255,0.25);
    --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-odd-background);
      --infinite-header-color: #c3c3c3;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: #c3c3c3;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: var(--infinite-background);
      --infinite-load-mask-color: var(--infinite-cell-color);
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-theme-mode: dark;
      --infinite-icon-size: 24px;
      --infinite-background: #101419;
      --infinite-success-color: #008700;
      --infinite-cell-border: 1px solid #2a323d;
      --infinite-header-cell-background: #1b2129;
      --infinite-header-cell-hover-background: #222932;
      --infinite-row-hover-background: #3b4754;
      --infinite-row-selected-background: #0a2e4f;
      --infinite-row-selected-hover-background: #0b243a;
      --infinite-row-odd-background: #242a31;
      --infinite-row-disabled-background: #292a2c;
      --infinite-row-odd-disabled-background: #2d2e30;
      --infinite-menu-shadow-color: rgba(255,255,255,0.25);
      --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
    }
    .infinite-theme-name--default:root,
    .infinite-theme-name--default {
      --infinite-header-cell-border-right: var(--infinite-cell-border);
      --infinite-header-cell-border: var(--infinite-cell-border);
      --infinite-filter-editor-background: var(--infinite-row-odd-background);
      --infinite-header-color: #c3c3c3;
      --infinite-header-background: var(--infinite-header-cell-background);
      --infinite-cell-color: #c3c3c3;
      --infinite-flashing-background: var(--infinite-accent-color);
      --infinite-flashing-up-background: var(--infinite-success-color);
      --infinite-flashing-down-background: var(--infinite-error-color);
      --infinite-menu-color: var(--infinite-cell-color);
      --infinite-menu-background: var(--infinite-background);
      --infinite-menu-item-disabled-background: var(--infinite-menu-background);
      --infinite-menu-item-active-background: var(--infinite-row-hover-background);
      --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
      --infinite-load-mask-text-background: var(--infinite-background);
      --infinite-load-mask-color: var(--infinite-cell-color);
      --infinite-row-background: var(--infinite-background);
      --infinite-grouping-toolbar-background: var(--infinite-background);
      --infinite-theme-mode: dark;
      --infinite-icon-size: 24px;
      --infinite-background: #101419;
      --infinite-success-color: #008700;
      --infinite-cell-border: 1px solid #2a323d;
      --infinite-header-cell-background: #1b2129;
      --infinite-header-cell-hover-background: #222932;
      --infinite-row-hover-background: #3b4754;
      --infinite-row-selected-background: #0a2e4f;
      --infinite-row-selected-hover-background: #0b243a;
      --infinite-row-odd-background: #242a31;
      --infinite-row-disabled-background: #292a2c;
      --infinite-row-odd-disabled-background: #2d2e30;
      --infinite-menu-shadow-color: rgba(255,255,255,0.25);
      --infinite-filter-editor-border: var(--infinite-cell-border-width) solid #646464;
    }
  }
}