/* Generated from Figma Variables. First mode = :root default. FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */ :root { --ag-border-radius-2: 4; --ag-border-radius: 4; --ag-checkbox-border-radius: 2; --ag-foreground-color: rgb(0,0,0); /* @kind color */ --ag-header-background-color: rgb(255,255,255); /* @kind color */ --body-large-font: var(--plain); --body-large-line-height: 24; --body-large-size: 16; --body-large-tracking: 0.5; --body-large-weight: var(--weight-regular); --body-medium-font: var(--plain); --body-medium-line-height: 20; --body-medium-size: 14; --body-medium-tracking: 0.25; --body-medium-weight: var(--weight-regular); --body-small-font: var(--plain); --body-small-line-height: 16; --body-small-size: 12; --body-small-tracking: 0.4; --body-small-weight: var(--weight-regular); --brand: "Roboto"; /* @kind font */ --color-ag-global-asfalto: rgb(88,86,82); /* @kind color */ --color-ag-global-morado: rgb(104,104,110); /* @kind color */ --color-ag-global-platinum: rgb(221,226,235); /* @kind color */ --color-ag-global-rose-madder: rgb(229,57,53); /* @kind color */ --color-ag-global-silversand: rgb(186,191,199); /* @kind color */ --color-ag-global-steam: rgb(221,221,221); /* @kind color */ --comp-ag-active-color: var(--theme-material-comp-ag-active-color); /* @kind color */ --comp-ag-background-color-2: var(--theme-material-comp-ag-background-color-2); /* @kind color */ --comp-ag-background-color: var(--theme-material-comp-ag-background-color); /* @kind color */ --comp-ag-border-color: var(--theme-material-comp-ag-border-color); /* @kind color */ --comp-ag-button-default-background: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --comp-ag-button-default-border: var(--theme-material-comp-ag-button-default-border); /* @kind color */ --comp-ag-button-default-text: var(--theme-material-comp-ag-button-default-text); /* @kind color */ --comp-ag-button-disabled-background-disabled: var(--theme-material-comp-ag-button-disabled-background-disabled); /* @kind color */ --comp-ag-button-disabled-border-disabled: var(--theme-material-comp-ag-button-disabled-border-disabled); /* @kind color */ --comp-ag-button-disabled-text-disabled: var(--theme-material-comp-ag-button-disabled-text-disabled); /* @kind color */ --comp-ag-button-hover-background: var(--theme-material-comp-ag-button-hover-background); /* @kind color */ --comp-ag-button-hover-border: var(--theme-material-comp-ag-button-hover-border); /* @kind color */ --comp-ag-button-hover-text: var(--theme-material-comp-ag-button-hover-text); /* @kind color */ --comp-ag-button-selected-background: var(--theme-material-comp-ag-button-selected-background); /* @kind color */ --comp-ag-button-selected-border: var(--theme-material-comp-ag-button-selected-border); /* @kind color */ --comp-ag-button-selected-text: var(--theme-material-comp-ag-button-selected-text); /* @kind color */ --comp-ag-checkbox-checked-color: var(--theme-material-comp-ag-checkbox-checked-color); /* @kind color */ --comp-ag-chip-background-color: rgba(255,255,255,0.07); /* @kind color */ --comp-ag-chip-border-color: var(--theme-material-comp-ag-chip-border-color); /* @kind color */ --comp-ag-control-active-background: var(--theme-material-comp-ag-control-active-background); /* @kind color */ --comp-ag-control-background: var(--theme-material-comp-ag-control-background); /* @kind color */ --comp-ag-control-inactive-background: var(--theme-material-comp-ag-control-inactive-background); /* @kind color */ --comp-ag-control-panel-background-color: var(--theme-material-comp-ag-control-panel-background-color); /* @kind color */ --comp-ag-data-color: var(--theme-material-comp-ag-data-color); /* @kind color */ --comp-ag-filter-input-background: var(--theme-material-comp-ag-background-color); /* @kind color */ --comp-ag-filter-input-border-error: var(--theme-material-comp-ag-input-border-color-invalid); /* @kind color */ --comp-ag-filter-input-border: var(--theme-material-comp-ag-input-border-color); /* @kind color */ --comp-ag-filter-input-text-disabled: var(--theme-material-comp-ag-disabled-foreground-color); /* @kind color */ --comp-ag-foreground-color-2: var(--theme-material-comp-ag-foreground-color-2); /* @kind color */ --comp-ag-foreground-color: var(--theme-material-comp-ag-foreground-color); /* @kind color */ --comp-ag-gridcell-input-background-disabled: var(--theme-material-comp-ag-gridcell-input-background-disabled); /* @kind color */ --comp-ag-gridcell-input-background: var(--theme-material-comp-ag-gridcell-input-background); /* @kind color */ --comp-ag-gridcell-input-border-error: var(--theme-material-comp-ag-gridcell-input-border-error); /* @kind color */ --comp-ag-gridcell-input-border-focus: var(--theme-material-comp-ag-gridcell-input-border-focus); /* @kind color */ --comp-ag-gridcell-input-border: var(--theme-material-comp-ag-gridcell-input-border); /* @kind color */ --comp-ag-gridcell-input-text: var(--theme-material-comp-ag-gridcell-input-text); /* @kind color */ --comp-ag-header-background-color: var(--theme-material-comp-ag-header-background-color); /* @kind color */ --comp-ag-header-cell-hover-background-color: var(--theme-material-comp-ag-header-cell-hover-background-color); /* @kind color */ --comp-ag-icon-default-2: var(--theme-material-comp-ag-icon-default-2); /* @kind color */ --comp-ag-icon-default: var(--theme-material-comp-ag-icon-default); /* @kind color */ --comp-ag-input-focus-border-color: var(--theme-material-comp-ag-input-focus-border-color); /* @kind color */ --comp-ag-odd-row-background-color: var(--theme-material-comp-ag-odd-row-background-color); /* @kind color */ --comp-ag-range-selection-background-color-2: var(--theme-material-comp-ag-range-selection-background-color-2); /* @kind color */ --comp-ag-range-selection-background-color: var(--theme-material-comp-ag-range-selection-background-color); /* @kind color */ --comp-ag-row-hover-color: var(--theme-material-comp-ag-row-hover-color); /* @kind color */ --comp-ag-scrollbar-slug-default: var(--theme-material-comp-ag-scrollbar-slug-default); /* @kind color */ --comp-ag-secondary-border-color: var(--theme-material-comp-ag-secondary-border-color); /* @kind color */ --comp-ag-selected-row-background-color: var(--theme-material-comp-ag-selected-row-background-color); /* @kind color */ --comp-ag-selected-tab-underline-color: var(--theme-material-comp-ag-selected-tab-underline-color); /* @kind color */ --comp-ag-side-button-panel-background-color: var(--theme-quartz-comp-ag-side-button-panel-background-color); /* @kind color */ --comp-ag-side-button-selected-background-color: var(--theme-material-comp-ag-side-button-selected-background-color); /* @kind color */ --comp-ag-side-buttons-background-color: var(--theme-material-comp-ag-side-buttons-background-color); /* @kind color */ --comp-ag-subheader-background-color: var(--theme-material-comp-ag-subheader-background-color); /* @kind color */ --comp-ag-subheader-toolbar-background-color: var(--theme-material-comp-ag-subheader-toolbar-background-color); /* @kind color */ --comp-ag-tab-border-default: var(--theme-material-comp-ag-subheader-toolbar-background-color); /* @kind color */ --comp-ag-toggle-active-background: var(--theme-material-comp-ag-toggle-active-background); /* @kind color */ --comp-ag-toggle-control: 28; /* @kind spacing */ --comp-ag-toggle-foreground: var(--theme-material-comp-ag-toggle-foreground); /* @kind color */ --comp-ag-toggle-inactive-background: var(--theme-material-comp-ag-toggle-inactive-background); /* @kind color */ --comp-ag-toggle-padding: 2; --comp-ag-value-change-delta-down-color-2: var(--theme-material-comp-ag-value-change-delta-down-color-2); /* @kind color */ --comp-ag-value-change-delta-down-color: var(--theme-material-comp-ag-value-change-delta-down-color); /* @kind color */ --comp-ag-value-change-delta-up-color-2: var(--theme-material-comp-ag-value-change-delta-up-color-2); /* @kind color */ --comp-ag-value-change-delta-up-color: var(--theme-material-comp-ag-value-change-delta-up-color); /* @kind color */ --corner-extra-large: 28; --corner-extra-small: 4; --corner-full: 1000; --corner-large: 16; --corner-medium: 12; --corner-none: 0; --corner-small: 8; --display-large-font: var(--brand); --display-large-line-height: 64; --display-large-size: 57; --display-large-tracking: -0.25; --display-large-weight: var(--weight-regular); --display-medium-font: var(--brand); --display-medium-line-height: 52; --display-medium-size: 45; --display-medium-tracking: 0; --display-medium-weight: var(--weight-regular); --display-small-font: var(--brand); --display-small-line-height: 44; --display-small-size: 36; --display-small-tracking: 0; --display-small-weight: var(--weight-regular); --doc-color-admin-doc-link: rgb(19,118,174); /* @kind color */ --extended-colors-amber-container-lighter: rgb(243,239,205); /* @kind color */ --extended-colors-amber-container: rgb(240,229,139); /* @kind color */ --extended-colors-amber: rgb(103,96,19); /* @kind color */ --extended-colors-blue-container-lighter: rgb(226,240,249); /* @kind color */ --extended-colors-blue-container: rgb(196,231,255); /* @kind color */ --extended-colors-blue: rgb(29,101,134); /* @kind color */ --extended-colors-green-container-lighter: rgb(217,244,228); /* @kind color */ --extended-colors-green-container: rgb(172,242,201); /* @kind color */ --extended-colors-green: rgb(37,106,74); /* @kind color */ --extended-colors-light-green-container-lighter: rgb(223,243,221); /* @kind color */ --extended-colors-light-green-container: rgb(187,240,182); /* @kind color */ --extended-colors-light-green: rgb(58,105,59); /* @kind color */ --extended-colors-on-amber-container-lighter: var(--extended-colors-on-amber-container); /* @kind color */ --extended-colors-on-amber-container: rgb(31,28,0); /* @kind color */ --extended-colors-on-amber: rgb(255,255,255); /* @kind color */ --extended-colors-on-blue-container-lighter: var(--extended-colors-on-blue-container); /* @kind color */ --extended-colors-on-blue-container: rgb(0,76,105); /* @kind color */ --extended-colors-on-blue: rgb(255,255,255); /* @kind color */ --extended-colors-on-green-container-lighter: var(--extended-colors-on-green-container); /* @kind color */ --extended-colors-on-green-container: rgb(0,33,18); /* @kind color */ --extended-colors-on-green: rgb(255,255,255); /* @kind color */ --extended-colors-on-light-green-container-lighter: var(--extended-colors-on-light-green-container); /* @kind color */ --extended-colors-on-light-green-container: rgb(0,33,5); /* @kind color */ --extended-colors-on-light-green: rgb(255,255,255); /* @kind color */ --extended-colors-on-orange-container-lighter: var(--extended-colors-on-orange-container); /* @kind color */ --extended-colors-on-orange-container: rgb(38,25,0); /* @kind color */ --extended-colors-on-orange: rgb(255,255,255); /* @kind color */ --extended-colors-on-red-container-lighter: var(--extended-colors-on-red-container); /* @kind color */ --extended-colors-on-red-container: rgb(58,7,23); /* @kind color */ --extended-colors-on-red: rgb(255,255,255); /* @kind color */ --extended-colors-orange-container-lighter: rgb(249,236,213); /* @kind color */ --extended-colors-orange-container: rgb(255,222,162); /* @kind color */ --extended-colors-orange: rgb(121,89,12); /* @kind color */ --extended-colors-red-container-lighter: rgb(249,234,236); /* @kind color */ --extended-colors-red-container: rgb(255,217,222); /* @kind color */ --extended-colors-red: rgb(142,73,88); /* @kind color */ --headline-large-font: var(--brand); --headline-large-line-height: 40; --headline-large-size: 32; --headline-large-tracking: 0; --headline-large-weight: var(--weight-regular); --headline-medium-font: var(--brand); --headline-medium-line-height: 36; --headline-medium-size: 28; --headline-medium-tracking: 0; --headline-medium-weight: var(--weight-regular); --headline-small-font: var(--brand); --headline-small-line-height: 32; --headline-small-size: 24; --headline-small-tracking: 0; --headline-small-weight: var(--weight-regular); --label-large-font: var(--plain); --label-large-line-height: 20; --label-large-size: 14; --label-large-tracking: 0.1; --label-large-weight-prominent: var(--weight-bold); --label-large-weight: var(--weight-medium); --label-medium-font: var(--plain); --label-medium-line-height: 16; --label-medium-size: 12; --label-medium-tracking: 0.5; --label-medium-weight-prominent: var(--weight-bold); --label-medium-weight: var(--weight-medium); --label-small-font: var(--plain); --label-small-line-height: 16; --label-small-size: 11; --label-small-tracking: 0.5; --label-small-weight: var(--weight-medium); --large-space-1000-2: 40; --large-space-1000: 40; --large-space-1100-2: 44; --large-space-1100: 44; --large-space-1200-2: 48; --large-space-1200: 48; --large-space-1400-2: 56; --large-space-1400: 56; --large-space-1600-2: 64; --large-space-1600: 64; --medium-space-400-2: 16; --medium-space-400: 16; --medium-space-500-2: 20; --medium-space-500: 20; --medium-space-600-2: 24; --medium-space-600: 24; --medium-space-800-2: 32; --medium-space-800: 32; --medium-space-900-2: 36; --medium-space-900: 36; --mono-medium-font: var(--mono); --mono-medium-line-height: 20; --mono-medium-size: 14; --mono-medium-tracking: 0.25; --mono-medium-weight: var(--weight-regular); --mono: "Roboto Mono"; /* @kind font */ --palettes-error-0: rgb(0,0,0); /* @kind color */ --palettes-error-100: rgb(255,255,255); /* @kind color */ --palettes-error-10: rgb(65,0,2); /* @kind color */ --palettes-error-15: rgb(84,0,3); /* @kind color */ --palettes-error-20: rgb(105,0,5); /* @kind color */ --palettes-error-25: rgb(126,1,6); /* @kind color */ --palettes-error-30: rgb(147,0,9); /* @kind color */ --palettes-error-35: rgb(168,7,16); /* @kind color */ --palettes-error-40: rgb(186,26,26); /* @kind color */ --palettes-error-50: rgb(222,55,48); /* @kind color */ --palettes-error-5: rgb(46,0,1); /* @kind color */ --palettes-error-60: rgb(255,84,73); /* @kind color */ --palettes-error-70: rgb(255,137,125); /* @kind color */ --palettes-error-80: rgb(255,180,171); /* @kind color */ --palettes-error-90: rgb(255,218,214); /* @kind color */ --palettes-error-95: rgb(255,237,234); /* @kind color */ --palettes-error-98: rgb(255,248,247); /* @kind color */ --palettes-error-99: rgb(255,251,255); /* @kind color */ --palettes-neutral-0: rgb(0,0,0); /* @kind color */ --palettes-neutral-100: rgb(255,255,255); /* @kind color */ --palettes-neutral-10: rgb(23,29,30); /* @kind color */ --palettes-neutral-15: rgb(33,39,40); /* @kind color */ --palettes-neutral-20: rgb(43,49,50); /* @kind color */ --palettes-neutral-25: rgb(54,60,62); /* @kind color */ --palettes-neutral-30: rgb(66,72,73); /* @kind color */ --palettes-neutral-35: rgb(77,83,85); /* @kind color */ --palettes-neutral-40: rgb(89,95,96); /* @kind color */ --palettes-neutral-50: rgb(114,120,121); /* @kind color */ --palettes-neutral-5: rgb(12,18,19); /* @kind color */ --palettes-neutral-60: rgb(140,146,147); /* @kind color */ --palettes-neutral-70: rgb(166,172,173); /* @kind color */ --palettes-neutral-80: rgb(194,200,200); /* @kind color */ --palettes-neutral-90: rgb(222,227,228); /* @kind color */ --palettes-neutral-95: rgb(236,242,243); /* @kind color */ --palettes-neutral-98: rgb(245,250,251); /* @kind color */ --palettes-neutral-99: rgb(248,253,254); /* @kind color */ --palettes-neutral-variant-0: rgb(0,0,0); /* @kind color */ --palettes-neutral-variant-100: rgb(255,255,255); /* @kind color */ --palettes-neutral-variant-10: rgb(20,29,31); /* @kind color */ --palettes-neutral-variant-15: rgb(30,39,41); /* @kind color */ --palettes-neutral-variant-20: rgb(41,50,51); /* @kind color */ --palettes-neutral-variant-25: rgb(52,61,63); /* @kind color */ --palettes-neutral-variant-30: rgb(63,72,74); /* @kind color */ --palettes-neutral-variant-35: rgb(75,84,86); /* @kind color */ --palettes-neutral-variant-40: rgb(87,96,98); /* @kind color */ --palettes-neutral-variant-50: rgb(111,121,122); /* @kind color */ --palettes-neutral-variant-5: rgb(9,18,20); /* @kind color */ --palettes-neutral-variant-60: rgb(137,146,148); /* @kind color */ --palettes-neutral-variant-70: rgb(163,173,175); /* @kind color */ --palettes-neutral-variant-80: rgb(191,200,202); /* @kind color */ --palettes-neutral-variant-90: rgb(219,228,230); /* @kind color */ --palettes-neutral-variant-95: rgb(233,242,244); /* @kind color */ --palettes-neutral-variant-98: rgb(241,251,253); /* @kind color */ --palettes-neutral-variant-99: rgb(246,254,255); /* @kind color */ --palettes-primary-0: rgb(0,0,0); /* @kind color */ --palettes-primary-100: rgb(255,255,255); /* @kind color */ --palettes-primary-10: rgb(0,31,35); /* @kind color */ --palettes-primary-15: rgb(0,43,48); /* @kind color */ --palettes-primary-20: rgb(0,54,60); /* @kind color */ --palettes-primary-25: rgb(0,66,73); /* @kind color */ --palettes-primary-30: rgb(0,79,87); /* @kind color */ --palettes-primary-35: rgb(0,91,101); /* @kind color */ --palettes-primary-40: rgb(0,105,115); /* @kind color */ --palettes-primary-50: rgb(41,130,142); /* @kind color */ --palettes-primary-5: rgb(0,20,23); /* @kind color */ --palettes-primary-60: rgb(72,156,168); /* @kind color */ --palettes-primary-70: rgb(101,183,195); /* @kind color */ --palettes-primary-80: rgb(129,211,223); /* @kind color */ --palettes-primary-90: rgb(159,240,252); /* @kind color */ --palettes-primary-95: rgb(207,248,255); /* @kind color */ --palettes-primary-98: rgb(236,252,255); /* @kind color */ --palettes-primary-99: rgb(246,254,255); /* @kind color */ --palettes-secondary-0: rgb(0,0,0); /* @kind color */ --palettes-secondary-100: rgb(245,250,251); /* @kind color */ --palettes-secondary-10: rgb(0,32,28); /* @kind color */ --palettes-secondary-15: rgb(0,44,38); /* @kind color */ --palettes-secondary-20: rgb(0,55,49); /* @kind color */ --palettes-secondary-25: rgb(0,68,60); /* @kind color */ --palettes-secondary-30: rgb(0,80,72); /* @kind color */ --palettes-secondary-35: rgb(0,93,83); /* @kind color */ --palettes-secondary-40: rgb(0,107,95); /* @kind color */ --palettes-secondary-50: rgb(43,132,120); /* @kind color */ --palettes-secondary-5: rgb(0,20,17); /* @kind color */ --palettes-secondary-60: rgb(74,158,146); /* @kind color */ --palettes-secondary-70: rgb(102,186,172); /* @kind color */ --palettes-secondary-80: rgb(131,213,199); /* @kind color */ --palettes-secondary-90: rgb(158,242,227); /* @kind color */ --palettes-secondary-95: rgb(180,255,241); /* @kind color */ --palettes-secondary-98: rgb(229,255,249); /* @kind color */ --palettes-secondary-99: rgb(242,255,251); /* @kind color */ --palettes-tertiary-0: rgb(0,0,0); /* @kind color */ --palettes-tertiary-100: rgb(255,255,255); /* @kind color */ --palettes-tertiary-10: rgb(37,26,0); /* @kind color */ --palettes-tertiary-15: rgb(50,36,0); /* @kind color */ --palettes-tertiary-20: rgb(63,46,0); /* @kind color */ --palettes-tertiary-25: rgb(76,56,0); /* @kind color */ --palettes-tertiary-30: rgb(90,67,0); /* @kind color */ --palettes-tertiary-35: rgb(104,79,0); /* @kind color */ --palettes-tertiary-40: rgb(118,90,12); /* @kind color */ --palettes-tertiary-50: rgb(146,115,37); /* @kind color */ --palettes-tertiary-5: rgb(24,16,0); /* @kind color */ --palettes-tertiary-60: rgb(173,141,61); /* @kind color */ --palettes-tertiary-70: rgb(202,167,84); /* @kind color */ --palettes-tertiary-80: rgb(231,194,108); /* @kind color */ --palettes-tertiary-90: rgb(255,223,153); /* @kind color */ --palettes-tertiary-95: rgb(255,239,210); /* @kind color */ --palettes-tertiary-98: rgb(255,248,242); /* @kind color */ --palettes-tertiary-99: rgb(255,251,255); /* @kind color */ --plain: "Roboto"; /* @kind font */ --schemes-background: rgb(245,250,251); /* @kind color */ --schemes-error-container: rgb(255,218,214); /* @kind color */ --schemes-error: rgb(186,26,26); /* @kind color */ --schemes-inverse-on-surface: rgb(236,242,243); /* @kind color */ --schemes-inverse-primary: rgb(129,211,223); /* @kind color */ --schemes-inverse-surface: rgb(43,49,50); /* @kind color */ --schemes-on-background: rgb(23,29,30); /* @kind color */ --schemes-on-error-container: rgb(65,0,2); /* @kind color */ --schemes-on-error: rgb(255,255,255); /* @kind color */ --schemes-on-primary-container: rgb(0,31,35); /* @kind color */ --schemes-on-primary-fixed-variant: rgb(0,79,87); /* @kind color */ --schemes-on-primary-fixed: rgb(0,31,35); /* @kind color */ --schemes-on-primary: rgb(255,255,255); /* @kind color */ --schemes-on-secondary-container: rgb(0,32,28); /* @kind color */ --schemes-on-secondary-fixed-variant: rgb(0,80,72); /* @kind color */ --schemes-on-secondary-fixed: rgb(0,32,28); /* @kind color */ --schemes-on-secondary: rgb(255,255,255); /* @kind color */ --schemes-on-surface-variant-2: rgb(63,72,74); /* @kind color */ --schemes-on-surface-variant: rgb(63,72,74); /* @kind color */ --schemes-on-surface: rgb(23,29,30); /* @kind color */ --schemes-on-tertiary-container: rgb(37,26,0); /* @kind color */ --schemes-on-tertiary-fixed-variant: rgb(90,67,0); /* @kind color */ --schemes-on-tertiary-fixed: rgb(37,26,0); /* @kind color */ --schemes-on-tertiary: rgb(255,255,255); /* @kind color */ --schemes-outline-variant-2: rgb(195,198,207); /* @kind color */ --schemes-outline-variant-3: rgb(191,200,202); /* @kind color */ --schemes-outline-variant: rgb(191,200,202); /* @kind color */ --schemes-outline: rgb(111,121,122); /* @kind color */ --schemes-primary-2: rgb(0,105,115); /* @kind color */ --schemes-primary-3: rgb(0,105,115); /* @kind color */ --schemes-primary-container: rgb(158,240,252); /* @kind color */ --schemes-primary-fixed-dim: rgb(129,211,223); /* @kind color */ --schemes-primary-fixed: rgb(158,240,252); /* @kind color */ --schemes-primary: rgb(0,105,115); /* @kind color */ --schemes-scrim: rgb(0,0,0); /* @kind color */ --schemes-secondary-container: rgb(158,242,227); /* @kind color */ --schemes-secondary-fixed-dim: rgb(130,213,199); /* @kind color */ --schemes-secondary-fixed: rgb(158,242,227); /* @kind color */ --schemes-secondary: rgb(0,107,95); /* @kind color */ --schemes-shadow: rgb(0,0,0); /* @kind color */ --schemes-surface-bright: rgb(245,250,251); /* @kind color */ --schemes-surface-container-high: rgb(227,233,234); /* @kind color */ --schemes-surface-container-highest: rgb(222,227,228); /* @kind color */ --schemes-surface-container-low: rgb(239,245,246); /* @kind color */ --schemes-surface-container-lowest-2: rgb(255,255,255); /* @kind color */ --schemes-surface-container-lowest: rgb(255,255,255); /* @kind color */ --schemes-surface-container: rgb(233,239,240); /* @kind color */ --schemes-surface-dim: rgb(213,219,220); /* @kind color */ --schemes-surface-tint: rgb(0,105,115); /* @kind color */ --schemes-surface-variant: rgb(219,228,230); /* @kind color */ --schemes-surface: rgb(245,250,251); /* @kind color */ --schemes-tertiary-container: rgb(255,223,153); /* @kind color */ --schemes-tertiary-fixed-dim: rgb(231,194,108); /* @kind color */ --schemes-tertiary-fixed: rgb(255,223,153); /* @kind color */ --schemes-tertiary: rgb(118,90,11); /* @kind color */ --size-ag-grid-size: 6; --size-ag-header-height: 48; --size-ag-icon-size: 16; --size-ag-input-cell-height: 36; --size-ag-input-filter-height: 32; --size-ag-list-item-height: 24; --size-ag-row-height-2: 42; --size-ag-row-height: 42; --small-space-100-2: 4; --small-space-100: 4; --small-space-200-2: 8; --small-space-200: 8; --small-space-250-2: 10; --small-space-250: 12; --small-space-300: 12; --small-space-50-2: 2; --small-space-50: 2; --space-ag-cell-horizontal-padding: 12; --space-ag-cell-widget-spacing: 9; --space-ag-grid-size-2: 8; --space-ag-grid-size: 8; --space-ag-widget-container-horizontal-padding: 9; --space-ag-widget-vertical-spacing: 6; --state-layers-background-opacity-08: rgba(254,247,255,0.08); /* @kind color */ --state-layers-background-opacity-12: rgba(254,247,255,0.12); /* @kind color */ --state-layers-background-opacity-16: rgba(254,247,255,0.16); /* @kind color */ --state-layers-error-container-opacity-08: rgba(249,222,220,0.08); /* @kind color */ --state-layers-error-container-opacity-12: rgba(249,222,220,0.12); /* @kind color */ --state-layers-error-container-opacity-16: rgba(249,222,220,0.16); /* @kind color */ --state-layers-error-opacity-08: rgba(179,38,30,0.08); /* @kind color */ --state-layers-error-opacity-12: rgba(179,38,30,0.12); /* @kind color */ --state-layers-error-opacity-16: rgba(179,38,30,0.16); /* @kind color */ --state-layers-inverse-on-surface-opacity-08: rgba(245,239,247,0.08); /* @kind color */ --state-layers-inverse-on-surface-opacity-12: rgba(245,239,247,0.12); /* @kind color */ --state-layers-inverse-on-surface-opacity-16: rgba(245,239,247,0.16); /* @kind color */ --state-layers-inverse-primary-opacity-08: rgba(208,188,255,0.08); /* @kind color */ --state-layers-inverse-primary-opacity-12: rgba(208,188,255,0.12); /* @kind color */ --state-layers-inverse-primary-opacity-16: rgba(208,188,255,0.16); /* @kind color */ --state-layers-inverse-surface-opacity-08: rgba(50,47,53,0.08); /* @kind color */ --state-layers-inverse-surface-opacity-12: rgba(50,47,53,0.12); /* @kind color */ --state-layers-inverse-surface-opacity-16: rgba(50,47,53,0.16); /* @kind color */ --state-layers-on-background-opacity-08: rgba(29,27,32,0.08); /* @kind color */ --state-layers-on-background-opacity-12: rgba(29,27,32,0.12); /* @kind color */ --state-layers-on-background-opacity-16: rgba(29,27,32,0.16); /* @kind color */ --state-layers-on-error-container-opacity-08: rgba(65,14,11,0.08); /* @kind color */ --state-layers-on-error-container-opacity-12: rgba(65,14,11,0.12); /* @kind color */ --state-layers-on-error-container-opacity-16: rgba(65,14,11,0.16); /* @kind color */ --state-layers-on-error-opacity-08: rgba(255,255,255,0.08); /* @kind color */ --state-layers-on-error-opacity-12: rgba(255,255,255,0.12); /* @kind color */ --state-layers-on-error-opacity-16: rgba(255,255,255,0.16); /* @kind color */ --state-layers-on-primary-container-opacity-08: rgba(33,0,93,0.08); /* @kind color */ --state-layers-on-primary-container-opacity-12: rgba(33,0,93,0.12); /* @kind color */ --state-layers-on-primary-container-opacity-16: rgba(33,0,93,0.16); /* @kind color */ --state-layers-on-primary-fixed-opacity-08: rgba(33,0,93,0.08); /* @kind color */ --state-layers-on-primary-fixed-opacity-12: rgba(33,0,93,0.12); /* @kind color */ --state-layers-on-primary-fixed-opacity-16: rgba(33,0,93,0.16); /* @kind color */ --state-layers-on-primary-fixed-variant-opacity-08: rgba(79,55,139,0.08); /* @kind color */ --state-layers-on-primary-fixed-variant-opacity-12: rgba(79,55,139,0.12); /* @kind color */ --state-layers-on-primary-fixed-variant-opacity-16: rgba(79,55,139,0.16); /* @kind color */ --state-layers-on-primary-opacity-08: rgba(255,255,255,0.08); /* @kind color */ --state-layers-on-primary-opacity-12: rgba(255,255,255,0.12); /* @kind color */ --state-layers-on-primary-opacity-16: rgba(255,255,255,0.16); /* @kind color */ --state-layers-on-secondary-container-opacity-08: rgba(29,25,43,0.08); /* @kind color */ --state-layers-on-secondary-container-opacity-12: rgba(29,25,43,0.12); /* @kind color */ --state-layers-on-secondary-container-opacity-16: rgba(29,25,43,0.16); /* @kind color */ --state-layers-on-secondary-fixed-opacity-08: rgba(29,25,43,0.08); /* @kind color */ --state-layers-on-secondary-fixed-opacity-12: rgba(29,25,43,0.12); /* @kind color */ --state-layers-on-secondary-fixed-opacity-16: rgba(29,25,43,0.16); /* @kind color */ --state-layers-on-secondary-fixed-variant-opacity-08: rgba(74,68,88,0.08); /* @kind color */ --state-layers-on-secondary-fixed-variant-opacity-12: rgba(74,68,88,0.12); /* @kind color */ --state-layers-on-secondary-fixed-variant-opacity-16: rgba(74,68,88,0.16); /* @kind color */ --state-layers-on-secondary-opacity-08: rgba(255,255,255,0.08); /* @kind color */ --state-layers-on-secondary-opacity-12: rgba(255,255,255,0.12); /* @kind color */ --state-layers-on-secondary-opacity-16: rgba(255,255,255,0.16); /* @kind color */ --state-layers-on-surface-opacity-08: rgba(29,27,32,0.08); /* @kind color */ --state-layers-on-surface-opacity-12: rgba(29,27,32,0.12); /* @kind color */ --state-layers-on-surface-opacity-16: rgba(29,27,32,0.16); /* @kind color */ --state-layers-on-surface-variant-opacity-08: rgba(73,69,79,0.08); /* @kind color */ --state-layers-on-surface-variant-opacity-12: rgba(73,69,79,0.12); /* @kind color */ --state-layers-on-surface-variant-opacity-16: rgba(73,69,79,0.16); /* @kind color */ --state-layers-on-tertiary-container-opacity-08: rgba(49,17,29,0.08); /* @kind color */ --state-layers-on-tertiary-container-opacity-12: rgba(49,17,29,0.12); /* @kind color */ --state-layers-on-tertiary-container-opacity-16: rgba(49,17,29,0.16); /* @kind color */ --state-layers-on-tertiary-fixed-opacity-08: rgba(49,17,29,0.08); /* @kind color */ --state-layers-on-tertiary-fixed-opacity-12: rgba(49,17,29,0.12); /* @kind color */ --state-layers-on-tertiary-fixed-opacity-16: rgba(49,17,29,0.16); /* @kind color */ --state-layers-on-tertiary-fixed-variant-opacity-08: rgba(99,59,72,0.08); /* @kind color */ --state-layers-on-tertiary-fixed-variant-opacity-12: rgba(99,59,72,0.12); /* @kind color */ --state-layers-on-tertiary-fixed-variant-opacity-16: rgba(99,59,72,0.16); /* @kind color */ --state-layers-on-tertiary-opacity-08: rgba(255,255,255,0.08); /* @kind color */ --state-layers-on-tertiary-opacity-12: rgba(255,255,255,0.12); /* @kind color */ --state-layers-on-tertiary-opacity-16: rgba(255,255,255,0.16); /* @kind color */ --state-layers-outline-opacity-08: rgba(121,116,126,0.08); /* @kind color */ --state-layers-outline-opacity-12: rgba(121,116,126,0.12); /* @kind color */ --state-layers-outline-opacity-16: rgba(121,116,126,0.16); /* @kind color */ --state-layers-outline-variant-opacity-08: rgba(202,196,208,0.08); /* @kind color */ --state-layers-outline-variant-opacity-12: rgba(202,196,208,0.12); /* @kind color */ --state-layers-outline-variant-opacity-16: rgba(202,196,208,0.16); /* @kind color */ --state-layers-primary-container-opacity-08: rgba(234,221,255,0.08); /* @kind color */ --state-layers-primary-container-opacity-12: rgba(234,221,255,0.12); /* @kind color */ --state-layers-primary-container-opacity-16: rgba(234,221,255,0.16); /* @kind color */ --state-layers-primary-fixed-dim-opacity-08: rgba(208,188,255,0.08); /* @kind color */ --state-layers-primary-fixed-dim-opacity-12: rgba(208,188,255,0.12); /* @kind color */ --state-layers-primary-fixed-dim-opacity-16: rgba(208,188,255,0.16); /* @kind color */ --state-layers-primary-fixed-opacity-08: rgba(234,221,255,0.08); /* @kind color */ --state-layers-primary-fixed-opacity-12: rgba(234,221,255,0.12); /* @kind color */ --state-layers-primary-fixed-opacity-16: rgba(234,221,255,0.16); /* @kind color */ --state-layers-primary-opacity-08: rgba(101,85,143,0.08); /* @kind color */ --state-layers-primary-opacity-12: rgba(101,85,143,0.12); /* @kind color */ --state-layers-primary-opacity-16: rgba(101,85,143,0.16); /* @kind color */ --state-layers-scrim-opacity-08: rgba(0,0,0,0.08); /* @kind color */ --state-layers-scrim-opacity-12: rgba(0,0,0,0.12); /* @kind color */ --state-layers-scrim-opacity-16: rgba(0,0,0,0.16); /* @kind color */ --state-layers-secondary-container-opacity-08: rgba(232,222,248,0.08); /* @kind color */ --state-layers-secondary-container-opacity-12: rgba(232,222,248,0.12); /* @kind color */ --state-layers-secondary-container-opacity-16: rgba(232,222,248,0.16); /* @kind color */ --state-layers-secondary-fixed-dim-opacity-08: rgba(204,194,220,0.08); /* @kind color */ --state-layers-secondary-fixed-dim-opacity-12: rgba(204,194,220,0.12); /* @kind color */ --state-layers-secondary-fixed-dim-opacity-16: rgba(204,194,220,0.16); /* @kind color */ --state-layers-secondary-fixed-opacity-08: rgba(232,222,248,0.08); /* @kind color */ --state-layers-secondary-fixed-opacity-12: rgba(232,222,248,0.12); /* @kind color */ --state-layers-secondary-fixed-opacity-16: rgba(232,222,248,0.16); /* @kind color */ --state-layers-secondary-opacity-08: rgba(98,91,113,0.08); /* @kind color */ --state-layers-secondary-opacity-12: rgba(98,91,113,0.12); /* @kind color */ --state-layers-secondary-opacity-16: rgba(98,91,113,0.16); /* @kind color */ --state-layers-shadow-opacity-08: rgba(0,0,0,0.08); /* @kind color */ --state-layers-shadow-opacity-12: rgba(0,0,0,0.12); /* @kind color */ --state-layers-shadow-opacity-16: rgba(0,0,0,0.16); /* @kind color */ --state-layers-surface-bright-opacity-08: rgba(254,247,255,0.08); /* @kind color */ --state-layers-surface-bright-opacity-12: rgba(254,247,255,0.12); /* @kind color */ --state-layers-surface-bright-opacity-16: rgba(254,247,255,0.16); /* @kind color */ --state-layers-surface-container-high-opacity-08: rgba(236,230,240,0.08); /* @kind color */ --state-layers-surface-container-high-opacity-12: rgba(236,230,240,0.12); /* @kind color */ --state-layers-surface-container-high-opacity-16: rgba(236,230,240,0.16); /* @kind color */ --state-layers-surface-container-highest-opacity-08: rgba(230,224,233,0.08); /* @kind color */ --state-layers-surface-container-highest-opacity-12: rgba(230,224,233,0.12); /* @kind color */ --state-layers-surface-container-highest-opacity-16: rgba(230,224,233,0.16); /* @kind color */ --state-layers-surface-container-low-opacity-08: rgba(247,242,250,0.08); /* @kind color */ --state-layers-surface-container-low-opacity-12: rgba(247,242,250,0.12); /* @kind color */ --state-layers-surface-container-low-opacity-16: rgba(247,242,250,0.16); /* @kind color */ --state-layers-surface-container-lowest-opacity-08: rgba(255,255,255,0.08); /* @kind color */ --state-layers-surface-container-lowest-opacity-12: rgba(255,255,255,0.12); /* @kind color */ --state-layers-surface-container-lowest-opacity-16: rgba(255,255,255,0.16); /* @kind color */ --state-layers-surface-container-opacity-08: rgba(243,237,247,0.08); /* @kind color */ --state-layers-surface-container-opacity-12: rgba(243,237,247,0.12); /* @kind color */ --state-layers-surface-container-opacity-16: rgba(243,237,247,0.16); /* @kind color */ --state-layers-surface-dim-opacity-08: rgba(222,216,225,0.08); /* @kind color */ --state-layers-surface-dim-opacity-12: rgba(222,216,225,0.12); /* @kind color */ --state-layers-surface-dim-opacity-16: rgba(222,216,225,0.16); /* @kind color */ --state-layers-surface-opacity-08: rgba(254,247,255,0.08); /* @kind color */ --state-layers-surface-opacity-12: rgba(254,247,255,0.12); /* @kind color */ --state-layers-surface-opacity-16: rgba(254,247,255,0.16); /* @kind color */ --state-layers-surface-tint-opacity-08: rgba(103,80,164,0.08); /* @kind color */ --state-layers-surface-tint-opacity-12: rgba(103,80,164,0.12); /* @kind color */ --state-layers-surface-tint-opacity-16: rgba(103,80,164,0.16); /* @kind color */ --state-layers-surface-variant-opacity-08: rgba(231,224,236,0.08); /* @kind color */ --state-layers-surface-variant-opacity-12: rgba(231,224,236,0.12); /* @kind color */ --state-layers-surface-variant-opacity-16: rgba(231,224,236,0.16); /* @kind color */ --state-layers-tertiary-container-opacity-08: rgba(255,216,228,0.08); /* @kind color */ --state-layers-tertiary-container-opacity-12: rgba(255,216,228,0.12); /* @kind color */ --state-layers-tertiary-container-opacity-16: rgba(255,216,228,0.16); /* @kind color */ --state-layers-tertiary-fixed-dim-opacity-08: rgba(239,184,200,0.08); /* @kind color */ --state-layers-tertiary-fixed-dim-opacity-12: rgba(239,184,200,0.12); /* @kind color */ --state-layers-tertiary-fixed-dim-opacity-16: rgba(239,184,200,0.16); /* @kind color */ --state-layers-tertiary-fixed-opacity-08: rgba(255,216,228,0.08); /* @kind color */ --state-layers-tertiary-fixed-opacity-12: rgba(255,216,228,0.12); /* @kind color */ --state-layers-tertiary-fixed-opacity-16: rgba(255,216,228,0.16); /* @kind color */ --state-layers-tertiary-opacity-08: rgba(125,82,96,0.08); /* @kind color */ --state-layers-tertiary-opacity-12: rgba(125,82,96,0.12); /* @kind color */ --state-layers-tertiary-opacity-16: rgba(125,82,96,0.16); /* @kind color */ --static-white: rgb(255,255,255); /* @kind color */ --surfaces-surface-tint-11: rgba(0,105,115,0.11); /* @kind color */ --surfaces-surface-tint-12: rgba(0,105,115,0.12); /* @kind color */ --surfaces-surface-tint-14: rgba(0,105,115,0.14); /* @kind color */ --surfaces-surface-tint-5: rgba(0,105,115,0.05); /* @kind color */ --surfaces-surface-tint-8: rgba(0,105,115,0.08); /* @kind color */ --theme-alpine-accent: rgb(33,150,243); /* @kind color */ --theme-alpine-comp-ag-active-color: var(--theme-alpine-accent); /* @kind color */ --theme-alpine-comp-ag-background-color-2: rgb(255,255,255); /* @kind color */ --theme-alpine-comp-ag-background-color: rgb(255,255,255); /* @kind color */ --theme-alpine-comp-ag-border-color: rgb(186,191,199); /* @kind color */ --theme-alpine-comp-ag-checkbox-background-color: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --theme-alpine-comp-ag-checkbox-checked-color: var(--theme-alpine-accent); /* @kind color */ --theme-alpine-comp-ag-checkbox-unchecked-color: rgb(142,142,142); /* @kind color */ --theme-alpine-comp-ag-control-panel-background-color: var(--theme-alpine-comp-ag-header-background-color); /* @kind color */ --theme-alpine-comp-ag-data-color: var(--theme-alpine-data); /* @kind color */ --theme-alpine-comp-ag-disabled-foreground-color: rgba(24,29,31,0.5); /* @kind color */ --theme-alpine-comp-ag-foreground-color-2: var(--theme-alpine-data-2); /* @kind color */ --theme-alpine-comp-ag-foreground-color: rgb(24,29,31); /* @kind color */ --theme-alpine-comp-ag-header-background-color: rgb(248,248,248); /* @kind color */ --theme-alpine-comp-ag-header-cell-hover-background-color: rgba(255,255,255,0.8); /* @kind color */ --theme-alpine-comp-ag-icon-default-2: rgba(24,29,31,0.9); /* @kind color */ --theme-alpine-comp-ag-icon-default: rgba(24,29,31,0.9); /* @kind color */ --theme-alpine-comp-ag-input-border-color-invalid: var(--theme-alpine-error); /* @kind color */ --theme-alpine-comp-ag-input-border-color: rgb(186,191,199); /* @kind color */ --theme-alpine-comp-ag-input-disabled-background-color: rgba(24,29,31,0.06); /* @kind color */ --theme-alpine-comp-ag-input-disabled-border-color: rgba(186,191,199,0.3); /* @kind color */ --theme-alpine-comp-ag-input-focus-border-color: var(--theme-alpine-primary); /* @kind color */ --theme-alpine-comp-ag-odd-row-background-color: rgb(252,252,252); /* @kind color */ --theme-alpine-comp-ag-row-hover-color: rgba(33,150,243,0.1); /* @kind color */ --theme-alpine-comp-ag-secondary-border-color: rgb(221,226,235); /* @kind color */ --theme-alpine-comp-ag-selected-tab-underline-color: var(--theme-alpine-accent); /* @kind color */ --theme-alpine-comp-ag-side-button-selected-background-color: var(--theme-alpine-comp-ag-header-background-color); /* @kind color */ --theme-alpine-comp-ag-side-buttons-background-color: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --theme-alpine-comp-ag-subheader-background-color: var(--theme-alpine-comp-ag-header-background-color); /* @kind color */ --theme-alpine-comp-ag-subheader-toolbar-background-color: var(--theme-alpine-comp-ag-control-panel-background-color); /* @kind color */ --theme-alpine-comp-ag-value-change-delta-down-color-2: rgb(229,57,53); /* @kind color */ --theme-alpine-comp-ag-value-change-delta-down-color: rgb(229,57,53); /* @kind color */ --theme-alpine-data-2: rgb(24,29,31); /* @kind color */ --theme-alpine-data: rgb(24,29,31); /* @kind color */ --theme-alpine-error: rgb(224,37,37); /* @kind color */ --theme-alpine-primary: rgb(33,150,243); /* @kind color */ --theme-alpine-surface-02: var(--color-ag-global-silversand); /* @kind color */ --theme-alpine-surface-03: var(--color-ag-global-platinum); /* @kind color */ --theme-material-accent: rgb(33,150,243); /* @kind color */ --theme-material-active: rgb(255,64,129); /* @kind color */ --theme-material-comp-ag-active-color: var(--theme-material-active); /* @kind color */ --theme-material-comp-ag-background-color-2: rgb(255,255,255); /* @kind color */ --theme-material-comp-ag-background-color: rgb(255,255,255); /* @kind color */ --theme-material-comp-ag-border-color: rgb(226,226,226); /* @kind color */ --theme-material-comp-ag-button-default-border: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-default-text: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-disabled-background-disabled: var(--theme-material-comp-ag-input-disabled-background-color); /* @kind color */ --theme-material-comp-ag-button-disabled-border-disabled: var(--theme-material-comp-ag-input-disabled-border-color); /* @kind color */ --theme-material-comp-ag-button-disabled-text-disabled: var(--theme-material-comp-ag-disabled-foreground-color); /* @kind color */ --theme-material-comp-ag-button-hover-background: var(--theme-material-comp-ag-row-hover-color); /* @kind color */ --theme-material-comp-ag-button-hover-border: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-hover-text: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-selected-background: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-selected-border: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-selected-text: var(--theme-material-comp-ag-checkbox-background-color); /* @kind color */ --theme-material-comp-ag-checkbox-background-color: rgba(0,0,0,0.54); /* @kind color */ --theme-material-comp-ag-checkbox-checked-color: rgb(255,64,129); /* @kind color */ --theme-material-comp-ag-checkbox-unchecked-color: rgb(51,51,51); /* @kind color */ --theme-material-comp-ag-chip-border-color: rgb(186,191,199); /* @kind color */ --theme-material-comp-ag-control-active-background: var(--comp-ag-checkbox-checked-color); /* @kind color */ --theme-material-comp-ag-control-background: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-control-inactive-background: var(--theme-material-comp-ag-checkbox-unchecked-color); /* @kind color */ --theme-material-comp-ag-control-panel-background-color: rgb(250,250,250); /* @kind color */ --theme-material-comp-ag-data-color: var(--theme-material-data); /* @kind color */ --theme-material-comp-ag-disabled-foreground-color: rgba(0,0,0,0.38); /* @kind color */ --theme-material-comp-ag-foreground-color-2: rgba(0,0,0,0.87); /* @kind color */ --theme-material-comp-ag-foreground-color: rgba(0,0,0,0.87); /* @kind color */ --theme-material-comp-ag-gridcell-input-background-disabled: var(--theme-material-comp-ag-input-disabled-background-color); /* @kind color */ --theme-material-comp-ag-gridcell-input-background: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-gridcell-input-border-error: var(--theme-material-comp-ag-input-border-color-invalid); /* @kind color */ --theme-material-comp-ag-gridcell-input-border-focus: var(--theme-material-primary); /* @kind color */ --theme-material-comp-ag-gridcell-input-border: var(--theme-material-comp-ag-input-border-color); /* @kind color */ --theme-material-comp-ag-gridcell-input-text: var(--theme-material-comp-ag-foreground-color); /* @kind color */ --theme-material-comp-ag-header-background-color: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-header-cell-hover-background-color: rgba(237,237,237,0.5); /* @kind color */ --theme-material-comp-ag-icon-default-2: rgba(0,0,0,0.9); /* @kind color */ --theme-material-comp-ag-icon-default: rgba(0,0,0,0.9); /* @kind color */ --theme-material-comp-ag-input-border-color-invalid: var(--theme-material-error); /* @kind color */ --theme-material-comp-ag-input-border-color: var(--theme-material-comp-ag-border-color); /* @kind color */ --theme-material-comp-ag-input-disabled-background-color: rgba(0,0,0,0.06); /* @kind color */ --theme-material-comp-ag-input-disabled-border-color: rgb(186,191,199); /* @kind color */ --theme-material-comp-ag-input-focus-border-color: var(--theme-material-primary); /* @kind color */ --theme-material-comp-ag-odd-row-background-color: rgb(252,252,252); /* @kind color */ --theme-material-comp-ag-range-selection-background-color-2: rgba(33,150,243,0.36); /* @kind color */ --theme-material-comp-ag-range-selection-background-color: rgba(33,150,243,0.2); /* @kind color */ --theme-material-comp-ag-row-hover-color: var(--theme-material-accent); /* @kind color */ --theme-material-comp-ag-scrollbar-slug-default: rgb(184,184,184); /* @kind color */ --theme-material-comp-ag-secondary-border-color: rgb(186,191,199); /* @kind color */ --theme-material-comp-ag-selected-row-background-color: rgba(33,150,243,0.2); /* @kind color */ --theme-material-comp-ag-selected-tab-underline-color: var(--theme-material-primary); /* @kind color */ --theme-material-comp-ag-side-button-selected-background-color: var(--comp-ag-control-panel-background-color); /* @kind color */ --theme-material-comp-ag-side-buttons-background-color: var(--theme-material-comp-ag-control-panel-background-color); /* @kind color */ --theme-material-comp-ag-subheader-background-color: rgb(238,238,238); /* @kind color */ --theme-material-comp-ag-subheader-toolbar-background-color: var(--theme-material-comp-ag-control-panel-background-color); /* @kind color */ --theme-material-comp-ag-toggle-active-background: var(--comp-ag-checkbox-checked-color); /* @kind color */ --theme-material-comp-ag-toggle-foreground: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-toggle-inactive-background: var(--theme-material-comp-ag-checkbox-unchecked-color); /* @kind color */ --theme-material-comp-ag-value-change-delta-down-color-2: rgb(229,57,53); /* @kind color */ --theme-material-comp-ag-value-change-delta-down-color: rgb(229,57,53); /* @kind color */ --theme-material-comp-ag-value-change-delta-up-color-2: rgba(67,160,71,0.66); /* @kind color */ --theme-material-comp-ag-value-change-delta-up-color: rgba(67,160,71,0.66); /* @kind color */ --theme-material-data: rgba(0,0,0,0.87); /* @kind color */ --theme-material-error: rgb(224,37,37); /* @kind color */ --theme-material-primary: rgb(63,81,181); /* @kind color */ --theme-material-surface-02: var(--color-ag-global-silversand); /* @kind color */ --theme-quartz-accent: rgb(33,150,243); /* @kind color */ --theme-quartz-comp-ag-active-color: var(--theme-quartz-accent); /* @kind color */ --theme-quartz-comp-ag-background-color-2: rgb(255,255,255); /* @kind color */ --theme-quartz-comp-ag-background-color: rgb(255,255,255); /* @kind color */ --theme-quartz-comp-ag-border-color-2: var(--theme-quartz-surface-02); /* @kind color */ --theme-quartz-comp-ag-border-color: rgb(221,221,221); /* @kind color */ --theme-quartz-comp-ag-button-default-border: var(--theme-quartz-comp-ag-border-color); /* @kind color */ --theme-quartz-comp-ag-button-default-text: var(--theme-quartz-comp-ag-data-color); /* @kind color */ --theme-quartz-comp-ag-button-disabled-background-disabled: var(--theme-quartz-comp-ag-input-disabled-background-color); /* @kind color */ --theme-quartz-comp-ag-button-disabled-border-disabled: var(--theme-quartz-comp-ag-input-disabled-border-color); /* @kind color */ --theme-quartz-comp-ag-button-disabled-text-disabled: var(--theme-quartz-comp-ag-disabled-foreground-color); /* @kind color */ --theme-quartz-comp-ag-button-hover-background: var(--theme-quartz-comp-ag-row-hover-color); /* @kind color */ --theme-quartz-comp-ag-button-hover-border: var(--theme-quartz-comp-ag-border-color); /* @kind color */ --theme-quartz-comp-ag-button-hover-text: var(--theme-quartz-comp-ag-data-color); /* @kind color */ --theme-quartz-comp-ag-button-selected-background: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-button-selected-border: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-button-selected-text: var(--theme-quartz-comp-ag-checkbox-background-color); /* @kind color */ --theme-quartz-comp-ag-checkbox-background-color: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-checkbox-checked-color: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-checkbox-unchecked-color: rgb(177,179,179); /* @kind color */ --theme-quartz-comp-ag-chip-border-color: var(--theme-quartz-comp-ag-border-color); /* @kind color */ --theme-quartz-comp-ag-control-active-background: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-control-background: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-control-inactive-background: var(--theme-quartz-comp-ag-checkbox-unchecked-color); /* @kind color */ --theme-quartz-comp-ag-control-panel-background-color: var(--theme-quartz-comp-ag-header-background-color); /* @kind color */ --theme-quartz-comp-ag-data-color: var(--theme-quartz-data); /* @kind color */ --theme-quartz-comp-ag-disabled-foreground-color: rgba(24,29,31,0.5); /* @kind color */ --theme-quartz-comp-ag-filter-input-text: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --theme-quartz-comp-ag-foreground-color-2: var(--theme-quartz-data); /* @kind color */ --theme-quartz-comp-ag-foreground-color-3: rgb(24,29,31); /* @kind color */ --theme-quartz-comp-ag-foreground-color: rgb(24,29,31); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-background-2: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-background-disabled: var(--theme-quartz-comp-ag-input-disabled-background-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-background: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border-2: var(--theme-quartz-comp-ag-input-border-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border-error: var(--theme-quartz-comp-ag-input-border-color-invalid); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border-focus: var(--theme-quartz-comp-ag-input-focus-border-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border: var(--theme-quartz-comp-ag-input-border-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-text-2: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-text: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --theme-quartz-comp-ag-header-background-color: rgb(251,251,251); /* @kind color */ --theme-quartz-comp-ag-header-cell-hover-background-color: rgb(242,242,242); /* @kind color */ --theme-quartz-comp-ag-icon-default-2: rgba(24,29,31,0.9); /* @kind color */ --theme-quartz-comp-ag-icon-default: rgba(24,29,31,0.9); /* @kind color */ --theme-quartz-comp-ag-input-border-color-invalid: var(--theme-quartz-comp-ag-invalid-color); /* @kind color */ --theme-quartz-comp-ag-input-border-color: var(--theme-quartz-comp-ag-border-color); /* @kind color */ --theme-quartz-comp-ag-input-disabled-background-color: rgba(24,29,31,0.06); /* @kind color */ --theme-quartz-comp-ag-input-disabled-border-color: rgb(221,221,221); /* @kind color */ --theme-quartz-comp-ag-input-focus-border-color: rgb(33,150,243); /* @kind color */ --theme-quartz-comp-ag-invalid-color: var(--theme-quartz-error); /* @kind color */ --theme-quartz-comp-ag-odd-row-background-color: rgb(252,252,252); /* @kind color */ --theme-quartz-comp-ag-range-selection-background-color-2: rgba(33,150,243,0.36); /* @kind color */ --theme-quartz-comp-ag-range-selection-background-color: rgba(33,150,243,0.2); /* @kind color */ --theme-quartz-comp-ag-row-hover-color: rgba(33,150,243,0.2); /* @kind color */ --theme-quartz-comp-ag-scrollbar-slug-default: rgb(184,184,184); /* @kind color */ --theme-quartz-comp-ag-secondary-border-color-2: var(--theme-quartz-comp-ag-border-color); /* @kind color */ --theme-quartz-comp-ag-secondary-border-color: var(--theme-quartz-surface-02); /* @kind color */ --theme-quartz-comp-ag-selected-row-background-color: rgba(33,150,243,0.2); /* @kind color */ --theme-quartz-comp-ag-selected-tab-underline-color: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-side-button-panel-background-color: var(--comp-ag-header-background-color); /* @kind color */ --theme-quartz-comp-ag-side-button-selected-background-color: var(--theme-quartz-comp-ag-header-background-color); /* @kind color */ --theme-quartz-comp-ag-side-buttons-background-color: var(--theme-quartz-comp-ag-control-panel-background-color); /* @kind color */ --theme-quartz-comp-ag-subheader-background-color: var(--theme-quartz-comp-ag-header-background-color); /* @kind color */ --theme-quartz-comp-ag-subheader-toolbar-background-color: var(--theme-quartz-comp-ag-control-panel-background-color); /* @kind color */ --theme-quartz-comp-ag-tab-border-default: var(--theme-quartz-comp-ag-subheader-toolbar-background-color); /* @kind color */ --theme-quartz-comp-ag-toggle-active-background: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-toggle-foreground: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-toggle-inactive-background: var(--theme-quartz-comp-ag-checkbox-unchecked-color); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-down-color-2: rgb(229,57,53); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-down-color-3: var(--theme-quartz-downward); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-down-color: rgb(229,57,53); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-up-color-2: rgb(67,160,71); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-up-color-3: rgba(67,160,71,0.66); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-up-color: rgb(67,160,71); /* @kind color */ --theme-quartz-data: rgb(24,29,31); /* @kind color */ --theme-quartz-downward: var(--color-ag-global-rose-madder); /* @kind color */ --theme-quartz-error: rgb(224,37,37); /* @kind color */ --theme-quartz-primary: rgb(33,150,243); /* @kind color */ --theme-quartz-surface-02: var(--color-ag-global-steam); /* @kind color */ --title-large-font: var(--brand); --title-large-line-height: 28; --title-large-size: 22; --title-large-tracking: 0; --title-large-weight: var(--weight-regular); --title-medium-font: var(--plain); --title-medium-line-height: 24; --title-medium-size: 16; --title-medium-tracking: 0.15; --title-medium-weight: var(--weight-medium); --title-small-font: var(--plain); --title-small-line-height: 20; --title-small-size: 14; --title-small-tracking: 0.1; --title-small-weight: var(--weight-medium); --weight-bold: "SemiBold"; /* @kind other */ --weight-medium: "Medium"; /* @kind other */ --weight-regular: "Regular"; /* @kind other */ } :root[data-theme="dark"], .dark { --doc-color-admin-doc-link: rgb(255,255,255); /* @kind color */ --extended-colors-amber-container-lighter: rgb(182,179,152); /* @kind color */ --extended-colors-amber-container: rgb(78,72,0); /* @kind color */ --extended-colors-amber: rgb(211,201,114); /* @kind color */ --extended-colors-blue-container-lighter: rgb(152,181,192); /* @kind color */ --extended-colors-blue-container: rgb(0,76,105); /* @kind color */ --extended-colors-blue: rgb(144,206,244); /* @kind color */ --extended-colors-green-container-lighter: rgb(152,183,172); /* @kind color */ --extended-colors-green-container: rgb(1,82,52); /* @kind color */ --extended-colors-green: rgb(144,213,174); /* @kind color */ --extended-colors-light-green-container-lighter: rgb(164,182,166); /* @kind color */ --extended-colors-light-green-container: rgb(33,80,37); /* @kind color */ --extended-colors-light-green: rgb(159,212,155); /* @kind color */ --extended-colors-on-amber-container-lighter: var(--extended-colors-on-amber); /* @kind color */ --extended-colors-on-amber-container: rgb(240,229,139); /* @kind color */ --extended-colors-on-amber: rgb(54,49,0); /* @kind color */ --extended-colors-on-blue-container-lighter: var(--extended-colors-on-blue); /* @kind color */ --extended-colors-on-blue-container: rgb(196,231,255); /* @kind color */ --extended-colors-on-blue: rgb(0,52,74); /* @kind color */ --extended-colors-on-green-container-lighter: var(--extended-colors-on-green); /* @kind color */ --extended-colors-on-green-container: rgb(172,242,201); /* @kind color */ --extended-colors-on-green: rgb(0,56,34); /* @kind color */ --extended-colors-on-light-green-container-lighter: var(--extended-colors-on-light-green); /* @kind color */ --extended-colors-on-light-green-container: rgb(187,240,182); /* @kind color */ --extended-colors-on-light-green: rgb(7,57,17); /* @kind color */ --extended-colors-on-orange-container-lighter: var(--extended-colors-on-orange); /* @kind color */ --extended-colors-on-orange-container: rgb(255,222,162); /* @kind color */ --extended-colors-on-orange: rgb(64,45,0); /* @kind color */ --extended-colors-on-red-container-lighter: var(--extended-colors-on-red); /* @kind color */ --extended-colors-on-red-container: rgb(255,217,222); /* @kind color */ --extended-colors-on-red: rgb(86,29,43); /* @kind color */ --extended-colors-orange-container-lighter: rgb(187,177,152); /* @kind color */ --extended-colors-orange-container: rgb(92,66,0); /* @kind color */ --extended-colors-orange: rgb(235,193,108); /* @kind color */ --extended-colors-red-container-lighter: rgb(195,171,177); /* @kind color */ --extended-colors-red-container: rgb(113,51,65); /* @kind color */ --extended-colors-red: rgb(255,178,191); /* @kind color */ --palettes-error-0: rgb(0,0,0); /* @kind color */ --palettes-error-100: rgb(255,255,255); /* @kind color */ --palettes-error-10: rgb(65,0,2); /* @kind color */ --palettes-error-15: rgb(84,0,3); /* @kind color */ --palettes-error-20: rgb(105,0,5); /* @kind color */ --palettes-error-25: rgb(126,0,7); /* @kind color */ --palettes-error-30: rgb(147,0,10); /* @kind color */ --palettes-error-35: rgb(168,7,16); /* @kind color */ --palettes-error-40: rgb(186,26,26); /* @kind color */ --palettes-error-50: rgb(222,55,48); /* @kind color */ --palettes-error-5: rgb(45,0,1); /* @kind color */ --palettes-error-60: rgb(255,84,73); /* @kind color */ --palettes-error-70: rgb(255,137,125); /* @kind color */ --palettes-error-80: rgb(255,180,171); /* @kind color */ --palettes-error-90: rgb(255,218,214); /* @kind color */ --palettes-error-95: rgb(255,237,234); /* @kind color */ --palettes-error-98: rgb(255,248,247); /* @kind color */ --palettes-error-99: rgb(255,251,255); /* @kind color */ --palettes-neutral-0: rgb(0,0,0); /* @kind color */ --palettes-neutral-100: rgb(255,255,255); /* @kind color */ --palettes-neutral-10: rgb(27,28,28); /* @kind color */ --palettes-neutral-15: rgb(37,38,38); /* @kind color */ --palettes-neutral-20: rgb(48,48,49); /* @kind color */ --palettes-neutral-25: rgb(59,59,59); /* @kind color */ --palettes-neutral-30: rgb(70,71,71); /* @kind color */ --palettes-neutral-35: rgb(82,82,82); /* @kind color */ --palettes-neutral-40: rgb(94,94,94); /* @kind color */ --palettes-neutral-50: rgb(119,119,119); /* @kind color */ --palettes-neutral-5: rgb(16,17,17); /* @kind color */ --palettes-neutral-60: rgb(145,144,144); /* @kind color */ --palettes-neutral-70: rgb(172,171,171); /* @kind color */ --palettes-neutral-80: rgb(199,198,198); /* @kind color */ --palettes-neutral-90: rgb(228,226,226); /* @kind color */ --palettes-neutral-95: rgb(242,240,240); /* @kind color */ --palettes-neutral-98: rgb(251,249,248); /* @kind color */ --palettes-neutral-99: rgb(254,252,251); /* @kind color */ --palettes-neutral-variant-0: rgb(0,0,0); /* @kind color */ --palettes-neutral-variant-100: rgb(255,255,255); /* @kind color */ --palettes-neutral-variant-10: rgb(25,28,29); /* @kind color */ --palettes-neutral-variant-15: rgb(35,38,39); /* @kind color */ --palettes-neutral-variant-20: rgb(46,49,49); /* @kind color */ --palettes-neutral-variant-25: rgb(57,60,60); /* @kind color */ --palettes-neutral-variant-30: rgb(69,71,72); /* @kind color */ --palettes-neutral-variant-35: rgb(80,83,83); /* @kind color */ --palettes-neutral-variant-40: rgb(92,95,95); /* @kind color */ --palettes-neutral-variant-50: rgb(117,119,120); /* @kind color */ --palettes-neutral-variant-5: rgb(15,17,18); /* @kind color */ --palettes-neutral-variant-60: rgb(143,145,145); /* @kind color */ --palettes-neutral-variant-70: rgb(170,171,172); /* @kind color */ --palettes-neutral-variant-80: rgb(197,199,199); /* @kind color */ --palettes-neutral-variant-90: rgb(225,227,227); /* @kind color */ --palettes-neutral-variant-95: rgb(240,241,241); /* @kind color */ --palettes-neutral-variant-98: rgb(248,249,250); /* @kind color */ --palettes-neutral-variant-99: rgb(251,252,252); /* @kind color */ --palettes-primary-0: rgb(0,0,0); /* @kind color */ --palettes-primary-100: rgb(255,255,255); /* @kind color */ --palettes-primary-10: rgb(0,31,35); /* @kind color */ --palettes-primary-15: rgb(1,43,47); /* @kind color */ --palettes-primary-20: rgb(15,53,58); /* @kind color */ --palettes-primary-25: rgb(28,65,70); /* @kind color */ --palettes-primary-30: rgb(40,76,81); /* @kind color */ --palettes-primary-35: rgb(52,88,93); /* @kind color */ --palettes-primary-40: rgb(65,100,105); /* @kind color */ --palettes-primary-50: rgb(89,125,131); /* @kind color */ --palettes-primary-5: rgb(0,20,23); /* @kind color */ --palettes-primary-60: rgb(115,151,157); /* @kind color */ --palettes-primary-70: rgb(141,178,183); /* @kind color */ --palettes-primary-80: rgb(168,205,211); /* @kind color */ --palettes-primary-90: rgb(195,233,239); /* @kind color */ --palettes-primary-95: rgb(209,248,254); /* @kind color */ --palettes-primary-98: rgb(236,252,255); /* @kind color */ --palettes-primary-99: rgb(246,254,255); /* @kind color */ --palettes-secondary-0: rgb(0,0,0); /* @kind color */ --palettes-secondary-100: rgb(255,255,255); /* @kind color */ --palettes-secondary-10: rgb(0,32,28); /* @kind color */ --palettes-secondary-15: rgb(0,44,38); /* @kind color */ --palettes-secondary-20: rgb(0,55,49); /* @kind color */ --palettes-secondary-25: rgb(0,68,60); /* @kind color */ --palettes-secondary-30: rgb(0,80,72); /* @kind color */ --palettes-secondary-35: rgb(0,93,83); /* @kind color */ --palettes-secondary-40: rgb(23,106,95); /* @kind color */ --palettes-secondary-50: rgb(56,131,120); /* @kind color */ --palettes-secondary-5: rgb(0,20,17); /* @kind color */ --palettes-secondary-60: rgb(84,157,146); /* @kind color */ --palettes-secondary-70: rgb(111,184,172); /* @kind color */ --palettes-secondary-80: rgb(138,212,199); /* @kind color */ --palettes-secondary-90: rgb(166,241,227); /* @kind color */ --palettes-secondary-95: rgb(180,255,241); /* @kind color */ --palettes-secondary-98: rgb(229,255,249); /* @kind color */ --palettes-secondary-99: rgb(242,255,251); /* @kind color */ --palettes-tertiary-0: rgb(0,0,0); /* @kind color */ --palettes-tertiary-100: rgb(255,255,255); /* @kind color */ --palettes-tertiary-10: rgb(37,26,0); /* @kind color */ --palettes-tertiary-15: rgb(50,36,0); /* @kind color */ --palettes-tertiary-20: rgb(63,46,0); /* @kind color */ --palettes-tertiary-25: rgb(76,56,0); /* @kind color */ --palettes-tertiary-30: rgb(90,67,0); /* @kind color */ --palettes-tertiary-35: rgb(104,79,0); /* @kind color */ --palettes-tertiary-40: rgb(119,90,0); /* @kind color */ --palettes-tertiary-50: rgb(148,114,15); /* @kind color */ --palettes-tertiary-5: rgb(24,16,0); /* @kind color */ --palettes-tertiary-60: rgb(177,140,43); /* @kind color */ --palettes-tertiary-70: rgb(206,166,67); /* @kind color */ --palettes-tertiary-80: rgb(235,193,92); /* @kind color */ --palettes-tertiary-90: rgb(255,223,153); /* @kind color */ --palettes-tertiary-95: rgb(255,239,210); /* @kind color */ --palettes-tertiary-98: rgb(255,248,242); /* @kind color */ --palettes-tertiary-99: rgb(255,251,255); /* @kind color */ --schemes-background: rgb(14,20,21); /* @kind color */ --schemes-error-container: rgb(147,0,10); /* @kind color */ --schemes-error: rgb(255,180,171); /* @kind color */ --schemes-inverse-on-surface: rgb(43,49,50); /* @kind color */ --schemes-inverse-primary: rgb(0,105,115); /* @kind color */ --schemes-inverse-surface: rgb(222,227,228); /* @kind color */ --schemes-on-background: rgb(222,227,228); /* @kind color */ --schemes-on-error-container: rgb(255,218,214); /* @kind color */ --schemes-on-error: rgb(105,0,5); /* @kind color */ --schemes-on-primary-container: rgb(158,240,252); /* @kind color */ --schemes-on-primary-fixed-variant: rgb(0,79,87); /* @kind color */ --schemes-on-primary-fixed: rgb(0,31,35); /* @kind color */ --schemes-on-primary: rgb(0,54,60); /* @kind color */ --schemes-on-secondary-container: rgb(158,242,227); /* @kind color */ --schemes-on-secondary-fixed-variant: rgb(0,80,72); /* @kind color */ --schemes-on-secondary-fixed: rgb(0,32,28); /* @kind color */ --schemes-on-secondary: rgb(0,55,49); /* @kind color */ --schemes-on-surface-variant-2: rgb(191,200,202); /* @kind color */ --schemes-on-surface-variant: rgb(191,200,202); /* @kind color */ --schemes-on-surface: rgb(222,227,228); /* @kind color */ --schemes-on-tertiary-container: rgb(255,223,153); /* @kind color */ --schemes-on-tertiary-fixed-variant: rgb(90,67,0); /* @kind color */ --schemes-on-tertiary-fixed: rgb(37,26,0); /* @kind color */ --schemes-on-tertiary: rgb(63,46,0); /* @kind color */ --schemes-outline-variant-2: rgb(67,71,78); /* @kind color */ --schemes-outline-variant-3: rgb(63,72,74); /* @kind color */ --schemes-outline-variant: rgb(63,72,74); /* @kind color */ --schemes-outline: rgb(137,146,148); /* @kind color */ --schemes-primary-2: rgb(129,211,223); /* @kind color */ --schemes-primary-3: rgb(129,211,223); /* @kind color */ --schemes-primary-container: rgb(0,79,87); /* @kind color */ --schemes-primary-fixed-dim: rgb(129,211,223); /* @kind color */ --schemes-primary-fixed: rgb(158,240,252); /* @kind color */ --schemes-primary: rgb(129,211,223); /* @kind color */ --schemes-scrim: rgb(0,0,0); /* @kind color */ --schemes-secondary-container: rgb(0,80,72); /* @kind color */ --schemes-secondary-fixed-dim: rgb(130,213,199); /* @kind color */ --schemes-secondary-fixed: rgb(158,242,227); /* @kind color */ --schemes-secondary: rgb(130,213,199); /* @kind color */ --schemes-shadow: rgb(0,0,0); /* @kind color */ --schemes-surface-bright: rgb(52,58,59); /* @kind color */ --schemes-surface-container-high: rgb(37,43,44); /* @kind color */ --schemes-surface-container-highest: rgb(48,54,55); /* @kind color */ --schemes-surface-container-low: rgb(23,29,30); /* @kind color */ --schemes-surface-container-lowest-2: rgb(9,15,16); /* @kind color */ --schemes-surface-container-lowest: rgb(9,15,16); /* @kind color */ --schemes-surface-container: rgb(27,33,34); /* @kind color */ --schemes-surface-dim: rgb(14,20,21); /* @kind color */ --schemes-surface-tint: rgb(129,211,223); /* @kind color */ --schemes-surface-variant: rgb(63,72,74); /* @kind color */ --schemes-surface: rgb(14,20,21); /* @kind color */ --schemes-tertiary-container: rgb(90,67,0); /* @kind color */ --schemes-tertiary-fixed-dim: rgb(231,194,108); /* @kind color */ --schemes-tertiary-fixed: rgb(255,223,153); /* @kind color */ --schemes-tertiary: rgb(231,194,108); /* @kind color */ --state-layers-background-opacity-08: rgba(20,18,24,0.08); /* @kind color */ --state-layers-background-opacity-12: rgba(20,18,24,0.12); /* @kind color */ --state-layers-background-opacity-16: rgba(20,18,24,0.16); /* @kind color */ --state-layers-error-container-opacity-08: rgba(140,29,24,0.08); /* @kind color */ --state-layers-error-container-opacity-12: rgba(140,29,24,0.12); /* @kind color */ --state-layers-error-container-opacity-16: rgba(140,29,24,0.16); /* @kind color */ --state-layers-error-opacity-08: rgba(242,184,181,0.08); /* @kind color */ --state-layers-error-opacity-12: rgba(242,184,181,0.12); /* @kind color */ --state-layers-error-opacity-16: rgba(242,184,181,0.16); /* @kind color */ --state-layers-inverse-on-surface-opacity-08: rgba(50,47,53,0.08); /* @kind color */ --state-layers-inverse-on-surface-opacity-12: rgba(50,47,53,0.12); /* @kind color */ --state-layers-inverse-on-surface-opacity-16: rgba(50,47,53,0.16); /* @kind color */ --state-layers-inverse-primary-opacity-08: rgba(103,80,164,0.08); /* @kind color */ --state-layers-inverse-primary-opacity-12: rgba(103,80,164,0.12); /* @kind color */ --state-layers-inverse-primary-opacity-16: rgba(103,80,164,0.16); /* @kind color */ --state-layers-inverse-surface-opacity-08: rgba(230,224,233,0.08); /* @kind color */ --state-layers-inverse-surface-opacity-12: rgba(230,224,233,0.12); /* @kind color */ --state-layers-inverse-surface-opacity-16: rgba(230,224,233,0.16); /* @kind color */ --state-layers-on-background-opacity-08: rgba(230,224,233,0.08); /* @kind color */ --state-layers-on-background-opacity-12: rgba(230,224,233,0.12); /* @kind color */ --state-layers-on-background-opacity-16: rgba(230,224,233,0.16); /* @kind color */ --state-layers-on-error-container-opacity-08: rgba(249,222,220,0.08); /* @kind color */ --state-layers-on-error-container-opacity-12: rgba(249,222,220,0.12); /* @kind color */ --state-layers-on-error-container-opacity-16: rgba(249,222,220,0.16); /* @kind color */ --state-layers-on-error-opacity-08: rgba(96,20,16,0.08); /* @kind color */ --state-layers-on-error-opacity-12: rgba(96,20,16,0.12); /* @kind color */ --state-layers-on-error-opacity-16: rgba(96,20,16,0.16); /* @kind color */ --state-layers-on-primary-container-opacity-08: rgba(234,221,255,0.08); /* @kind color */ --state-layers-on-primary-container-opacity-12: rgba(234,221,255,0.12); /* @kind color */ --state-layers-on-primary-container-opacity-16: rgba(234,221,255,0.16); /* @kind color */ --state-layers-on-primary-fixed-opacity-08: rgba(33,0,93,0.08); /* @kind color */ --state-layers-on-primary-fixed-opacity-12: rgba(33,0,93,0.12); /* @kind color */ --state-layers-on-primary-fixed-opacity-16: rgba(33,0,93,0.16); /* @kind color */ --state-layers-on-primary-fixed-variant-opacity-08: rgba(79,55,139,0.08); /* @kind color */ --state-layers-on-primary-fixed-variant-opacity-12: rgba(79,55,139,0.12); /* @kind color */ --state-layers-on-primary-fixed-variant-opacity-16: rgba(79,55,139,0.16); /* @kind color */ --state-layers-on-primary-opacity-08: rgba(56,30,114,0.08); /* @kind color */ --state-layers-on-primary-opacity-12: rgba(56,30,114,0.12); /* @kind color */ --state-layers-on-primary-opacity-16: rgba(56,30,114,0.16); /* @kind color */ --state-layers-on-secondary-container-opacity-08: rgba(232,222,248,0.08); /* @kind color */ --state-layers-on-secondary-container-opacity-12: rgba(232,222,248,0.12); /* @kind color */ --state-layers-on-secondary-container-opacity-16: rgba(232,222,248,0.16); /* @kind color */ --state-layers-on-secondary-fixed-opacity-08: rgba(29,25,43,0.08); /* @kind color */ --state-layers-on-secondary-fixed-opacity-12: rgba(29,25,43,0.12); /* @kind color */ --state-layers-on-secondary-fixed-opacity-16: rgba(29,25,43,0.16); /* @kind color */ --state-layers-on-secondary-fixed-variant-opacity-08: rgba(74,68,88,0.08); /* @kind color */ --state-layers-on-secondary-fixed-variant-opacity-12: rgba(74,68,88,0.12); /* @kind color */ --state-layers-on-secondary-fixed-variant-opacity-16: rgba(74,68,88,0.16); /* @kind color */ --state-layers-on-secondary-opacity-08: rgba(51,45,65,0.08); /* @kind color */ --state-layers-on-secondary-opacity-12: rgba(51,45,65,0.12); /* @kind color */ --state-layers-on-secondary-opacity-16: rgba(51,45,65,0.16); /* @kind color */ --state-layers-on-surface-opacity-08: rgba(230,224,233,0.08); /* @kind color */ --state-layers-on-surface-opacity-12: rgba(230,224,233,0.12); /* @kind color */ --state-layers-on-surface-opacity-16: rgba(230,224,233,0.16); /* @kind color */ --state-layers-on-surface-variant-opacity-08: rgba(202,196,208,0.08); /* @kind color */ --state-layers-on-surface-variant-opacity-12: rgba(202,196,208,0.12); /* @kind color */ --state-layers-on-surface-variant-opacity-16: rgba(202,196,208,0.16); /* @kind color */ --state-layers-on-tertiary-container-opacity-08: rgba(255,216,228,0.08); /* @kind color */ --state-layers-on-tertiary-container-opacity-12: rgba(255,216,228,0.12); /* @kind color */ --state-layers-on-tertiary-container-opacity-16: rgba(255,216,228,0.16); /* @kind color */ --state-layers-on-tertiary-fixed-opacity-08: rgba(49,17,29,0.08); /* @kind color */ --state-layers-on-tertiary-fixed-opacity-12: rgba(49,17,29,0.12); /* @kind color */ --state-layers-on-tertiary-fixed-opacity-16: rgba(49,17,29,0.16); /* @kind color */ --state-layers-on-tertiary-fixed-variant-opacity-08: rgba(99,59,72,0.08); /* @kind color */ --state-layers-on-tertiary-fixed-variant-opacity-12: rgba(99,59,72,0.12); /* @kind color */ --state-layers-on-tertiary-fixed-variant-opacity-16: rgba(99,59,72,0.16); /* @kind color */ --state-layers-on-tertiary-opacity-08: rgba(73,37,50,0.08); /* @kind color */ --state-layers-on-tertiary-opacity-12: rgba(73,37,50,0.12); /* @kind color */ --state-layers-on-tertiary-opacity-16: rgba(73,37,50,0.16); /* @kind color */ --state-layers-outline-opacity-08: rgba(147,143,153,0.08); /* @kind color */ --state-layers-outline-opacity-12: rgba(147,143,153,0.12); /* @kind color */ --state-layers-outline-opacity-16: rgba(147,143,153,0.16); /* @kind color */ --state-layers-outline-variant-opacity-08: rgba(73,69,79,0.08); /* @kind color */ --state-layers-outline-variant-opacity-12: rgba(73,69,79,0.12); /* @kind color */ --state-layers-outline-variant-opacity-16: rgba(73,69,79,0.16); /* @kind color */ --state-layers-primary-container-opacity-08: rgba(79,55,139,0.08); /* @kind color */ --state-layers-primary-container-opacity-12: rgba(79,55,139,0.12); /* @kind color */ --state-layers-primary-container-opacity-16: rgba(79,55,139,0.16); /* @kind color */ --state-layers-primary-fixed-dim-opacity-08: rgba(208,188,255,0.08); /* @kind color */ --state-layers-primary-fixed-dim-opacity-12: rgba(208,188,255,0.12); /* @kind color */ --state-layers-primary-fixed-dim-opacity-16: rgba(208,188,255,0.16); /* @kind color */ --state-layers-primary-fixed-opacity-08: rgba(234,221,255,0.08); /* @kind color */ --state-layers-primary-fixed-opacity-12: rgba(234,221,255,0.12); /* @kind color */ --state-layers-primary-fixed-opacity-16: rgba(234,221,255,0.16); /* @kind color */ --state-layers-primary-opacity-08: rgba(208,188,254,0.08); /* @kind color */ --state-layers-primary-opacity-12: rgba(208,188,254,0.12); /* @kind color */ --state-layers-primary-opacity-16: rgba(208,188,254,0.16); /* @kind color */ --state-layers-scrim-opacity-08: rgba(0,0,0,0.08); /* @kind color */ --state-layers-scrim-opacity-12: rgba(0,0,0,0.12); /* @kind color */ --state-layers-scrim-opacity-16: rgba(0,0,0,0.16); /* @kind color */ --state-layers-secondary-container-opacity-08: rgba(74,68,88,0.08); /* @kind color */ --state-layers-secondary-container-opacity-12: rgba(74,68,88,0.12); /* @kind color */ --state-layers-secondary-container-opacity-16: rgba(74,68,88,0.16); /* @kind color */ --state-layers-secondary-fixed-dim-opacity-08: rgba(204,194,220,0.08); /* @kind color */ --state-layers-secondary-fixed-dim-opacity-12: rgba(204,194,220,0.12); /* @kind color */ --state-layers-secondary-fixed-dim-opacity-16: rgba(204,194,220,0.16); /* @kind color */ --state-layers-secondary-fixed-opacity-08: rgba(232,222,248,0.08); /* @kind color */ --state-layers-secondary-fixed-opacity-12: rgba(232,222,248,0.12); /* @kind color */ --state-layers-secondary-fixed-opacity-16: rgba(232,222,248,0.16); /* @kind color */ --state-layers-secondary-opacity-08: rgba(204,194,220,0.08); /* @kind color */ --state-layers-secondary-opacity-12: rgba(204,194,220,0.12); /* @kind color */ --state-layers-secondary-opacity-16: rgba(204,194,220,0.16); /* @kind color */ --state-layers-shadow-opacity-08: rgba(0,0,0,0.08); /* @kind color */ --state-layers-shadow-opacity-12: rgba(0,0,0,0.12); /* @kind color */ --state-layers-shadow-opacity-16: rgba(0,0,0,0.16); /* @kind color */ --state-layers-surface-bright-opacity-08: rgba(59,56,62,0.08); /* @kind color */ --state-layers-surface-bright-opacity-12: rgba(59,56,62,0.12); /* @kind color */ --state-layers-surface-bright-opacity-16: rgba(59,56,62,0.16); /* @kind color */ --state-layers-surface-container-high-opacity-08: rgba(43,41,48,0.08); /* @kind color */ --state-layers-surface-container-high-opacity-12: rgba(43,41,48,0.12); /* @kind color */ --state-layers-surface-container-high-opacity-16: rgba(43,41,48,0.16); /* @kind color */ --state-layers-surface-container-highest-opacity-08: rgba(54,52,59,0.08); /* @kind color */ --state-layers-surface-container-highest-opacity-12: rgba(54,52,59,0.12); /* @kind color */ --state-layers-surface-container-highest-opacity-16: rgba(54,52,59,0.16); /* @kind color */ --state-layers-surface-container-low-opacity-08: rgba(29,27,32,0.08); /* @kind color */ --state-layers-surface-container-low-opacity-12: rgba(29,27,32,0.12); /* @kind color */ --state-layers-surface-container-low-opacity-16: rgba(29,27,32,0.16); /* @kind color */ --state-layers-surface-container-lowest-opacity-08: rgba(15,13,19,0.08); /* @kind color */ --state-layers-surface-container-lowest-opacity-12: rgba(15,13,19,0.12); /* @kind color */ --state-layers-surface-container-lowest-opacity-16: rgba(15,13,19,0.16); /* @kind color */ --state-layers-surface-container-opacity-08: rgba(33,31,38,0.08); /* @kind color */ --state-layers-surface-container-opacity-12: rgba(33,31,38,0.12); /* @kind color */ --state-layers-surface-container-opacity-16: rgba(33,31,38,0.16); /* @kind color */ --state-layers-surface-dim-opacity-08: rgba(20,18,24,0.08); /* @kind color */ --state-layers-surface-dim-opacity-12: rgba(20,18,24,0.12); /* @kind color */ --state-layers-surface-dim-opacity-16: rgba(20,18,24,0.16); /* @kind color */ --state-layers-surface-opacity-08: rgba(20,18,24,0.08); /* @kind color */ --state-layers-surface-opacity-12: rgba(20,18,24,0.12); /* @kind color */ --state-layers-surface-opacity-16: rgba(20,18,24,0.16); /* @kind color */ --state-layers-surface-tint-opacity-08: rgba(208,188,255,0.08); /* @kind color */ --state-layers-surface-tint-opacity-12: rgba(208,188,255,0.12); /* @kind color */ --state-layers-surface-tint-opacity-16: rgba(208,188,255,0.16); /* @kind color */ --state-layers-surface-variant-opacity-08: rgba(73,69,79,0.08); /* @kind color */ --state-layers-surface-variant-opacity-12: rgba(73,69,79,0.12); /* @kind color */ --state-layers-surface-variant-opacity-16: rgba(73,69,79,0.16); /* @kind color */ --state-layers-tertiary-container-opacity-08: rgba(99,59,72,0.08); /* @kind color */ --state-layers-tertiary-container-opacity-12: rgba(99,59,72,0.12); /* @kind color */ --state-layers-tertiary-container-opacity-16: rgba(99,59,72,0.16); /* @kind color */ --state-layers-tertiary-fixed-dim-opacity-08: rgba(239,184,200,0.08); /* @kind color */ --state-layers-tertiary-fixed-dim-opacity-12: rgba(239,184,200,0.12); /* @kind color */ --state-layers-tertiary-fixed-dim-opacity-16: rgba(239,184,200,0.16); /* @kind color */ --state-layers-tertiary-fixed-opacity-08: rgba(255,216,228,0.08); /* @kind color */ --state-layers-tertiary-fixed-opacity-12: rgba(255,216,228,0.12); /* @kind color */ --state-layers-tertiary-fixed-opacity-16: rgba(255,216,228,0.16); /* @kind color */ --state-layers-tertiary-opacity-08: rgba(239,184,200,0.08); /* @kind color */ --state-layers-tertiary-opacity-12: rgba(239,184,200,0.12); /* @kind color */ --state-layers-tertiary-opacity-16: rgba(239,184,200,0.16); /* @kind color */ --static-white: rgb(255,255,255); /* @kind color */ --surfaces-surface-tint-11: rgba(129,211,223,0.11); /* @kind color */ --surfaces-surface-tint-12: rgba(129,211,223,0.12); /* @kind color */ --surfaces-surface-tint-14: rgba(129,211,223,0.14); /* @kind color */ --surfaces-surface-tint-5: rgba(129,211,223,0.05); /* @kind color */ --surfaces-surface-tint-8: rgba(129,211,223,0.08); /* @kind color */ --theme-alpine-accent: rgb(33,150,243); /* @kind color */ --theme-alpine-comp-ag-active-color: var(--theme-alpine-accent); /* @kind color */ --theme-alpine-comp-ag-background-color-2: rgb(24,29,31); /* @kind color */ --theme-alpine-comp-ag-background-color: rgb(24,29,31); /* @kind color */ --theme-alpine-comp-ag-border-color: rgb(104,104,110); /* @kind color */ --theme-alpine-comp-ag-checkbox-background-color: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --theme-alpine-comp-ag-checkbox-checked-color: var(--theme-alpine-accent); /* @kind color */ --theme-alpine-comp-ag-checkbox-unchecked-color: rgb(153,153,153); /* @kind color */ --theme-alpine-comp-ag-control-panel-background-color: var(--theme-alpine-comp-ag-header-background-color); /* @kind color */ --theme-alpine-comp-ag-data-color: var(--theme-alpine-data); /* @kind color */ --theme-alpine-comp-ag-disabled-foreground-color: rgba(255,255,255,0.5); /* @kind color */ --theme-alpine-comp-ag-foreground-color-2: var(--theme-alpine-data-2); /* @kind color */ --theme-alpine-comp-ag-foreground-color: rgb(255,255,255); /* @kind color */ --theme-alpine-comp-ag-header-background-color: rgb(34,38,40); /* @kind color */ --theme-alpine-comp-ag-header-cell-hover-background-color: rgb(0,0,0); /* @kind color */ --theme-alpine-comp-ag-icon-default-2: rgba(255,255,255,0.9); /* @kind color */ --theme-alpine-comp-ag-icon-default: rgba(255,255,255,0.9); /* @kind color */ --theme-alpine-comp-ag-input-border-color-invalid: var(--theme-alpine-error); /* @kind color */ --theme-alpine-comp-ag-input-border-color: var(--theme-alpine-comp-ag-border-color); /* @kind color */ --theme-alpine-comp-ag-input-disabled-background-color: rgba(255,255,255,0.06); /* @kind color */ --theme-alpine-comp-ag-input-disabled-border-color: rgb(104,104,110); /* @kind color */ --theme-alpine-comp-ag-input-focus-border-color: var(--theme-alpine-primary); /* @kind color */ --theme-alpine-comp-ag-odd-row-background-color: rgb(34,38,40); /* @kind color */ --theme-alpine-comp-ag-row-hover-color: rgba(33,150,243,0.1); /* @kind color */ --theme-alpine-comp-ag-secondary-border-color: rgba(88,86,82,0.5); /* @kind color */ --theme-alpine-comp-ag-selected-tab-underline-color: var(--theme-alpine-accent); /* @kind color */ --theme-alpine-comp-ag-side-button-selected-background-color: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --theme-alpine-comp-ag-side-buttons-background-color: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --theme-alpine-comp-ag-subheader-background-color: var(--theme-alpine-comp-ag-header-background-color); /* @kind color */ --theme-alpine-comp-ag-subheader-toolbar-background-color: var(--theme-alpine-comp-ag-header-background-color); /* @kind color */ --theme-alpine-comp-ag-value-change-delta-down-color-2: rgb(229,57,53); /* @kind color */ --theme-alpine-comp-ag-value-change-delta-down-color: rgb(229,57,53); /* @kind color */ --theme-alpine-data-2: rgb(255,255,255); /* @kind color */ --theme-alpine-data: rgb(255,255,255); /* @kind color */ --theme-alpine-error: rgb(224,37,37); /* @kind color */ --theme-alpine-primary: rgb(33,150,243); /* @kind color */ --theme-alpine-surface-02: var(--theme-material-surface-02); /* @kind color */ --theme-alpine-surface-03: var(--color-ag-global-asfalto); /* @kind color */ --theme-material-accent: rgb(33,150,243); /* @kind color */ --theme-material-active: rgb(187,134,252); /* @kind color */ --theme-material-comp-ag-active-color: var(--theme-material-active); /* @kind color */ --theme-material-comp-ag-background-color-2: rgb(18,18,18); /* @kind color */ --theme-material-comp-ag-background-color: rgb(18,18,18); /* @kind color */ --theme-material-comp-ag-border-color: rgb(56,56,56); /* @kind color */ --theme-material-comp-ag-button-default-border: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-default-text: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-disabled-background-disabled: var(--theme-material-comp-ag-input-disabled-background-color); /* @kind color */ --theme-material-comp-ag-button-disabled-border-disabled: var(--theme-material-comp-ag-input-disabled-border-color); /* @kind color */ --theme-material-comp-ag-button-disabled-text-disabled: var(--theme-material-comp-ag-disabled-foreground-color); /* @kind color */ --theme-material-comp-ag-button-hover-background: var(--theme-material-comp-ag-row-hover-color); /* @kind color */ --theme-material-comp-ag-button-hover-border: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-hover-text: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-selected-background: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-selected-border: var(--theme-material-comp-ag-active-color); /* @kind color */ --theme-material-comp-ag-button-selected-text: var(--theme-material-comp-ag-checkbox-background-color); /* @kind color */ --theme-material-comp-ag-checkbox-background-color: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-checkbox-checked-color: var(--theme-material-active); /* @kind color */ --theme-material-comp-ag-checkbox-unchecked-color: rgb(121,126,135); /* @kind color */ --theme-material-comp-ag-chip-border-color: rgb(113,113,127); /* @kind color */ --theme-material-comp-ag-control-active-background: var(--theme-material-comp-ag-checkbox-checked-color); /* @kind color */ --theme-material-comp-ag-control-background: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-control-inactive-background: var(--theme-material-comp-ag-checkbox-unchecked-color); /* @kind color */ --theme-material-comp-ag-control-panel-background-color: rgb(44,44,44); /* @kind color */ --theme-material-comp-ag-data-color: var(--theme-material-data); /* @kind color */ --theme-material-comp-ag-disabled-foreground-color: rgba(245,245,245,0.5); /* @kind color */ --theme-material-comp-ag-foreground-color-2: rgb(255,255,255); /* @kind color */ --theme-material-comp-ag-foreground-color: rgb(255,255,255); /* @kind color */ --theme-material-comp-ag-gridcell-input-background-disabled: var(--theme-material-comp-ag-input-disabled-background-color); /* @kind color */ --theme-material-comp-ag-gridcell-input-background: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-gridcell-input-border-error: var(--theme-material-comp-ag-input-border-color-invalid); /* @kind color */ --theme-material-comp-ag-gridcell-input-border-focus: var(--theme-material-primary); /* @kind color */ --theme-material-comp-ag-gridcell-input-border: var(--theme-material-comp-ag-input-border-color); /* @kind color */ --theme-material-comp-ag-gridcell-input-text: var(--theme-material-comp-ag-foreground-color); /* @kind color */ --theme-material-comp-ag-header-background-color: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-header-cell-hover-background-color: rgb(0,0,0); /* @kind color */ --theme-material-comp-ag-icon-default-2: rgba(245,245,245,0.9); /* @kind color */ --theme-material-comp-ag-icon-default: rgba(245,245,245,0.9); /* @kind color */ --theme-material-comp-ag-input-border-color-invalid: var(--theme-material-error); /* @kind color */ --theme-material-comp-ag-input-border-color: var(--theme-material-comp-ag-border-color); /* @kind color */ --theme-material-comp-ag-input-disabled-background-color: rgba(104,104,110,0.07); /* @kind color */ --theme-material-comp-ag-input-disabled-border-color: rgb(58,67,78); /* @kind color */ --theme-material-comp-ag-input-focus-border-color: rgb(187,134,252); /* @kind color */ --theme-material-comp-ag-odd-row-background-color: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-range-selection-background-color-2: rgba(187,134,252,0.36); /* @kind color */ --theme-material-comp-ag-range-selection-background-color: rgba(187,134,252,0.08); /* @kind color */ --theme-material-comp-ag-row-hover-color: rgba(187,134,252,0.2); /* @kind color */ --theme-material-comp-ag-scrollbar-slug-default: rgb(107,107,107); /* @kind color */ --theme-material-comp-ag-secondary-border-color: var(--theme-material-comp-ag-border-color); /* @kind color */ --theme-material-comp-ag-selected-row-background-color: var(--theme-material-comp-ag-row-hover-color); /* @kind color */ --theme-material-comp-ag-selected-tab-underline-color: var(--theme-material-primary); /* @kind color */ --theme-material-comp-ag-side-button-selected-background-color: var(--theme-material-comp-ag-control-panel-background-color); /* @kind color */ --theme-material-comp-ag-side-buttons-background-color: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-subheader-background-color: rgba(255,255,255,0.05); /* @kind color */ --theme-material-comp-ag-subheader-toolbar-background-color: var(--theme-material-comp-ag-control-panel-background-color); /* @kind color */ --theme-material-comp-ag-toggle-active-background: var(--theme-material-comp-ag-checkbox-checked-color); /* @kind color */ --theme-material-comp-ag-toggle-foreground: var(--theme-material-comp-ag-background-color); /* @kind color */ --theme-material-comp-ag-toggle-inactive-background: var(--theme-material-comp-ag-checkbox-unchecked-color); /* @kind color */ --theme-material-comp-ag-value-change-delta-down-color-2: rgb(229,57,53); /* @kind color */ --theme-material-comp-ag-value-change-delta-down-color: rgb(229,57,53); /* @kind color */ --theme-material-comp-ag-value-change-delta-up-color-2: rgba(67,160,71,0.66); /* @kind color */ --theme-material-comp-ag-value-change-delta-up-color: rgba(67,160,71,0.66); /* @kind color */ --theme-material-data: rgb(245,245,245); /* @kind color */ --theme-material-error: rgb(224,37,37); /* @kind color */ --theme-material-primary: rgb(63,81,181); /* @kind color */ --theme-material-surface-02: var(--color-ag-global-morado); /* @kind color */ --theme-quartz-accent: rgb(33,150,243); /* @kind color */ --theme-quartz-comp-ag-active-color: var(--theme-quartz-accent); /* @kind color */ --theme-quartz-comp-ag-background-color-2: rgb(31,41,54); /* @kind color */ --theme-quartz-comp-ag-background-color: rgb(31,41,54); /* @kind color */ --theme-quartz-comp-ag-border-color: rgba(255,255,255,0.16); /* @kind color */ --theme-quartz-comp-ag-button-default-border: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-button-default-text: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-button-disabled-background-disabled: var(--theme-quartz-comp-ag-input-disabled-background-color); /* @kind color */ --theme-quartz-comp-ag-button-disabled-border-disabled: var(--theme-quartz-comp-ag-input-disabled-border-color); /* @kind color */ --theme-quartz-comp-ag-button-disabled-text-disabled: var(--theme-quartz-comp-ag-disabled-foreground-color); /* @kind color */ --theme-quartz-comp-ag-button-hover-background: var(--theme-quartz-comp-ag-row-hover-color); /* @kind color */ --theme-quartz-comp-ag-button-hover-border: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-button-hover-text: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-button-selected-background: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-button-selected-border: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --theme-quartz-comp-ag-button-selected-text: var(--theme-quartz-comp-ag-checkbox-background-color); /* @kind color */ --theme-quartz-comp-ag-checkbox-background-color: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-checkbox-checked-color: var(--theme-quartz-accent); /* @kind color */ --theme-quartz-comp-ag-checkbox-unchecked-color: rgb(121,126,135); /* @kind color */ --theme-quartz-comp-ag-chip-border-color: rgb(113,113,127); /* @kind color */ --theme-quartz-comp-ag-control-active-background: var(--theme-quartz-accent); /* @kind color */ --theme-quartz-comp-ag-control-background: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-control-inactive-background: var(--theme-quartz-comp-ag-checkbox-unchecked-color); /* @kind color */ --theme-quartz-comp-ag-control-panel-background-color: rgb(40,49,62); /* @kind color */ --theme-quartz-comp-ag-data-color: var(--theme-quartz-data); /* @kind color */ --theme-quartz-comp-ag-disabled-foreground-color: rgba(255,255,255,0.5); /* @kind color */ --theme-quartz-comp-ag-foreground-color-3: rgb(255,255,255); /* @kind color */ --theme-quartz-comp-ag-foreground-color: rgb(255,255,255); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-background-2: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-background-disabled: var(--theme-quartz-comp-ag-input-disabled-background-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border-2: var(--theme-quartz-comp-ag-input-border-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border-error: var(--theme-quartz-comp-ag-input-border-color-invalid); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border-focus: var(--theme-quartz-primary); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-text-2: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --theme-quartz-comp-ag-header-background-color: rgb(40,49,62); /* @kind color */ --theme-quartz-comp-ag-header-cell-hover-background-color: rgb(0,0,0); /* @kind color */ --theme-quartz-comp-ag-icon-default-2: rgba(255,255,255,0.9); /* @kind color */ --theme-quartz-comp-ag-icon-default: rgba(255,255,255,0.9); /* @kind color */ --theme-quartz-comp-ag-input-border-color-invalid: var(--theme-quartz-error); /* @kind color */ --theme-quartz-comp-ag-input-border-color: var(--theme-quartz-comp-ag-border-color); /* @kind color */ --theme-quartz-comp-ag-input-disabled-background-color: rgba(104,104,110,0.07); /* @kind color */ --theme-quartz-comp-ag-input-disabled-border-color: rgb(58,67,78); /* @kind color */ --theme-quartz-comp-ag-input-focus-border-color: rgb(33,150,243); /* @kind color */ --theme-quartz-comp-ag-invalid-color: var(--theme-quartz-error); /* @kind color */ --theme-quartz-comp-ag-odd-row-background-color: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-range-selection-background-color-2: rgba(33,150,243,0.36); /* @kind color */ --theme-quartz-comp-ag-range-selection-background-color: rgba(33,150,243,0.08); /* @kind color */ --theme-quartz-comp-ag-row-hover-color: rgba(33,150,243,0.2); /* @kind color */ --theme-quartz-comp-ag-scrollbar-slug-default: rgb(107,107,107); /* @kind color */ --theme-quartz-comp-ag-secondary-border-color-2: rgba(255,255,255,0.1); /* @kind color */ --theme-quartz-comp-ag-selected-row-background-color: var(--theme-quartz-comp-ag-row-hover-color); /* @kind color */ --theme-quartz-comp-ag-selected-tab-underline-color: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-side-button-panel-background-color: var(--comp-ag-header-background-color); /* @kind color */ --theme-quartz-comp-ag-side-button-selected-background-color: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-side-buttons-background-color: var(--theme-quartz-comp-ag-header-background-color); /* @kind color */ --theme-quartz-comp-ag-subheader-background-color: var(--theme-quartz-comp-ag-header-background-color); /* @kind color */ --theme-quartz-comp-ag-subheader-toolbar-background-color: var(--theme-quartz-comp-ag-header-background-color); /* @kind color */ --theme-quartz-comp-ag-tab-border-default: var(--theme-quartz-comp-ag-subheader-toolbar-background-color); /* @kind color */ --theme-quartz-comp-ag-toggle-active-background: var(--theme-quartz-accent); /* @kind color */ --theme-quartz-comp-ag-toggle-foreground: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-toggle-inactive-background: var(--theme-quartz-comp-ag-checkbox-unchecked-color); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-down-color-2: rgb(229,57,53); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-down-color: rgb(229,57,53); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-up-color-2: rgba(67,160,71,0.66); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-up-color: rgba(67,160,71,0.66); /* @kind color */ --theme-quartz-data: rgb(255,255,255); /* @kind color */ --theme-quartz-downward: var(--color-ag-global-rose-madder); /* @kind color */ --theme-quartz-error: rgb(224,37,37); /* @kind color */ --theme-quartz-primary: rgb(33,150,243); /* @kind color */ --theme-quartz-surface-02: rgba(255,255,255,0.1); /* @kind color */ } :root[data-mode="wireframe"] { --brand: "Flow Circular"; /* @kind other */ --mono: "Flow Circular"; /* @kind other */ --plain: "Flow Circular"; /* @kind other */ --weight-bold: "Regular"; /* @kind other */ --weight-medium: "Regular"; /* @kind other */ --weight-regular: "Regular"; /* @kind other */ } :root[data-mode="mode-2"] { --large-space-1000-2: 40; --large-space-1100-2: 44; --large-space-1200-2: 48; --large-space-1400-2: 56; --large-space-1600-2: 64; --medium-space-400-2: 16; --medium-space-500-2: 20; --medium-space-600-2: 24; --medium-space-800-2: 32; --medium-space-900-2: 36; --small-space-100-2: 4; --small-space-200-2: 8; --small-space-250-2: 10; --small-space-300: 12; --small-space-50-2: 2; } :root[data-theme="light"], .light { --schemes-on-surface-variant-2: rgb(28,37,39); /* @kind color */ --schemes-on-surface-variant-2: rgb(59,68,70); /* @kind color */ --schemes-outline-variant-2: rgb(119,123,131); /* @kind color */ --schemes-outline-variant-2: rgb(63,67,74); /* @kind color */ --schemes-outline-variant-3: rgb(115,124,126); /* @kind color */ --schemes-outline-variant-3: rgb(59,68,70); /* @kind color */ --schemes-primary-2: rgb(0,39,43); /* @kind color */ --schemes-primary-2: rgb(0,74,82); /* @kind color */ --schemes-primary-3: rgb(0,39,43); /* @kind color */ --schemes-primary-3: rgb(0,74,82); /* @kind color */ --schemes-surface-container-lowest-2: rgb(255,255,255); /* @kind color */ --schemes-surface-container-lowest-2: rgb(255,255,255); /* @kind color */ } :root[data-mode="quartz"] { --ag-border-radius: 4; --ag-checkbox-border-radius: 2; --ag-foreground-color: rgb(0,0,0); /* @kind color */ --ag-header-background-color: rgb(255,255,255); /* @kind color */ --comp-ag-active-color: var(--theme-quartz-comp-ag-active-color); /* @kind color */ --comp-ag-background-color-2: var(--theme-quartz-comp-ag-background-color-2); /* @kind color */ --comp-ag-background-color: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --comp-ag-border-color: var(--theme-quartz-comp-ag-border-color); /* @kind color */ --comp-ag-button-default-background: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --comp-ag-button-default-border: var(--theme-quartz-comp-ag-button-default-border); /* @kind color */ --comp-ag-button-default-text: var(--theme-quartz-comp-ag-button-default-text); /* @kind color */ --comp-ag-button-disabled-background-disabled: var(--theme-quartz-comp-ag-button-disabled-background-disabled); /* @kind color */ --comp-ag-button-disabled-border-disabled: var(--theme-quartz-comp-ag-button-disabled-border-disabled); /* @kind color */ --comp-ag-button-disabled-text-disabled: var(--theme-quartz-comp-ag-button-disabled-text-disabled); /* @kind color */ --comp-ag-button-hover-background: var(--theme-quartz-comp-ag-button-hover-background); /* @kind color */ --comp-ag-button-hover-border: var(--theme-quartz-comp-ag-button-hover-border); /* @kind color */ --comp-ag-button-hover-text: var(--theme-quartz-comp-ag-button-hover-text); /* @kind color */ --comp-ag-button-selected-background: var(--theme-quartz-comp-ag-button-selected-background); /* @kind color */ --comp-ag-button-selected-border: var(--theme-quartz-comp-ag-button-selected-border); /* @kind color */ --comp-ag-button-selected-text: var(--theme-quartz-comp-ag-button-selected-text); /* @kind color */ --comp-ag-checkbox-checked-color: var(--theme-quartz-comp-ag-checkbox-checked-color); /* @kind color */ --comp-ag-chip-background-color: rgba(37,42,44,0.07); /* @kind color */ --comp-ag-chip-border-color: var(--theme-quartz-comp-ag-chip-border-color); /* @kind color */ --comp-ag-control-active-background: var(--theme-quartz-comp-ag-control-active-background); /* @kind color */ --comp-ag-control-background: var(--theme-quartz-comp-ag-control-background); /* @kind color */ --comp-ag-control-inactive-background: var(--theme-quartz-comp-ag-control-inactive-background); /* @kind color */ --comp-ag-control-panel-background-color: var(--theme-quartz-comp-ag-control-panel-background-color); /* @kind color */ --comp-ag-data-color: var(--theme-quartz-comp-ag-data-color); /* @kind color */ --comp-ag-filter-input-background: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --comp-ag-filter-input-border-error: var(--theme-quartz-comp-ag-input-border-color-invalid); /* @kind color */ --comp-ag-filter-input-border: var(--theme-quartz-comp-ag-input-border-color); /* @kind color */ --comp-ag-filter-input-text-disabled: var(--theme-quartz-comp-ag-disabled-foreground-color); /* @kind color */ --comp-ag-foreground-color-2: var(--theme-quartz-comp-ag-foreground-color-3); /* @kind color */ --comp-ag-foreground-color: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --comp-ag-gridcell-input-background-disabled: var(--theme-quartz-comp-ag-gridcell-input-background-disabled); /* @kind color */ --comp-ag-gridcell-input-background: var(--theme-quartz-comp-ag-gridcell-input-background-2); /* @kind color */ --comp-ag-gridcell-input-border-error: var(--theme-quartz-comp-ag-gridcell-input-border-error); /* @kind color */ --comp-ag-gridcell-input-border-focus: var(--theme-quartz-comp-ag-gridcell-input-border-focus); /* @kind color */ --comp-ag-gridcell-input-border: var(--theme-quartz-comp-ag-gridcell-input-border-2); /* @kind color */ --comp-ag-gridcell-input-text: var(--theme-quartz-comp-ag-gridcell-input-text-2); /* @kind color */ --comp-ag-header-background-color: var(--theme-quartz-comp-ag-header-background-color); /* @kind color */ --comp-ag-header-cell-hover-background-color: var(--theme-quartz-comp-ag-header-cell-hover-background-color); /* @kind color */ --comp-ag-icon-default-2: var(--theme-quartz-comp-ag-icon-default-2); /* @kind color */ --comp-ag-icon-default: var(--theme-quartz-comp-ag-icon-default); /* @kind color */ --comp-ag-input-focus-border-color: var(--theme-quartz-comp-ag-input-focus-border-color); /* @kind color */ --comp-ag-odd-row-background-color: var(--theme-quartz-comp-ag-odd-row-background-color); /* @kind color */ --comp-ag-range-selection-background-color-2: var(--theme-quartz-comp-ag-range-selection-background-color-2); /* @kind color */ --comp-ag-range-selection-background-color: var(--theme-quartz-comp-ag-range-selection-background-color); /* @kind color */ --comp-ag-row-hover-color: var(--theme-quartz-comp-ag-row-hover-color); /* @kind color */ --comp-ag-scrollbar-slug-default: var(--theme-quartz-comp-ag-scrollbar-slug-default); /* @kind color */ --comp-ag-secondary-border-color: var(--theme-quartz-comp-ag-secondary-border-color-2); /* @kind color */ --comp-ag-selected-row-background-color: var(--theme-quartz-comp-ag-selected-row-background-color); /* @kind color */ --comp-ag-selected-tab-underline-color: var(--theme-quartz-comp-ag-selected-tab-underline-color); /* @kind color */ --comp-ag-side-button-panel-background-color: var(--theme-quartz-comp-ag-side-button-panel-background-color); /* @kind color */ --comp-ag-side-button-selected-background-color: var(--theme-quartz-comp-ag-side-button-selected-background-color); /* @kind color */ --comp-ag-side-buttons-background-color: var(--theme-quartz-comp-ag-side-buttons-background-color); /* @kind color */ --comp-ag-subheader-background-color: var(--theme-quartz-comp-ag-subheader-background-color); /* @kind color */ --comp-ag-subheader-toolbar-background-color: var(--theme-quartz-comp-ag-subheader-toolbar-background-color); /* @kind color */ --comp-ag-tab-border-default: var(--theme-quartz-comp-ag-tab-border-default); /* @kind color */ --comp-ag-toggle-active-background: var(--theme-quartz-comp-ag-toggle-active-background); /* @kind color */ --comp-ag-toggle-control: 28; /* @kind spacing */ --comp-ag-toggle-foreground: var(--theme-quartz-comp-ag-toggle-foreground); /* @kind color */ --comp-ag-toggle-inactive-background: var(--theme-quartz-comp-ag-toggle-inactive-background); /* @kind color */ --comp-ag-toggle-padding: 2; --comp-ag-value-change-delta-down-color-2: var(--theme-quartz-comp-ag-value-change-delta-down-color-2); /* @kind color */ --comp-ag-value-change-delta-down-color: var(--theme-quartz-comp-ag-value-change-delta-down-color); /* @kind color */ --comp-ag-value-change-delta-up-color-2: var(--theme-quartz-comp-ag-value-change-delta-up-color-2); /* @kind color */ --comp-ag-value-change-delta-up-color: var(--theme-quartz-comp-ag-value-change-delta-up-color); /* @kind color */ --size-ag-grid-size: 6; --size-ag-header-height: 64; --size-ag-icon-size: 16; --size-ag-input-cell-height: 50; --size-ag-input-filter-height: 44; --size-ag-list-item-height: 32; --size-ag-row-height: 56; --space-ag-cell-horizontal-padding: 16; --space-ag-cell-widget-spacing: 12; --space-ag-grid-size-2: 8; --space-ag-grid-size: 8; --space-ag-widget-container-horizontal-padding: 12; --space-ag-widget-vertical-spacing: 8; --theme-quartz-comp-ag-border-color-2: var(--theme-quartz-surface-02); /* @kind color */ --theme-quartz-comp-ag-filter-input-text: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --theme-quartz-comp-ag-foreground-color-2: var(--theme-quartz-data); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-background: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border: var(--theme-quartz-comp-ag-input-border-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-text: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --theme-quartz-comp-ag-secondary-border-color: var(--theme-quartz-surface-02); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-down-color-3: var(--theme-quartz-downward); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-up-color-3: rgba(67,160,71,0.66); /* @kind color */ } :root[data-mode="alpine"] { --ag-border-radius-2: 4; --ag-border-radius: 3; --ag-checkbox-border-radius: 2; --ag-foreground-color: rgb(0,0,0); /* @kind color */ --ag-header-background-color: rgb(255,255,255); /* @kind color */ --comp-ag-active-color: var(--theme-alpine-comp-ag-active-color); /* @kind color */ --comp-ag-background-color-2: var(--theme-alpine-comp-ag-background-color-2); /* @kind color */ --comp-ag-background-color: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --comp-ag-border-color: var(--theme-alpine-comp-ag-border-color); /* @kind color */ --comp-ag-button-default-background: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --comp-ag-button-default-border: var(--theme-alpine-comp-ag-active-color); /* @kind color */ --comp-ag-button-default-text: var(--theme-alpine-comp-ag-active-color); /* @kind color */ --comp-ag-button-disabled-background-disabled: var(--theme-alpine-comp-ag-input-disabled-background-color); /* @kind color */ --comp-ag-button-disabled-border-disabled: var(--theme-alpine-comp-ag-input-disabled-border-color); /* @kind color */ --comp-ag-button-disabled-text-disabled: var(--theme-alpine-comp-ag-disabled-foreground-color); /* @kind color */ --comp-ag-button-hover-background: var(--theme-alpine-comp-ag-row-hover-color); /* @kind color */ --comp-ag-button-hover-border: var(--theme-alpine-comp-ag-active-color); /* @kind color */ --comp-ag-button-hover-text: var(--theme-alpine-comp-ag-active-color); /* @kind color */ --comp-ag-button-selected-background: var(--theme-alpine-comp-ag-active-color); /* @kind color */ --comp-ag-button-selected-border: var(--theme-alpine-comp-ag-active-color); /* @kind color */ --comp-ag-button-selected-text: var(--theme-alpine-comp-ag-checkbox-background-color); /* @kind color */ --comp-ag-checkbox-checked-color: var(--theme-alpine-comp-ag-checkbox-checked-color); /* @kind color */ --comp-ag-chip-background-color: rgb(248,248,248); /* @kind color */ --comp-ag-chip-border-color: rgba(186,191,199,0.3); /* @kind color */ --comp-ag-control-active-background: var(--theme-alpine-comp-ag-checkbox-checked-color); /* @kind color */ --comp-ag-control-background: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --comp-ag-control-inactive-background: var(--theme-alpine-comp-ag-checkbox-unchecked-color); /* @kind color */ --comp-ag-control-panel-background-color: var(--theme-alpine-comp-ag-control-panel-background-color); /* @kind color */ --comp-ag-data-color: var(--theme-alpine-comp-ag-data-color); /* @kind color */ --comp-ag-filter-input-background: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --comp-ag-filter-input-border-error: var(--theme-alpine-comp-ag-input-border-color-invalid); /* @kind color */ --comp-ag-filter-input-border: var(--theme-alpine-comp-ag-input-border-color); /* @kind color */ --comp-ag-filter-input-text-disabled: var(--theme-alpine-comp-ag-disabled-foreground-color); /* @kind color */ --comp-ag-foreground-color-2: var(--theme-alpine-comp-ag-foreground-color-2); /* @kind color */ --comp-ag-foreground-color: var(--theme-alpine-comp-ag-foreground-color); /* @kind color */ --comp-ag-gridcell-input-background-disabled: var(--theme-alpine-comp-ag-input-disabled-background-color); /* @kind color */ --comp-ag-gridcell-input-background: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --comp-ag-gridcell-input-border-error: var(--theme-alpine-comp-ag-input-border-color-invalid); /* @kind color */ --comp-ag-gridcell-input-border-focus: var(--theme-alpine-comp-ag-active-color); /* @kind color */ --comp-ag-gridcell-input-border: var(--theme-alpine-comp-ag-input-border-color); /* @kind color */ --comp-ag-gridcell-input-text: var(--theme-alpine-comp-ag-foreground-color); /* @kind color */ --comp-ag-header-background-color: var(--theme-alpine-comp-ag-header-background-color); /* @kind color */ --comp-ag-header-cell-hover-background-color: var(--theme-alpine-comp-ag-header-cell-hover-background-color); /* @kind color */ --comp-ag-icon-default-2: var(--theme-alpine-comp-ag-icon-default-2); /* @kind color */ --comp-ag-icon-default: var(--theme-alpine-comp-ag-icon-default); /* @kind color */ --comp-ag-input-focus-border-color: var(--theme-alpine-comp-ag-input-focus-border-color); /* @kind color */ --comp-ag-odd-row-background-color: var(--theme-alpine-comp-ag-odd-row-background-color); /* @kind color */ --comp-ag-range-selection-background-color-2: rgba(33,150,243,0.36); /* @kind color */ --comp-ag-range-selection-background-color: rgba(33,150,243,0.2); /* @kind color */ --comp-ag-row-hover-color: var(--theme-alpine-comp-ag-row-hover-color); /* @kind color */ --comp-ag-scrollbar-slug-default: rgb(184,184,184); /* @kind color */ --comp-ag-secondary-border-color: var(--theme-alpine-comp-ag-secondary-border-color); /* @kind color */ --comp-ag-selected-row-background-color: rgba(33,150,243,0.2); /* @kind color */ --comp-ag-selected-tab-underline-color: var(--theme-alpine-comp-ag-selected-tab-underline-color); /* @kind color */ --comp-ag-side-button-panel-background-color: var(--theme-quartz-comp-ag-side-button-panel-background-color); /* @kind color */ --comp-ag-side-button-selected-background-color: var(--theme-alpine-comp-ag-side-button-selected-background-color); /* @kind color */ --comp-ag-side-buttons-background-color: var(--theme-alpine-comp-ag-side-buttons-background-color); /* @kind color */ --comp-ag-subheader-background-color: var(--theme-alpine-comp-ag-subheader-background-color); /* @kind color */ --comp-ag-subheader-toolbar-background-color: var(--theme-alpine-comp-ag-subheader-toolbar-background-color); /* @kind color */ --comp-ag-tab-border-default: var(--theme-alpine-comp-ag-subheader-toolbar-background-color); /* @kind color */ --comp-ag-toggle-active-background: var(--theme-alpine-accent); /* @kind color */ --comp-ag-toggle-control: 28; /* @kind spacing */ --comp-ag-toggle-foreground: var(--theme-alpine-comp-ag-background-color); /* @kind color */ --comp-ag-toggle-inactive-background: var(--theme-alpine-comp-ag-checkbox-unchecked-color); /* @kind color */ --comp-ag-toggle-padding: 2; --comp-ag-value-change-delta-down-color-2: var(--theme-alpine-comp-ag-value-change-delta-down-color-2); /* @kind color */ --comp-ag-value-change-delta-down-color: var(--theme-alpine-comp-ag-value-change-delta-down-color); /* @kind color */ --comp-ag-value-change-delta-up-color-2: rgba(67,160,71,0.66); /* @kind color */ --comp-ag-value-change-delta-up-color: rgba(67,160,71,0.66); /* @kind color */ --size-ag-grid-size: 6; --size-ag-header-height: 48; --size-ag-icon-size: 16; --size-ag-input-cell-height: 31; --size-ag-input-filter-height: 24; --size-ag-list-item-height: 24; --size-ag-row-height: 42; --space-ag-cell-horizontal-padding: 18; --space-ag-cell-widget-spacing: 12; --space-ag-grid-size-2: 6; --space-ag-grid-size: 6; --space-ag-widget-container-horizontal-padding: 12; --space-ag-widget-vertical-spacing: 6; --theme-quartz-comp-ag-border-color-2: var(--theme-alpine-surface-02); /* @kind color */ --theme-quartz-comp-ag-filter-input-text: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --theme-quartz-comp-ag-foreground-color-2: var(--theme-alpine-data); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-background: var(--theme-quartz-comp-ag-background-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-border: var(--theme-quartz-comp-ag-input-border-color); /* @kind color */ --theme-quartz-comp-ag-gridcell-input-text: var(--theme-quartz-comp-ag-foreground-color); /* @kind color */ --theme-quartz-comp-ag-secondary-border-color: var(--theme-alpine-surface-03); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-down-color-3: var(--theme-quartz-downward); /* @kind color */ --theme-quartz-comp-ag-value-change-delta-up-color-3: rgba(67,160,71,0.66); /* @kind color */ } :root[data-mode="material"] { --ag-border-radius-2: 4; } :root[data-mode="compact"] { --size-ag-row-height-2: 28; } :root[data-mode="comfort"] { --size-ag-row-height-2: 84; }