@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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 */
: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-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-selection-checkbox-margin-inline: var(--infinite-space-2);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-color: var(--infinite-cell-color);
  --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-background: var(--infinite-menu-background);
  --infinite-menu-item-disabled-opacity: 0.5;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --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-text-background: rgba(255,255,255,0.8);
  --infinite-load-mask-overlay-background: gray;
  --infinite-load-mask-overlay-opacity: 0.3;
  --infinite-load-mask-color: inherit;
  --infinite-load-mask-padding: var(--infinite-space-5);
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
  --infinite-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-header-cell-border-right: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-background);
  --infinite-filter-editor-border: var(--infinite-cell-border);
  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --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-header-background: var(--infinite-header-cell-background);
  --infinite-header-color: #6f6f6f;
  --infinite-column-header-height: 30px;
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
  --infinite-cell-color: currentColor;
  --infinite-cell-border-width: 1px;
  --infinite-flashing-overlay-z-index: -1;
  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
  --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-width) solid #2a323d;
  --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-background: var(--infinite-background);
  --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-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-selection-checkbox-margin-inline: var(--infinite-space-2);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-color: var(--infinite-cell-color);
  --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-background: var(--infinite-menu-background);
  --infinite-menu-item-disabled-opacity: 0.5;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --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-text-background: rgba(255,255,255,0.8);
  --infinite-load-mask-overlay-background: gray;
  --infinite-load-mask-overlay-opacity: 0.3;
  --infinite-load-mask-color: inherit;
  --infinite-load-mask-padding: var(--infinite-space-5);
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
  --infinite-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-header-cell-border-right: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-background);
  --infinite-filter-editor-border: var(--infinite-cell-border);
  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --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-header-background: var(--infinite-header-cell-background);
  --infinite-header-color: #6f6f6f;
  --infinite-column-header-height: 30px;
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
  --infinite-cell-color: currentColor;
  --infinite-cell-border-width: 1px;
  --infinite-flashing-overlay-z-index: -1;
  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
  --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-width) solid #2a323d;
  --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-background: var(--infinite-background);
  --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-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-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-selection-checkbox-margin-inline: var(--infinite-space-2);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-color: var(--infinite-cell-color);
  --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-background: var(--infinite-menu-background);
  --infinite-menu-item-disabled-opacity: 0.5;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --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-text-background: rgba(255,255,255,0.8);
  --infinite-load-mask-overlay-background: gray;
  --infinite-load-mask-overlay-opacity: 0.3;
  --infinite-load-mask-color: inherit;
  --infinite-load-mask-padding: var(--infinite-space-5);
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
  --infinite-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-header-cell-border-right: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-background);
  --infinite-filter-editor-border: var(--infinite-cell-border);
  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --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-header-background: var(--infinite-header-cell-background);
  --infinite-header-color: #6f6f6f;
  --infinite-column-header-height: 30px;
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
  --infinite-cell-color: currentColor;
  --infinite-cell-border-width: 1px;
  --infinite-flashing-overlay-z-index: -1;
  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
  --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-width) solid #2a323d;
  --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-background: var(--infinite-background);
  --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-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-selection-checkbox-margin-inline: var(--infinite-space-2);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-color: var(--infinite-cell-color);
  --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-background: var(--infinite-menu-background);
  --infinite-menu-item-disabled-opacity: 0.5;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--infinite-row-hover-background);
  --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-text-background: rgba(255,255,255,0.8);
  --infinite-load-mask-overlay-background: gray;
  --infinite-load-mask-overlay-opacity: 0.3;
  --infinite-load-mask-color: inherit;
  --infinite-load-mask-padding: var(--infinite-space-5);
  --infinite-load-mask-border-radius: var(--infinite-border-radius);
  --infinite-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-header-cell-border-right: var(--infinite-cell-border);
  --infinite-filter-editor-background: var(--infinite-row-background);
  --infinite-filter-editor-border: var(--infinite-cell-border);
  --infinite-filter-editor-focus-border-color: var(--infinite-accent-color);
  --infinite-header-cell-border: var(--infinite-cell-border);
  --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-header-background: var(--infinite-header-cell-background);
  --infinite-header-color: #6f6f6f;
  --infinite-column-header-height: 30px;
  --infinite-active-cell-indicator-inset: var(--infinite-cell-border-width);
  --infinite-cell-color: currentColor;
  --infinite-cell-border-width: 1px;
  --infinite-flashing-overlay-z-index: -1;
  --infinite-horizontal-layout-column-reorder-disabled-page-opacity: 0.3;
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-cell-padding: var(--infinite-space-2) var(--infinite-space-3);
  --infinite-cell-border: var(--infinite-cell-border-width) solid #c6c6c6;
  --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-width) solid #2a323d;
  --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-background: var(--infinite-background);
  --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-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-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-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;
  }
}