/** * Do not edit directly */ .kbq-light { --kbq-background-bg: oklch(100.0% 0.0000 0.0); --kbq-background-bg-secondary: oklch(96.9% 0.0050 260.0); --kbq-background-bg-tertiary: oklch(94.6% 0.0068 260.0); --kbq-background-night: oklch(41.1% 0.0300 260.0); --kbq-background-card: oklch(100.0% 0.0000 0.0); --kbq-background-theme: oklch(50.6% 0.2637 260.3 / 0.73); --kbq-background-theme-fade: oklch(54.8% 0.2458 256.9 / 0.15); --kbq-background-theme-less: oklch(52.7% 0.2480 258.1 / 0.10); --kbq-background-contrast: oklch(14.5% 0.0498 247.4 / 0.79); --kbq-background-contrast-fade: oklch(24.6% 0.1014 255.2 / 0.11); --kbq-background-contrast-less: oklch(24.7% 0.1052 257.1 / 0.08); --kbq-background-error: oklch(54.9% 0.2426 30.5 / 0.75); --kbq-background-error-fade: oklch(58.5% 0.2558 30.7 / 0.13); --kbq-background-error-less: oklch(57.2% 0.2546 30.0 / 0.10); --kbq-background-success: oklch(51.6% 0.2088 142.9 / 0.84); --kbq-background-success-fade: oklch(52.9% 0.2237 144.8 / 0.16); --kbq-background-success-less: oklch(49.6% 0.2122 145.2 / 0.11); --kbq-background-warning: oklch(80.8% 0.1989 71.4 / 0.69); --kbq-background-warning-fade: oklch(75.9% 0.2116 56.0 / 0.15); --kbq-background-warning-less: oklch(76.2% 0.2103 56.9 / 0.12); --kbq-background-transparent: #00000000; --kbq-background-overlay: oklch(16.7% 0.0613 250.2 / 0.64); --kbq-background-overlay-theme: oklch(54.4% 0.2503 257.6 / 0.39); --kbq-background-overlay-error: oklch(59.2% 0.2583 30.9 / 0.38); --kbq-background-overlay-inverse: oklch(100.0% 0.0000 0.0 / 0.90); --kbq-background-highlight: oklch(75.9% 0.2116 56.0 / 0.15); --kbq-foreground-contrast: oklch(13.5% 0.0474 248.4 / 0.85); --kbq-foreground-contrast-secondary: oklch(17.0% 0.0661 252.4 / 0.60); --kbq-foreground-contrast-tertiary: oklch(18.8% 0.0697 252.8 / 0.47); --kbq-foreground-theme: oklch(46.2% 0.2570 261.5 / 0.80); --kbq-foreground-theme-secondary: oklch(51.5% 0.2657 260.1 / 0.67); --kbq-foreground-error: oklch(51.4% 0.2240 31.0 / 0.89); --kbq-foreground-error-secondary: oklch(56.0% 0.2461 30.7 / 0.68); --kbq-foreground-error-tertiary: oklch(58.2% 0.2564 30.6 / 0.55); --kbq-foreground-error-less: oklch(58.2% 0.2564 30.6 / 0.55); /* DEPRECATED: use foreground-error-tertiary */ --kbq-foreground-success: oklch(44.6% 0.1728 141.1 / 0.87); --kbq-foreground-success-secondary: oklch(52.5% 0.2114 142.7 / 0.78); --kbq-foreground-success-tertiary: oklch(52.6% 0.2160 143.5 / 0.63); --kbq-foreground-success-less: oklch(52.6% 0.2160 143.5 / 0.63); /* DEPRECATED: use --kbq-foreground-success-tertiary */ --kbq-foreground-warning: oklch(47.2% 0.1151 73.5 / 0.88); --kbq-foreground-warning-secondary: oklch(58.2% 0.1459 68.4 / 0.83); --kbq-foreground-visited: oklch(44.2% 0.2402 305.6 / 0.73); --kbq-foreground-on-contrast: oklch(100.0% 0.0000 0.0); --kbq-foreground-on-contrast-secondary: oklch(100.0% 0.0000 0.0 / 0.80); --kbq-foreground-white: oklch(100.0% 0.0000 0.0); --kbq-foreground-white-secondary: oklch(100.0% 0.0000 0.0 / 0.80); --kbq-foreground-white-tertiary: oklch(100.0% 0.0000 0.0 / 0.60); --kbq-foreground-night: oklch(0.0% 0.0000 0.0 / 0.80); --kbq-foreground-night-secondary: oklch(0.0% 0.0000 0.0 / 0.60); --kbq-foreground-night-tertiary: oklch(0.0% 0.0000 0.0 / 0.45); --kbq-icon-contrast: oklch(13.5% 0.0474 248.4 / 0.85); --kbq-icon-contrast-fade: oklch(18.0% 0.0702 252.5 / 0.51); --kbq-icon-theme: oklch(50.6% 0.2637 260.3 / 0.73); --kbq-icon-theme-fade: oklch(53.6% 0.2567 258.5 / 0.50); --kbq-icon-error: oklch(54.9% 0.2426 30.5 / 0.75); --kbq-icon-error-fade: oklch(59.2% 0.2583 30.9 / 0.50); --kbq-icon-success: oklch(51.6% 0.2088 142.9 / 0.84); --kbq-icon-success-fade: oklch(51.6% 0.2088 142.9 / 0.84); --kbq-icon-warning: oklch(71.6% 0.1747 73.5 / 0.83); --kbq-icon-warning-fade: oklch(77.6% 0.2049 61.1 / 0.28); --kbq-icon-visited: oklch(46.4% 0.2572 300.6 / 0.62); --kbq-icon-on-contrast: oklch(100.0% 0.0000 0.0); --kbq-icon-on-contrast-fade: oklch(100.0% 0.0000 0.0 / 0.80); --kbq-icon-white: oklch(100.0% 0.0000 0.0); --kbq-icon-white-fade: oklch(100.0% 0.0000 0.0 / 0.80); --kbq-icon-night: oklch(0.0% 0.0000 0.0 / 0.80); --kbq-icon-night-fade: oklch(0.0% 0.0000 0.0 / 0.60); --kbq-line-contrast: oklch(13.5% 0.0474 248.4 / 0.85); --kbq-line-contrast-fade: oklch(20.4% 0.0925 258.5 / 0.24); --kbq-line-contrast-less: oklch(22.8% 0.0965 257.3 / 0.13); --kbq-line-theme: oklch(51.5% 0.2657 260.1 / 0.67); --kbq-line-theme-fade: oklch(54.5% 0.2458 257.0 / 0.34); --kbq-line-theme-less: oklch(55.0% 0.2413 256.3 / 0.19); --kbq-line-error: oklch(56.0% 0.2461 30.7 / 0.68); --kbq-line-error-fade: oklch(59.3% 0.2573 31.1 / 0.32); --kbq-line-success: oklch(52.5% 0.2114 142.7 / 0.78); --kbq-line-success-fade: oklch(54.5% 0.2266 144.1 / 0.38); --kbq-line-warning: oklch(58.2% 0.1459 68.4 / 0.83); --kbq-line-warning-fade: oklch(66.3% 0.1769 60.3 / 0.47); --kbq-line-visited: oklch(46.8% 0.2610 299.0 / 0.56); --kbq-line-visited-fade: oklch(49.2% 0.2825 291.8 / 0.27); --kbq-line-on-contrast: oklch(100.0% 0.0000 0.0); --kbq-line-on-contrast-fade: oklch(100.0% 0.0000 0.0 / 0.40); --kbq-line-on-contrast-less: oklch(100.0% 0.0000 0.0 / 0.25); --kbq-line-white: oklch(100.0% 0.0000 0.0); --kbq-line-white-fade: oklch(100.0% 0.0000 0.0 / 0.50); --kbq-line-white-less: oklch(100.0% 0.0000 0.0 / 0.30); --kbq-line-night: oklch(0.0% 0.0000 0.0); --kbq-line-night-fade: oklch(0.0% 0.0000 0.0 / 0.30); --kbq-line-night-less: oklch(0.0% 0.0000 0.0 / 0.15); --kbq-states-background-disabled: oklch(24.7% 0.1052 257.1 / 0.08); --kbq-states-background-contrast-hover: oklch(15.1% 0.0536 248.8 / 0.74); --kbq-states-background-contrast-active: oklch(16.7% 0.0613 250.2 / 0.64); --kbq-states-background-contrast-fade-hover: oklch(22.8% 0.0965 257.3 / 0.13); --kbq-states-background-contrast-fade-active: oklch(22.8% 0.0942 255.5 / 0.17); --kbq-states-background-contrast-less-hover: oklch(24.6% 0.1014 255.2 / 0.11); --kbq-states-background-contrast-less-active: oklch(22.8% 0.0965 257.3 / 0.13); --kbq-states-background-transparent-hover: oklch(24.7% 0.1052 257.1 / 0.08); --kbq-states-background-transparent-active: oklch(24.6% 0.1014 255.2 / 0.11); --kbq-states-background-theme-hover: oklch(49.5% 0.2621 260.6 / 0.79); --kbq-states-background-theme-active: oklch(46.2% 0.2570 261.5 / 0.80); --kbq-states-background-theme-fade-hover: oklch(55.0% 0.2413 256.3 / 0.19); --kbq-states-background-theme-fade-active: oklch(55.3% 0.2451 256.6 / 0.23); --kbq-states-background-theme-less-hover: oklch(54.8% 0.2458 256.9 / 0.15); --kbq-states-background-theme-less-active: oklch(55.0% 0.2413 256.3 / 0.19); --kbq-states-background-error-hover: oklch(54.0% 0.2393 30.4 / 0.83); --kbq-states-background-error-active: oklch(51.4% 0.2240 31.0 / 0.89); --kbq-states-background-error-fade-hover: oklch(58.3% 0.2523 31.2 / 0.18); --kbq-states-background-error-fade-active: oklch(58.6% 0.2548 31.0 / 0.21); --kbq-states-background-error-less: oklch(58.5% 0.2558 30.7 / 0.13); /* DEPRECATED: use --kbq-background-error-tertiary */ --kbq-states-background-error-less-hover: oklch(58.5% 0.2558 30.7 / 0.13); --kbq-states-background-error-less-active: oklch(58.3% 0.2523 31.2 / 0.18); --kbq-states-background-warning-hover: oklch(71.6% 0.1747 73.5 / 0.83); --kbq-states-background-warning-active: oklch(63.9% 0.1568 72.3 / 0.91); --kbq-states-background-warning-fade-hover: oklch(77.4% 0.2060 60.7 / 0.31); --kbq-states-background-warning-fade-active: oklch(78.8% 0.2021 65.1 / 0.42); --kbq-states-background-warning-less-hover: oklch(65.2% 0.1808 56.3 / 0.19); --kbq-states-background-warning-less-active: oklch(66.3% 0.1832 56.8 / 0.25); --kbq-states-background-success-hover: oklch(48.1% 0.1946 142.9 / 0.85); --kbq-states-background-success-active: oklch(44.6% 0.1728 141.1 / 0.87); --kbq-states-background-success-fade-hover: oklch(54.7% 0.2298 144.5 / 0.21); --kbq-states-background-success-fade-active: oklch(55.8% 0.2339 144.4 / 0.26); --kbq-states-background-success-less-hover: oklch(52.9% 0.2237 144.8 / 0.16); --kbq-states-background-success-less-active: oklch(54.7% 0.2298 144.5 / 0.21); --kbq-states-background-highcurrent: oklch(74.5% 0.2181 51.7 / 0.45); --kbq-states-foreground-disabled: oklch(18.7% 0.0774 256.6 / 0.39); --kbq-states-foreground-theme-hover: oklch(40.7% 0.2355 262.1 / 0.80); --kbq-states-foreground-theme-active: oklch(31.9% 0.1885 262.4 / 0.84); --kbq-states-foreground-visited-hover: oklch(40.0% 0.2149 308.7 / 0.76); --kbq-states-foreground-visited-active: oklch(32.2% 0.1709 312.4 / 0.83); --kbq-states-icon-disabled: oklch(20.4% 0.0925 258.5 / 0.24); --kbq-states-icon-contrast-hover: oklch(17.0% 0.0661 252.4 / 0.60); --kbq-states-icon-contrast-active: oklch(18.0% 0.0702 252.5 / 0.51); --kbq-states-icon-contrast-fade-hover: oklch(18.7% 0.0774 256.6 / 0.39); --kbq-states-icon-contrast-fade-active: oklch(17.0% 0.0661 252.4 / 0.60); --kbq-states-icon-theme-hover: oklch(49.5% 0.2621 260.6 / 0.79); --kbq-states-icon-theme-active: oklch(49.5% 0.2621 260.6 / 0.79); --kbq-states-icon-error-hover: oklch(54.0% 0.2393 30.4 / 0.83); --kbq-states-icon-error-active: oklch(51.4% 0.2240 31.0 / 0.89); --kbq-states-icon-success-hover: oklch(48.1% 0.1946 142.9 / 0.85); --kbq-states-icon-success-active: oklch(44.6% 0.1728 141.1 / 0.87); --kbq-states-icon-warning-hover: oklch(50.9% 0.1246 72.8 / 0.86); --kbq-states-icon-warning-active: oklch(47.2% 0.1151 73.5 / 0.88); --kbq-states-icon-visited-hover: oklch(46.2% 0.2549 301.7 / 0.68); --kbq-states-icon-visited-active: oklch(44.2% 0.2402 305.6 / 0.73); --kbq-states-line-disabled: oklch(22.8% 0.0965 257.3 / 0.13); --kbq-states-line-focus: oklch(51.5% 0.2657 260.1 / 0.67); --kbq-states-line-focus-theme: oklch(51.5% 0.2657 260.1 / 0.67); --kbq-states-line-focus-error: oklch(56.0% 0.2461 30.7 / 0.68); --kbq-states-disabled-opacity: 0.5; /* DEPRECATED: Use --kbq-opacity-disabled */ --kbq-shadow-outline: oklch(32.3% 0.1276 255.4 / 0.05); --kbq-shadow-key: oklch(22.8% 0.0965 257.3 / 0.13); --kbq-shadow-ambient: oklch(22.8% 0.0965 257.3 / 0.13); --kbq-opacity-disabled: 0.5; --kbq-opacity-overlay: 0.9; --kbq-shadow-overflow-compact-top: 0px -1px 0px 0px oklch(22.8% 0.0965 257.3 / 0.13); --kbq-shadow-overflow-compact-right: 1px 0px 0px 0px oklch(22.8% 0.0965 257.3 / 0.13); --kbq-shadow-overflow-compact-bottom: 0px 1px 0px 0px oklch(22.8% 0.0965 257.3 / 0.13); --kbq-shadow-overflow-compact-left: -1px 0 0px 0px oklch(22.8% 0.0965 257.3 / 0.13); --kbq-shadow-overflow-normal-top: 0 -9px 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); --kbq-shadow-overflow-normal-right: 9px 0 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); --kbq-shadow-overflow-normal-left: -9px 0 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); --kbq-shadow-overflow-normal-bottom: 0 9px 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); --kbq-shadow-card: 0 0px 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 1px 6px 0 oklch(22.8% 0.0965 257.3 / 0.13), 0 1px 6px 0 oklch(22.8% 0.0965 257.3 / 0.13); --kbq-shadow-popup: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); --kbq-shadow-overlay: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 3px 16px oklch(22.8% 0.0965 257.3 / 0.13), 0 4px 32px oklch(22.8% 0.0965 257.3 / 0.13); --kbq-accordion-item-default-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-accordion-item-default-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-accordion-item-default-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-accordion-item-header-scroll-shadow: 0 9px 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-accordion-item-states-hover-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-accordion-item-states-focus-border-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-accordion-item-states-disabled-text-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-accordion-item-states-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-contrast-container-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-contrast-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-contrast-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-error-container-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-error-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-error-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-warning-container-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-warning-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-warning-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-success-container-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-success-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-success-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-theme-container-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-theme-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-default-theme-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-contrast-container-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-contrast-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-contrast-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-error-container-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-error-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-error-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-warning-container-background: oklch(76.2% 0.2103 56.9 / 0.12); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-warning-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-warning-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-success-container-background: oklch(49.6% 0.2122 145.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-success-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-success-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-theme-container-background: oklch(52.7% 0.2480 258.1 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-theme-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-alert-colored-theme-container-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-theme-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-theme-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-theme-caption: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-theme-icon: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-success-background: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-success-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-success-caption: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-success-icon: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-warning-background: oklch(80.8% 0.1989 71.4 / 0.69); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-warning-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-warning-caption: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-warning-icon: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-error-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-error-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-error-caption: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-off-error-icon: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-theme-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-theme-color: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-theme-caption: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-theme-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-contrast-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-contrast-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-contrast-caption: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-contrast-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-success-background: oklch(52.9% 0.2237 144.8 / 0.16); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-success-color: oklch(44.6% 0.1728 141.1 / 0.87); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-success-caption: oklch(44.6% 0.1728 141.1 / 0.87); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-success-icon: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-warning-background: oklch(75.9% 0.2116 56.0 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-warning-color: oklch(47.2% 0.1151 73.5 / 0.88); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-warning-caption: oklch(47.2% 0.1151 73.5 / 0.88); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-warning-icon: oklch(71.6% 0.1747 73.5 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-error-background: oklch(58.5% 0.2558 30.7 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-error-color: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-error-caption: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-filled-fade-on-error-icon: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-theme-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-theme-color: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-theme-border: oklch(54.5% 0.2458 257.0 / 0.34); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-theme-caption: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-theme-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-contrast-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-contrast-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-contrast-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-contrast-caption: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-contrast-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-success-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-success-color: oklch(44.6% 0.1728 141.1 / 0.87); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-success-border: oklch(54.5% 0.2266 144.1 / 0.38); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-success-caption: oklch(44.6% 0.1728 141.1 / 0.87); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-success-icon: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-warning-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-warning-color: oklch(47.2% 0.1151 73.5 / 0.88); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-warning-border: oklch(66.3% 0.1769 60.3 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-warning-caption: oklch(47.2% 0.1151 73.5 / 0.88); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-warning-icon: oklch(71.6% 0.1747 73.5 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-error-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-error-color: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-error-border: oklch(59.3% 0.2573 31.1 / 0.32); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-error-caption: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-badge-outline-fade-on-error-icon: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-container-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-default-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-default-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-default-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-hover-background: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-hover-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-hover-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-active-background: oklch(22.8% 0.0942 255.5 / 0.17); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-active-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-active-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-hover-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-hover-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-active-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-active-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-active-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-selected-disabled-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-disabled-background: none; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-disabled-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-toggle-item-states-focused-outline: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-background: oklch(14.5% 0.0498 247.4 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-foreground: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-left-icon: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-right-icon: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-states-hover-background: oklch(15.1% 0.0536 248.8 / 0.74); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-states-active-background: oklch(16.7% 0.0613 250.2 / 0.64); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-states-active-hover-background: oklch(16.7% 0.0613 250.2 / 0.64); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-states-disabled-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-states-disabled-foreground: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-states-disabled-left-icon: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-off-states-disabled-right-icon: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-states-hover-background: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-states-active-background: oklch(22.8% 0.0942 255.5 / 0.17); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-states-active-hover-background: oklch(22.8% 0.0942 255.5 / 0.17); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-states-disabled-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-states-disabled-foreground: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-states-disabled-left-icon: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-filled-contrast-fade-on-states-disabled-right-icon: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-border: oklch(54.5% 0.2458 257.0 / 0.34); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-foreground: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-left-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-right-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-hover-border: oklch(54.5% 0.2458 257.0 / 0.34); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-hover-foreground: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-hover-left-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-hover-right-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-border: oklch(54.5% 0.2458 257.0 / 0.34); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-foreground: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-left-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-right-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-hover-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-hover-border: oklch(54.5% 0.2458 257.0 / 0.34); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-hover-foreground: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-hover-left-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-active-hover-right-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-disabled-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-disabled-foreground: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-disabled-left-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-theme-fade-on-states-disabled-right-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-hover-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-hover-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-hover-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-hover-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-hover-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-hover-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-hover-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-disabled-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-disabled-foreground: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-disabled-left-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-outline-contrast-fade-on-states-disabled-right-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-foreground: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-left-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-right-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-hover-foreground: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-hover-left-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-hover-right-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-foreground: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-left-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-right-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-hover-foreground: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-hover-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-hover-left-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-active-hover-right-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-disabled-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-disabled-foreground: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-disabled-left-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-theme-fade-on-states-disabled-right-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-hover-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-hover-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-hover-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-hover-foreground: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-hover-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-hover-left-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-active-hover-right-icon: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-disabled-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-disabled-foreground: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-disabled-left-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-button-transparent-contrast-fade-on-states-disabled-right-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-theme-default: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-theme-states-hover: oklch(49.5% 0.2621 260.6 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-theme-states-active: oklch(49.5% 0.2621 260.6 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-theme-states-disabled: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-contrast-default: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-contrast-states-hover: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-contrast-states-active: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-contrast-states-disabled: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-fade-contrast-default: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-fade-contrast-states-hover: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-fade-contrast-states-active: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-fade-contrast-states-disabled: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-error-default: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-error-states-hover: oklch(54.0% 0.2393 30.4 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-error-states-active: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-error-states-disabled: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-success-default: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-success-states-hover: oklch(48.1% 0.1946 142.9 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-success-states-active: oklch(44.6% 0.1728 141.1 / 0.87); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-success-states-disabled: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-warning-default: oklch(71.6% 0.1747 73.5 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-warning-states-hover: oklch(50.9% 0.1246 72.8 / 0.86); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-warning-states-active: oklch(47.2% 0.1151 73.5 / 0.88); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-button-warning-states-disabled: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-default-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-default-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-default-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-default-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-default-caption: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-hover-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-checked-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-checked-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-checked-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-checked-hover-background: oklch(49.5% 0.2621 260.6 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-focused-border: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-focused-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-focused-outline: 1px solid oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-checked-focused-border: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-checked-focused-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-checked-focused-outline: 1px solid oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-disabled-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-disabled-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-theme-states-disabled-caption: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-default-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-default-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-default-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-default-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-default-caption: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-hover-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-hover-background: oklch(58.3% 0.2523 31.2 / 0.18); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-checked-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-checked-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-checked-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-checked-hover-background: oklch(54.0% 0.2393 30.4 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-focused-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-focused-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-focused-outline: 1px solid oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-checked-focused-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-checked-focused-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-checked-focused-outline: 1px solid oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-disabled-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-disabled-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-checkbox-error-states-disabled-caption: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-container-background: oklch(96.9% 0.0050 260.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-container-border-color: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-header-background: oklch(96.9% 0.0050 260.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-header-scroll-shadow: 0 9px 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-actionbar-fade-gradient: linear-gradient(90deg, transparent, oklch(96.9% 0.0050 260.0)); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-actionbar-background: oklch(96.9% 0.0050 260.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-collapse-expanded-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-collapse-collapsed-background: linear-gradient(180deg, hsla(225, 15%, 95%, 0%) 0%, hsla(225, 15%, 95%, 100%) 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-filled-collapse-button-expand-background: oklch(96.9% 0.0050 260.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-container-border-color: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-header-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-header-scroll-shadow: 0px 1px 0px 0px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-actionbar-fade-gradient: linear-gradient(90deg, transparent, oklch(100.0% 0.0000 0.0)); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-actionbar-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-collapse-expanded-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-collapse-collapsed-background: linear-gradient(180deg, hsla(0, 0%, 100%, 0%) 0%, hsla(0, 0%, 100%, 100%) 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-outline-collapse-button-expand-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-addition-background: hsla(104, 64%, 95%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-addition-color: hsla(104, 64%, 25%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-attr-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-attr-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-attribute-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-attribute-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-built_in-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-built_in-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-bullet-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-bullet-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-char-escape-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-char-escape-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-class-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-class-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-code-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-code-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-comment-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-comment-color: hsla(229, 15%, 60%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-deletion-background: hsla(7, 97%, 95%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-deletion-color: hsla(7, 97%, 35%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-doctag-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-doctag-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-emphasis-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-emphasis-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-formula-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-formula-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-function-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-function-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-keyword-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-keyword-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-line-numbers-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-link-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-link-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-literal-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-literal-color: hsla(277, 72%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-meta-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-meta-color: hsla(216, 100%, 35%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-meta-keyword-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-meta-keyword-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-meta-string-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-meta-string-color: hsla(216, 100%, 35%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-meta-prompt-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-meta-prompt-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-name-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-name-color: hsla(216, 100%, 35%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-number-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-number-color: hsla(277, 72%, 30%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-operator-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-operator-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-params-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-params-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-property-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-property-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-punctuation-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-punctuation-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-quote-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-quote-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-regexp-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-regexp-color: hsla(104, 64%, 25%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-section-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-section-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-attr-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-attr-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-class-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-class-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-id-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-id-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-pseudo-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-pseudo-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-tag-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-selector-tag-color: hsla(216, 100%, 35%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-string-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-string-color: hsla(104, 64%, 25%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-strong-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-strong-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-subst-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-subst-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-symbol-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-symbol-color: hsla(216, 100%, 35%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-tag-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-tag-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-template-tag-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-template-tag-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-template-variable-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-template-variable-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-color: hsla(216, 100%, 35%, 100%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-class-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-class-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-class-inherited-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-class-inherited-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-function-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-function-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-function-invoke-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-title-function-invoke-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-type-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-type-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-variable-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-variable-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-variable-constant-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-variable-constant-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-variable-language-background: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-code-block-hljs-variable-language-color: ; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-header-text: oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-header-divider: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-default-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-default-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-today-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-today-text: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-states-active-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-states-selected-background: oklch(14.5% 0.0498 247.4 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-states-selected-text: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-states-selected-hover-background: oklch(16.7% 0.0613 250.2 / 0.64); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-datepicker-grid-cell-states-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-divider-color: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-description-list-term-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-description-list-description-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-dropdown-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-dropdown-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-empty-state-default-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-empty-state-default-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-empty-state-error-title: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-empty-state-error-color: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-default-container-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-default-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-default-upload-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-default-left-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-default-text-block-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-default-icon-button-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-on-drag-container-border: oklch(54.5% 0.2458 257.0 / 0.34); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-on-drag-container-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-on-drag-upload-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-on-drag-left-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-on-drag-text-block-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-error-container-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-error-container-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-error-left-icon-color: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-error-text-block-color: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-disabled-container-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-disabled-container-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-disabled-upload-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-disabled-left-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-disabled-text-block-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-single-states-focused-focus-outline-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-default-container-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-default-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-default-upload-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-default-left-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-default-text-block-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-default-icon-button-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-default-grid-divider-color: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-on-drag-container-border: oklch(54.5% 0.2458 257.0 / 0.34); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-on-drag-container-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-on-drag-upload-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-on-drag-left-icon-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-on-drag-icon-button-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-on-drag-text-block-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-on-drag-grid-divider-color: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-error-grid-cell-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-error-left-icon-color: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-error-text-block-color: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-error-icon-button-color: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-disabled-container-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-disabled-container-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-disabled-upload-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-disabled-left-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-disabled-text-block-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-file-upload-multiple-states-disabled-grid-divider-color: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-default-border-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-default-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-default-placeholder: oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-default-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-focused-border-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-focused-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-focused-placeholder: oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-focused-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-focused-focus-outline: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-error-border-color: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-error-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-error-placeholder: oklch(58.2% 0.2564 30.6 / 0.55); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-error-text: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-error-focused-focus-outline: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-autofill-border-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-autofill-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-autofill-placeholder: oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-autofill-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-disabled-border-color: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-disabled-placeholder: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-states-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-form-field-hint-text: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-forms-label: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-forms-legend: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-off-fade-contrast-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-off-fade-contrast-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-off-success-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-off-success-icon: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-off-warning-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-off-warning-icon: oklch(71.6% 0.1747 73.5 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-off-error-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-off-error-icon: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-on-fade-contrast-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-on-fade-contrast-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-on-success-text: oklch(44.6% 0.1728 141.1 / 0.87); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-on-success-icon: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-on-warning-text: oklch(47.2% 0.1151 73.5 / 0.88); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-on-warning-icon: oklch(71.6% 0.1747 73.5 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-on-error-text: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-hint-fill-text-on-error-icon: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-theme-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-theme-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-contrast-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-contrast-background: oklch(14.5% 0.0498 247.4 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-error-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-error-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-warning-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-warning-background: oklch(80.8% 0.1989 71.4 / 0.69); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-success-color: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-off-success-background: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-theme-color: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-theme-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-contrast-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-contrast-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-error-color: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-error-background: oklch(58.5% 0.2558 30.7 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-warning-color: oklch(71.6% 0.1747 73.5 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-warning-background: oklch(75.9% 0.2116 56.0 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-success-color: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-item-filled-fade-on-success-background: oklch(52.9% 0.2237 144.8 / 0.16); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-theme-color: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-contrast-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-fade-contrast-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-error-color: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-success-color: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-icon-warning-color: oklch(71.6% 0.1747 73.5 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-text: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-border-bottom: oklch(55.0% 0.2413 256.3 / 0.19); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-visited-text: oklch(44.2% 0.2402 305.6 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-visited-border-bottom: oklch(46.8% 0.2610 299.0 / 0.56); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-visited-hover-text: oklch(40.0% 0.2149 308.7 / 0.76); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-visited-hover-border-bottom: oklch(46.8% 0.2610 299.0 / 0.56); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-visited-active-text: oklch(32.2% 0.1709 312.4 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-visited-active-border-bottom: oklch(46.8% 0.2610 299.0 / 0.56); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-hover-text: oklch(40.7% 0.2355 262.1 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-hover-border-bottom: oklch(55.0% 0.2413 256.3 / 0.19); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-active-text: oklch(31.9% 0.1885 262.4 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-active-border-bottom: oklch(55.0% 0.2413 256.3 / 0.19); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-focused-outline: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-link-state-disabled-border-bottom: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-default-container-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-default-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-default-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-default-icon-button-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-default-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-hover-container-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-hover-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-hover-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-hover-icon-button-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-selected-container-background: oklch(52.7% 0.2480 258.1 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-selected-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-selected-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-selected-icon-button-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-selected-hover-container-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-selected-hover-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-selected-hover-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-selected-hover-icon-button-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-focused-focus-outline-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-disabled-container-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-disabled-icon-button-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-list-states-disabled-caption-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-loader-overlay-transparent-overlay-background: oklch(100.0% 0.0000 0.0 / 0.90); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-loader-overlay-transparent-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-loader-overlay-transparent-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-loader-overlay-filled-overlay-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-loader-overlay-filled-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-loader-overlay-filled-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-h1-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-h2-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-h3-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-h4-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-h5-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-h6-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-p-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-list-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-blockquote-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-blockquote-line: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-blockquote-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-blockquote-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-code-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-code-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-code-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-link-text: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-link-border-bottom: oklch(55.0% 0.2413 256.3 / 0.19); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-link-state-visited-text: oklch(44.2% 0.2402 305.6 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-link-state-visited-border-bottom: oklch(46.8% 0.2610 299.0 / 0.56); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-link-state-hover-text: oklch(40.7% 0.2355 262.1 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-link-state-hover-border-bottom: oklch(55.0% 0.2413 256.3 / 0.19); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-link-state-active: oklch(31.9% 0.1885 262.4 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-link-state-focused-outline: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-image-caption-text: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-hr-color: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-table-header: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-table-body: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-markdown-table-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-modal-overlay-background: oklch(16.7% 0.0613 250.2 / 0.64); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-modal-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-modal-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 3px 16px oklch(22.8% 0.0965 257.3 / 0.13), 0 4px 32px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-modal-close-button-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-modal-header-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-modal-content-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-default-content-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-default-content-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-default-content-icon-left: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-default-content-icon-right: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-hover-content-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-hover-content-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-hover-content-icon-left: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-hover-content-icon-right: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-selected-content-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-selected-content-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-selected-content-icon-left: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-selected-content-icon-right: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-selected-hover-content-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-selected-hover-content-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-selected-hover-content-icon-left: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-selected-hover-content-icon-right: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-disabled-content-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-disabled-content-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-disabled-content-icon-left: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-navbar-item-states-disabled-content-icon-right: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popover-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popover-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popover-header-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popover-header-scroll-shadow: 0 9px 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popover-content-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popover-footer-scroll-shadow: 0 -9px 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popup-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popup-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popup-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-popup-footer-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-progress-bar-bar-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-progress-bar-bar-foreground: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-progress-bar-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-progress-bar-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-progress-spinner-circle-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-progress-spinner-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-progress-spinner-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-default-outer-circle-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-default-outer-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-default-inner-circle-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-default-caption: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-hover-outer-circle-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-hover-outer-circle-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-hover-inner-circle-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-outer-circle-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-outer-circle-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-inner-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-hover-outer-circle-border: oklch(49.5% 0.2621 260.6 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-hover-outer-circle-background: oklch(49.5% 0.2621 260.6 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-hover-inner-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-disabled-outer-circle-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-disabled-outer-circle-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-disabled-inner-circle-background: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-focused-outer-circle-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-focused-outer-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-focused-inner-circle-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-focused-outer-circle-shadow: 0 0 0.1px 2px oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-focused-outer-circle-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-focused-outer-circle-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-focused-inner-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-checked-focused-outer-circle-shadow: 0 0 0.1px 2px oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-disabled-outer-circle-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-disabled-outer-circle-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-disabled-inner-circle-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-theme-states-disabled-caption: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-default-outer-circle-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-default-outer-circle-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-default-inner-circle-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-hover-outer-circle-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-hover-outer-circle-background: oklch(58.3% 0.2523 31.2 / 0.18); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-hover-inner-circle-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-outer-circle-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-outer-circle-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-inner-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-hover-outer-circle-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-hover-outer-circle-background: oklch(54.0% 0.2393 30.4 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-hover-inner-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-disabled-outer-circle-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-disabled-outer-circle-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-disabled-inner-circle-background: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-focused-outer-circle-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-focused-outer-circle-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-focused-inner-circle-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-focused-outer-circle-shadow: 0 0 0.1px 2px oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-focused-outer-circle-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-focused-outer-circle-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-focused-inner-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-checked-focused-outer-circle-shadow: 0 0 0.1px 2px oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-disabled-outer-circle-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-disabled-outer-circle-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-radio-error-states-disabled-inner-circle-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-off-success-background: oklch(51.6% 0.2088 142.9 / 0.84); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-off-success-text: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-off-warning-background: oklch(80.8% 0.1989 71.4 / 0.69); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-off-warning-text: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-off-error-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-off-error-text: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-on-contrast-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-on-contrast-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-on-success-background: oklch(52.9% 0.2237 144.8 / 0.16); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-on-success-text: oklch(44.6% 0.1728 141.1 / 0.87); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-on-warning-background: oklch(75.9% 0.2116 56.0 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-on-warning-text: oklch(47.2% 0.1151 73.5 / 0.88); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-on-error-background: oklch(58.5% 0.2558 30.7 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-filled-fade-on-error-text: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-contrast-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-contrast-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-contrast-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-success-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-success-text: oklch(44.6% 0.1728 141.1 / 0.87); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-success-border: oklch(54.5% 0.2266 144.1 / 0.38); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-warning-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-warning-text: oklch(47.2% 0.1151 73.5 / 0.88); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-warning-border: oklch(66.3% 0.1769 60.3 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-error-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-error-text: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-risk-level-outline-fade-on-error-border: oklch(59.3% 0.2573 31.1 / 0.32); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-thumb-default-background: hsla(229, 15%, 50%, 32%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-thumb-hover-background: hsla(229, 15%, 50%, 48%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-thumb-active-background: hsla(229, 15%, 20%, 55%); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-thumb-disabled-background: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-track-default-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-track-default-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-track-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-track-hover-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-track-active-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-scrollbar-track-active-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-select-panel-dropdown-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-select-panel-dropdown-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-sidepanel-overlay-background: oklch(16.7% 0.0613 250.2 / 0.64); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-sidepanel-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-sidepanel-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 3px 16px oklch(22.8% 0.0965 257.3 / 0.13), 0 4px 32px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-sidepanel-header-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-sidepanel-header-scroll-shadow: 0 9px 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-sidepanel-footer-scroll-shadow: 0 -9px 8px -12px oklch(18.8% 0.0697 252.8 / 0.47); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-sidepanel-content-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-skeleton-background: oklch(24.7% 0.1052 257.1 / 0.08); --kbq-skeleton-animation-wave-start: oklch(0 0 0 / 0); --kbq-skeleton-animation-wave-center: oklch(0.0% 0.0000 0.0 / 0.10); --kbq-skeleton-animation-wave-end: oklch(0 0 0 / 0); --kbq-tabs-tab-item-filled-on-background-default-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-default-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-default-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-focused-focus-outline-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-selected-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-selected-hover-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-selected-disabled-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-selected-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-selected-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-background-states-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-default-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-default-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-default-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-focused-focus-outline-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-selected-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-selected-hover-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-selected-disabled-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-selected-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-selected-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-filled-on-surface-states-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-default-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-default-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-default-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-focused-focus-outline-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-selected-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-selected-hover-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-selected-disabled-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-selected-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-selected-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-background-states-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-default-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-default-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-default-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-focused-focus-outline-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-selected-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-selected-hover-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-selected-disabled-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-selected-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-selected-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-disabled-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-item-transparent-on-surface-states-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-stack-filled-on-background-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-stack-filled-on-surface-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-stack-transparent-on-background-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tabs-tab-stack-transparent-on-surface-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-default-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-default-text: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-default-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-default-close-button: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-hover-background: oklch(55.0% 0.2413 256.3 / 0.19); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-hover-text: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-hover-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-hover-close-button: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-focus-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-focus-text: oklch(46.2% 0.2570 261.5 / 0.80); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-focus-icon: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-focus-close-button: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-focus-outline: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-disabled-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-theme-fade-on-states-disabled-close-button: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-default-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-default-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-default-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-default-close-button: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-hover-background: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-hover-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-hover-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-hover-close-button: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-focus-background: oklch(24.6% 0.1014 255.2 / 0.11); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-focus-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-focus-icon: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-focus-close-button: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-focus-outline: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-disabled-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-contrast-fade-on-states-disabled-close-button: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-default-background: oklch(58.5% 0.2558 30.7 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-default-text: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-default-icon: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-default-close-button: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-hover-background: oklch(58.3% 0.2523 31.2 / 0.18); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-hover-text: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-hover-icon: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-hover-close-button: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-focus-background: oklch(58.5% 0.2558 30.7 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-focus-text: oklch(51.4% 0.2240 31.0 / 0.89); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-focus-icon: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-focus-close-button: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-focus-outline: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-disabled-text: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-disabled-icon: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tag-error-fade-on-states-disabled-close-button: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-timezone-option-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-timezone-option-caption: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-timezone-option-optgroup-label: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-contrast-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-contrast-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-contrast-container-text: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-contrast-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-error-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-error-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-error-container-text: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-error-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-warning-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-warning-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-warning-container-text: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-warning-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-success-container-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-success-container-title: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-success-container-text: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toast-success-container-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-default-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-default-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-default-circle-background: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-hover-border: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-hover-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-hover-circle-background: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-hover-border: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-hover-background: oklch(49.5% 0.2621 260.6 / 0.79); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-hover-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-focused-border: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-focused-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-focused-circle-background: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-focused-focus-outline: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-focused-border: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-focused-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-focused-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-checked-focused-focus-outline: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-disabled-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-theme-states-disabled-circle-background: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-default-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-default-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-default-circle-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-hover-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-hover-background: oklch(58.3% 0.2523 31.2 / 0.18); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-hover-circle-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-hover-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-hover-background: oklch(54.0% 0.2393 30.4 / 0.83); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-hover-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-focused-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-focused-background: oklch(57.2% 0.2546 30.0 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-focused-circle-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-focused-focus-outline: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-focused-border: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-focused-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-focused-circle-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-checked-focused-focus-outline: oklch(56.0% 0.2461 30.7 / 0.68); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-disabled-border: oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-disabled-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-toggle-error-states-disabled-circle-background: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-contrast-fade-on-background: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-contrast-fade-on-text: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-contrast-fade-on-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-contrast-fade-off-background: oklch(41.1% 0.0300 260.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-contrast-fade-off-text: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-contrast-fade-off-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-theme-fade-off-background: oklch(50.6% 0.2637 260.3 / 0.73); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-theme-fade-off-text: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-theme-fade-off-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-warning-fade-off-background: oklch(80.8% 0.1989 71.4 / 0.69); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-warning-fade-off-text: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-warning-fade-off-shadow: 0 0 0 1px oklch(32.3% 0.1276 255.4 / 0.05), 0 2px 8px oklch(22.8% 0.0965 257.3 / 0.13), 0 3px 8px oklch(22.8% 0.0965 257.3 / 0.13); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-error-fade-off-background: oklch(54.9% 0.2426 30.5 / 0.75); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-error-fade-off-text: oklch(100.0% 0.0000 0.0); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tooltip-error-fade-off-shadow: 0 0 0 1px oklch(83.5% 0.0874 264.3 / 0.21); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-default-container-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-default-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-default-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-default-tree-toggle-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-default-action-button-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-default-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-hover-container-background: oklch(24.7% 0.1052 257.1 / 0.08); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-hover-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-hover-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-hover-tree-toggle-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-hover-action-button-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-hover-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-focused-focus-outline-color: oklch(51.5% 0.2657 260.1 / 0.67); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-container-background: oklch(52.7% 0.2480 258.1 / 0.10); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-tree-toggle-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-action-button-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-hover-container-background: oklch(54.8% 0.2458 256.9 / 0.15); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-hover-text-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-hover-icon-color: oklch(13.5% 0.0474 248.4 / 0.85); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-hover-tree-toggle-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-hover-action-button-color: oklch(18.0% 0.0702 252.5 / 0.51); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-selected-hover-caption-color: oklch(17.0% 0.0661 252.4 / 0.60); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-disabled-container-background: transparent; /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-disabled-text-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-disabled-icon-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-disabled-tree-toggle-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-disabled-action-button-color: oklch(20.4% 0.0925 258.5 / 0.24); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ --kbq-tree-states-disabled-caption-color: oklch(18.7% 0.0774 256.6 / 0.39); /* DEPRECATED: `component` token will be removed - use `global` token or raw value */ }