npm - @progress/kendo-theme-utils - Versions diffs - 13.1.1 → 13.2.0-dev.0 - Mend

@progress/kendo-theme-utils 13.1.1 → 13.2.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/all.css +1 -1
package/dist/meta/variables.json +288 -211
package/package.json +3 -3
package/scss/_variables.scss +81 -8

package/dist/meta/variables.json CHANGED Viewed

@@ -9,44 +9,121 @@
     },
     "kendo-util-colors": {
         "type": "Map",
-        "value": "(app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-emphasis: #c2c2c2, primary-subtle: #ffeceb, primary: #ff6358, primary-emphasis: #ff9d97, secondary-subtle: #fafafa, secondary: #666666, secondary-emphasis: #e0e0e0, tertiary-subtle: #d8f1fd, tertiary: #03a9f4, tertiary-emphasis: #61c9f9, info-subtle: #d2e2fb, info: #0058e9, info-emphasis: #6098f2, success-subtle: #dcf0d3, success: #37b400, success-emphasis: #81d15f, warning-subtle: #fff4d3, warning: #ffc000, warning-emphasis: #ffd760, error-subtle: #fcddda, error: #f31700, error-emphasis: #f76f60, light-subtle: #fafafa, light: #ebebeb, light-emphasis: #d6d6d6, dark-subtle: #c2c2c2, dark: #3d3d3d, dark-emphasis: #666666)",
+        "value": "(app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary: oklch(69.85% 0.1923 27.19deg), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary: oklch(51.03% 0 0deg), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info: oklch(51.78% 0.2301 261.43deg), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success: oklch(67.45% 0.2171 139.99deg), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning: oklch(84.22% 0.1727 84.58deg), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error: oklch(61.07% 0.2435 30.2deg), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), light-subtle: oklch(98.51% 0 0deg), light: oklch(94.01% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark: oklch(36% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg))",
         "prettyValue": {
-            "app-surface": "#ffffff",
-            "on-app-surface": "#3d3d3d",
-            "subtle": "#666666",
-            "surface": "#fafafa",
-            "surface-alt": "#ffffff",
-            "border": "rgba(0, 0, 0, 0.08)",
-            "border-alt": "rgba(0, 0, 0, 0.16)",
-            "base-subtle": "#ebebeb",
-            "base-emphasis": "#c2c2c2",
-            "primary-subtle": "#ffeceb",
-            "primary": "#ff6358",
-            "primary-emphasis": "#ff9d97",
-            "secondary-subtle": "#fafafa",
-            "secondary": "#666666",
-            "secondary-emphasis": "#e0e0e0",
-            "tertiary-subtle": "#d8f1fd",
-            "tertiary": "#03a9f4",
-            "tertiary-emphasis": "#61c9f9",
-            "info-subtle": "#d2e2fb",
-            "info": "#0058e9",
-            "info-emphasis": "#6098f2",
-            "success-subtle": "#dcf0d3",
-            "success": "#37b400",
-            "success-emphasis": "#81d15f",
-            "warning-subtle": "#fff4d3",
-            "warning": "#ffc000",
-            "warning-emphasis": "#ffd760",
-            "error-subtle": "#fcddda",
-            "error": "#f31700",
-            "error-emphasis": "#f76f60",
-            "light-subtle": "#fafafa",
-            "light": "#ebebeb",
-            "light-emphasis": "#d6d6d6",
-            "dark-subtle": "#c2c2c2",
-            "dark": "#3d3d3d",
-            "dark-emphasis": "#666666"
+            "app-surface": "oklch(100% 0 0deg)",
+            "on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h)",
+            "subtle": "oklch(51.03% 0 0deg)",
+            "surface": "oklch(98.51% 0 0deg)",
+            "surface-alt": "oklch(from var(--kendo-color-surface) calc(l + 0.02) c h)",
+            "border": "oklch(0% 0 0deg / 0.08)",
+            "border-alt": "oklch(0% 0 0deg / 0.16)",
+            "base-subtle": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h)",
+            "base-emphasis": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h)",
+            "primary-subtle": "oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h)",
+            "primary": "oklch(69.85% 0.1923 27.19deg)",
+            "primary-emphasis": "oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h)",
+            "secondary-subtle": "oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h)",
+            "secondary": "oklch(51.03% 0 0deg)",
+            "secondary-emphasis": "oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h)",
+            "tertiary-subtle": "oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h)",
+            "tertiary": "oklch(69.91% 0.157 238.99deg)",
+            "tertiary-emphasis": "oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h)",
+            "info-subtle": "oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h)",
+            "info": "oklch(51.78% 0.2301 261.43deg)",
+            "info-emphasis": "oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h)",
+            "success-subtle": "oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h)",
+            "success": "oklch(67.45% 0.2171 139.99deg)",
+            "success-emphasis": "oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h)",
+            "warning-subtle": "oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h)",
+            "warning": "oklch(84.22% 0.1727 84.58deg)",
+            "warning-emphasis": "oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h)",
+            "error-subtle": "oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h)",
+            "error": "oklch(61.07% 0.2435 30.2deg)",
+            "error-emphasis": "oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h)",
+            "light-subtle": "oklch(98.51% 0 0deg)",
+            "light": "oklch(94.01% 0 0deg)",
+            "light-emphasis": "oklch(87.61% 0 0deg)",
+            "dark-subtle": "oklch(81.41% 0 0deg)",
+            "dark": "oklch(36% 0 0deg)",
+            "dark-emphasis": "oklch(51.03% 0 0deg)"
+        }
+    },
+    "kendo-sizing": {
+        "type": "Map",
+        "value": "(0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content)",
+        "prettyValue": {
+            "0": "0px",
+            "1": "0.25rem",
+            "2": "0.5rem",
+            "3": "0.75rem",
+            "4": "1rem",
+            "5": "1.25rem",
+            "6": "1.5rem",
+            "7": "1.75rem",
+            "8": "2rem",
+            "9": "2.25rem",
+            "10": "2.5rem",
+            "11": "2.75rem",
+            "12": "3rem",
+            "13": "3.25rem",
+            "14": "3.5rem",
+            "15": "3.75rem",
+            "16": "4rem",
+            "17": "4.25rem",
+            "18": "4.5rem",
+            "19": "4.75rem",
+            "20": "5rem",
+            "21": "5.25rem",
+            "22": "5.5rem",
+            "23": "5.75rem",
+            "24": "6rem",
+            "25": "7rem",
+            "26": "8rem",
+            "27": "9rem",
+            "28": "10rem",
+            "29": "11rem",
+            "30": "12rem",
+            "1px": "1px",
+            "0.5": "0.125rem",
+            "1.5": "0.375rem",
+            "2.5": "0.625rem",
+            "3.5": "0.875rem",
+            "4.5": "1.125rem",
+            "5.5": "1.375rem",
+            "6.5": "1.625rem",
+            "7.5": "1.875rem",
+            "auto": "auto",
+            "1/2": "50%",
+            "1/3": "33.333333%",
+            "2/3": "66.666667%",
+            "1/4": "25%",
+            "2/4": "50%",
+            "3/4": "75%",
+            "1/5": "20%",
+            "2/5": "40%",
+            "3/5": "60%",
+            "4/5": "80%",
+            "1/6": "16.666667%",
+            "2/6": "33.333333%",
+            "3/6": "50%",
+            "4/6": "66.666667%",
+            "5/6": "83.333333%",
+            "1/12": "8.333333%",
+            "2/12": "16.666667%",
+            "3/12": "25%",
+            "4/12": "33.333333%",
+            "5/12": "41.666667%",
+            "6/12": "50%",
+            "7/12": "58.333333%",
+            "8/12": "66.666667%",
+            "9/12": "75%",
+            "10/12": "83.333333%",
+            "11/12": "91.666667%",
+            "full": "100%",
+            "min": "min-content",
+            "max": "max-content",
+            "fit": "fit-content"
         }
     },
     "kendo-fraction-classes": {
@@ -92,7 +169,7 @@
     },
     "kendo-utils": {
         "type": "Map",
-        "value": "(\"screen-readers\": true, \"aspect-ratio\": (auto: auto, \"1\": 1, square: 1 / 1, video: 16 / 9), \"container\": (), \"columns\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, auto: auto), \"break-after\": (), \"break-before\": (), \"break-inside\": (), \"box-decoration-break\": (), \"box-sizing\": (border: border-box, content: content-box), \"display\": (none, contents, block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, inline-table, table-row, table-cell, list-item), \"float\": (left, right, none), \"clear\": (left, right, both, none), \"isolation\": (), \"object-fit\": (contain, cover, fill, scale-down, initial, none), \"object-position\": (center: center, top: top, right: right, bottom: bottom, left: left, top-left: top left, top-right: top right, bottom-left: bottom left, bottom-right: bottom right), \"overflow\": (auto: auto, hidden: hidden, visible: visible, scroll: scroll, clip: clip), \"overscroll\": (), \"placement\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"-1\": -1px), \"position\": (static, relative, absolute, fixed, sticky), \"inset\": (\"0\": 0, \"1\": 1px, \"-1\": -1px), \"visibility\": (visible: visible, invisible: hidden, collapse: collapse), \"zindex\": (\"0\": 0, \"10\": 10, \"20\": 20, \"30\": 30, \"40\": 40, \"50\": 50, auto: auto), \"flex-direction\": (row: row, row-reverse: row-reverse, col: column, col-reverse: column-reverse), \"flex-wrap\": (wrap, wrap-reverse, nowrap), \"flex\": (\"1\": 1 1 0%, auto: 1 1 auto, initial: 0 1 auto, none: none), \"flex-grow\": (DEFAULT: 1, \"0\": 0), \"flex-shrink\": (DEFAULT: 1, \"0\": 0), \"flex-basis\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content), \"order\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, first: -9999, last: 9999, none: 0), \"grid-template-columns\": (\"1\": repeat(1, minmax(0, 1fr)), \"2\": repeat(2, minmax(0, 1fr)), \"3\": repeat(3, minmax(0, 1fr)), \"4\": repeat(4, minmax(0, 1fr)), \"5\": repeat(5, minmax(0, 1fr)), \"6\": repeat(6, minmax(0, 1fr)), \"7\": repeat(7, minmax(0, 1fr)), \"8\": repeat(8, minmax(0, 1fr)), \"9\": repeat(9, minmax(0, 1fr)), \"10\": repeat(10, minmax(0, 1fr)), \"11\": repeat(11, minmax(0, 1fr)), \"12\": repeat(12, minmax(0, 1fr)), none: none), \"grid-template-rows\": (\"1\": repeat(1, minmax(0, 1fr)), \"2\": repeat(2, minmax(0, 1fr)), \"3\": repeat(3, minmax(0, 1fr)), \"4\": repeat(4, minmax(0, 1fr)), \"5\": repeat(5, minmax(0, 1fr)), \"6\": repeat(6, minmax(0, 1fr)), \"7\": repeat(7, minmax(0, 1fr)), \"8\": repeat(8, minmax(0, 1fr)), \"9\": repeat(9, minmax(0, 1fr)), \"10\": repeat(10, minmax(0, 1fr)), \"11\": repeat(11, minmax(0, 1fr)), \"12\": repeat(12, minmax(0, 1fr)), none: none), \"grid-column-start\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, \"13\": 13, auto: auto), \"grid-column-end\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, \"13\": 13, auto: auto), \"grid-column-span\": (\"1\": span 1/span 1, \"2\": span 2/span 2, \"3\": span 3/span 3, \"4\": span 4/span 4, \"5\": span 5/span 5, \"6\": span 6/span 6, \"7\": span 7/span 7, \"8\": span 8/span 8, \"9\": span 9/span 9, \"10\": span 10/span 10, \"11\": span 11/span 11, \"12\": span 12/span 12, full: 1 / -1, auto: auto), \"grid-row-start\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, \"13\": 13, auto: auto), \"grid-row-end\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, \"13\": 13, auto: auto), \"grid-row-span\": (\"1\": span 1/span 1, \"2\": span 2/span 2, \"3\": span 3/span 3, \"4\": span 4/span 4, \"5\": span 5/span 5, \"6\": span 6/span 6, \"7\": span 7/span 7, \"8\": span 8/span 8, \"9\": span 9/span 9, \"10\": span 10/span 10, \"11\": span 11/span 11, \"12\": span 12/span 12, full: span 1/span -1, auto: auto), \"grid-auto-flow\": (row: row, col: column, dense: dense, row-dense: row dense, col-dense: column dense, unset: unset), \"grid-auto-columns\": (auto: auto, min: min-content, max: max-content, fr: minmax(0, 1fr)), \"grid-auto-rows\": (auto: auto, min: min-content, max: max-content, fr: minmax(0, 1fr)), \"gap\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, xs: var(--kendo-spacing-1, 0.25rem), sm: var(--kendo-spacing-2, 0.5rem), md: var(--kendo-spacing-3, 0.75rem), lg: var(--kendo-spacing-4, 1rem), xl: var(--kendo-spacing-6, 1.5rem), thin: var(--kendo-spacing-0\\.5, 0.125rem), hair: var(--kendo-spacing-1px, 1px)), \"align-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, between: space-between, around: space-around, evenly: space-evenly), \"align-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, self-start: self-start, self-end: self-end), \"align-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, self-start: self-start, self-end: self-end), \"justify-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, left: left, right: right, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, between: space-between, around: space-around, evenly: space-evenly), \"justify-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, left: left, right: right, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline), \"justify-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline), \"place-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, between: space-between, around: space-around, evenly: space-evenly), \"place-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, baseline: baseline), \"place-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, baseline: baseline), \"margin\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"-1px\": -1px, \"-0.5\": -0.125rem, \"-1\": -0.25rem, \"-1.5\": -0.375rem, \"-2\": -0.5rem, \"-2.5\": -0.625rem, \"-3\": -0.75rem, \"-3.5\": -0.875rem, \"-4\": -1rem, \"-4.5\": -1.125rem, \"-5\": -1.25rem, \"-5.5\": -1.375rem, \"-6\": -1.5rem, \"-6.5\": -1.625rem, \"-7\": -1.75rem, \"-7.5\": -1.875rem, \"-8\": -2rem, \"-9\": -2.25rem, \"-10\": -2.5rem, \"-11\": -2.75rem, \"-12\": -3rem, \"-13\": -3.25rem, \"-14\": -3.5rem, \"-15\": -3.75rem, \"-16\": -4rem, \"-17\": -4.25rem, \"-18\": -4.5rem, \"-19\": -4.75rem, \"-20\": -5rem, \"-21\": -5.25rem, \"-22\": -5.5rem, \"-23\": -5.75rem, \"-24\": -6rem, \"-25\": -7rem, \"-26\": -8rem, \"-27\": -9rem, \"-28\": -10rem, \"-29\": -11rem, \"-30\": -12rem, xs: var(--kendo-spacing-1, 0.25rem), sm: var(--kendo-spacing-2, 0.5rem), md: var(--kendo-spacing-3, 0.75rem), lg: var(--kendo-spacing-4, 1rem), xl: var(--kendo-spacing-6, 1.5rem), thin: var(--kendo-spacing-0\\.5, 0.125rem), hair: var(--kendo-spacing-1px, 1px), auto: auto), \"padding\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, xs: var(--kendo-spacing-1, 0.25rem), sm: var(--kendo-spacing-2, 0.5rem), md: var(--kendo-spacing-3, 0.75rem), lg: var(--kendo-spacing-4, 1rem), xl: var(--kendo-spacing-6, 1.5rem), thin: var(--kendo-spacing-0\\.5, 0.125rem), hair: var(--kendo-spacing-1px, 1px)), \"space-between\": (), \"width\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content, screen: 100vw), \"min-width\": (\"0\": 0, full: 100%, screen: 100vw, min: min-content, max: max-content, fit: fit-content), \"max-width\": (none: none, \"0\": 0, full: 100%, screen: 100vw, min: min-content, max: max-content, fit: fit-content), \"height\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content, screen: 100vh), \"min-height\": (\"0\": 0, full: 100%, screen: 100vh, min: min-content, max: max-content, fit: fit-content), \"max-height\": (none: none, \"0\": 0, full: 100%, screen: 100vh, min: min-content, max: max-content, fit: fit-content), \"font-family\": (), \"font-size\": (), \"font-smoothing\": (), \"font-style\": (italic: italic, non-italic: normal, oblique: oblique), \"font-weight\": (), \"font-variant-numeric\": (), \"letter-spacing\": (), \"line-height\": (), \"list-style-type\": (none, disc, decimal), \"list-style-position\": (), \"text-align\": (left, right, center, justify, start, end), \"text-color\": (app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-emphasis: #c2c2c2, primary-subtle: #ffeceb, primary: #ff6358, primary-emphasis: #ff9d97, secondary-subtle: #fafafa, secondary: #666666, secondary-emphasis: #e0e0e0, tertiary-subtle: #d8f1fd, tertiary: #03a9f4, tertiary-emphasis: #61c9f9, info-subtle: #d2e2fb, info: #0058e9, info-emphasis: #6098f2, success-subtle: #dcf0d3, success: #37b400, success-emphasis: #81d15f, warning-subtle: #fff4d3, warning: #ffc000, warning-emphasis: #ffd760, error-subtle: #fcddda, error: #f31700, error-emphasis: #f76f60, light-subtle: #fafafa, light: #ebebeb, light-emphasis: #d6d6d6, dark-subtle: #c2c2c2, dark: #3d3d3d, dark-emphasis: #666666, \"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"text-decoration\": (underline: underline, overline: overline, line-through: line-through, no-underline: none), \"text-decoration-width\": (), \"text-decoration-style\": (), \"text-decoration-color\": (), \"text-decoration-offset\": (), \"text-transform\": (uppercase: uppercase, lowercase: lowercase, capitalize: capitalize, normal-case: none), \"text-overflow\": (clip: clip, ellipsis: ellipsis), \"text-indent\": (), \"vertical-align\": (baseline, top, middle, bottom, text-top, text-bottom, sub, super), \"white-space\": (normal, nowrap, pre, pre-line, pre-wrap, break-spaces), \"word-break\": (), \"background-clip\": (border: border-box, padding: padding-box, content: content-box, text: text), \"background-color\": (app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-emphasis: #c2c2c2, primary-subtle: #ffeceb, primary: #ff6358, primary-emphasis: #ff9d97, secondary-subtle: #fafafa, secondary: #666666, secondary-emphasis: #e0e0e0, tertiary-subtle: #d8f1fd, tertiary: #03a9f4, tertiary-emphasis: #61c9f9, info-subtle: #d2e2fb, info: #0058e9, info-emphasis: #6098f2, success-subtle: #dcf0d3, success: #37b400, success-emphasis: #81d15f, warning-subtle: #fff4d3, warning: #ffc000, warning-emphasis: #ffd760, error-subtle: #fcddda, error: #f31700, error-emphasis: #f76f60, light-subtle: #fafafa, light: #ebebeb, light-emphasis: #d6d6d6, dark-subtle: #c2c2c2, dark: #3d3d3d, dark-emphasis: #666666, \"inherit\": inherit, \"transparent\": transparent, \"black\": black, \"white\": white), \"background-position\": (center: center, top: top, right: right, bottom: bottom, left: left, top-left: top left, top-right: top right, bottom-left: bottom left, bottom-right: bottom right), \"background-size\": (auto, cover, contain), \"border-width\": (DEFAULT: 1px, \"0\": 0, \"2\": 2px, \"4\": 4px, \"8\": 8px), \"border-style\": (solid, dashed, dotted, double, inset, outset, hidden, none), \"border-color\": (app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-emphasis: #c2c2c2, primary-subtle: #ffeceb, primary: #ff6358, primary-emphasis: #ff9d97, secondary-subtle: #fafafa, secondary: #666666, secondary-emphasis: #e0e0e0, tertiary-subtle: #d8f1fd, tertiary: #03a9f4, tertiary-emphasis: #61c9f9, info-subtle: #d2e2fb, info: #0058e9, info-emphasis: #6098f2, success-subtle: #dcf0d3, success: #37b400, success-emphasis: #81d15f, warning-subtle: #fff4d3, warning: #ffc000, warning-emphasis: #ffd760, error-subtle: #fcddda, error: #f31700, error-emphasis: #f76f60, light-subtle: #fafafa, light: #ebebeb, light-emphasis: #d6d6d6, dark-subtle: #c2c2c2, dark: #3d3d3d, dark-emphasis: #666666, \"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-radius\": (none: 0px, xs: 1px, sm: 0.125rem, md: 0.25rem, lg: 0.375rem, xl: 0.5rem, xxl: 0.75rem, xxxl: 1rem, full: 9999px), \"outline-width\": (DEFAULT: 1px, \"0\": 0, \"2\": 2px, \"4\": 4px, \"8\": 8px), \"outline-style\": (solid, dashed, dotted, double, inset, outset, none), \"outline-color\": (app-surface: #ffffff, on-app-surface: #3d3d3d, subtle: #666666, surface: #fafafa, surface-alt: #ffffff, border: rgba(0, 0, 0, 0.08), border-alt: rgba(0, 0, 0, 0.16), base-subtle: #ebebeb, base-emphasis: #c2c2c2, primary-subtle: #ffeceb, primary: #ff6358, primary-emphasis: #ff9d97, secondary-subtle: #fafafa, secondary: #666666, secondary-emphasis: #e0e0e0, tertiary-subtle: #d8f1fd, tertiary: #03a9f4, tertiary-emphasis: #61c9f9, info-subtle: #d2e2fb, info: #0058e9, info-emphasis: #6098f2, success-subtle: #dcf0d3, success: #37b400, success-emphasis: #81d15f, warning-subtle: #fff4d3, warning: #ffc000, warning-emphasis: #ffd760, error-subtle: #fcddda, error: #f31700, error-emphasis: #f76f60, light-subtle: #fafafa, light: #ebebeb, light-emphasis: #d6d6d6, dark-subtle: #c2c2c2, dark: #3d3d3d, dark-emphasis: #666666, \"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"outline-offset\": (\"0\": 0, \"1\": 1px, \"2\": 2px, \"4\": 4px, \"8\": 8px), \"box-shadow\": (), \"box-shadow-color\": (), \"opacity\": (\"0\": 0, \"5\": 0.05, \"10\": 0.1, \"20\": 0.2, \"30\": 0.3, \"40\": 0.4, \"50\": 0.5, \"60\": 0.6, \"70\": 0.7, \"80\": 0.8, \"90\": 0.9, \"100\": 1), \"backdrop-blur\": (DEFAULT: blur(8px), none: blur(0), sm: blur(4px), md: blur(6px), lg: blur(12px)), \"border-collapse\": (collapse, separate), \"table-layout\": (auto, fixed), \"flip\": true, \"scale\": (\"0\": 0, \"0.25\": 0.25, \"0.5\": 0.5, \"0.75\": 0.75, \"1\": 1, \"1.2\": 1.25, \"1.5\": 1.5, \"2\": 2), \"rotate\": (\"0\": 0deg, \"45\": 45deg, \"90\": 90deg, \"135\": 135deg, \"180\": 180deg, \"225\": 225deg, \"270\": 270deg, \"315\": 315deg), \"translate\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%), \"skew\": (\"0\": 0deg, \"1\": 1deg, \"2\": 2deg, \"3\": 3deg, \"4\": 4deg, \"5\": 5deg, \"6\": 6deg, \"7\": 7deg, \"8\": 8deg, \"9\": 9deg, \"10\": 10deg, \"11\": 11deg, \"12\": 12deg), \"origin\": (center: center, top: top, right: right, bottom: bottom, left: left, top-left: top left, top-right: top right, bottom-left: bottom left, bottom-right: bottom right), \"accent-color\": (), \"appearance\": (none, auto), \"cursor\": (none, auto, default, context-menu, help, pointer, progress, wait, cell, crosshair, text, vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll, zoom-in, zoom-out, grab, grabbing), \"caret-color\": (), \"pointer-events\": (none, auto), \"resize\": (DEFAULT: both, none: none, x: horizontal, y: vertical), \"scroll-behavior\": (auto, smooth), \"scroll-snap-type\": (none: none, snap-x: x var(--k-scroll-snap-strictness), snap-y: y var(--k-scroll-snap-strictness), snap-both: both var(--k-scroll-snap-strictness)), \"scroll-snap-align\": (start, end, center, none), \"scroll-snap-stop\": (normal, always), \"scroll-margin\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem), \"scroll-padding\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem), \"touch-action\": (none, auto, pan-x, pan-left, pan-right, pan-y, pan-up, pan-down, pinch-zoom, manipulation), \"user-select\": (none, auto, text, all, contain), \"will-change\": (auto: auto, scroll: scroll-position, contents: contents, transform: transform), \"fill-stroke\": (none: none, inherit: inherit, current: currentColor, \"transparent\": transparent, \"black\": black, \"white\": white))",
+        "value": "(\"screen-readers\": true, \"aspect-ratio\": (auto: auto, \"1\": 1, square: 1 / 1, video: 16 / 9), \"container\": (), \"columns\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, auto: auto), \"break-after\": (), \"break-before\": (), \"break-inside\": (), \"box-decoration-break\": (), \"box-sizing\": (border: border-box, content: content-box), \"display\": (none, contents, block, inline, inline-block, flex, inline-flex, grid, inline-grid, table, inline-table, table-row, table-cell, list-item), \"float\": (left, right, none), \"clear\": (left, right, both, none), \"isolation\": (), \"object-fit\": (contain, cover, fill, scale-down, initial, none), \"object-position\": (center: center, top: top, right: right, bottom: bottom, left: left, top-left: top left, top-right: top right, bottom-left: bottom left, bottom-right: bottom right), \"overflow\": (auto: auto, hidden: hidden, visible: visible, scroll: scroll, clip: clip), \"overscroll\": (), \"placement\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"-1\": -1px), \"position\": (static, relative, absolute, fixed, sticky), \"inset\": (\"0\": 0, \"1\": 1px, \"-1\": -1px), \"visibility\": (visible: visible, invisible: hidden, collapse: collapse), \"zindex\": (\"0\": 0, \"10\": 10, \"20\": 20, \"30\": 30, \"40\": 40, \"50\": 50, auto: auto), \"flex-direction\": (row: row, row-reverse: row-reverse, col: column, col-reverse: column-reverse), \"flex-wrap\": (wrap, wrap-reverse, nowrap), \"flex\": (\"1\": 1 1 0%, auto: 1 1 auto, initial: 0 1 auto, none: none), \"flex-grow\": (DEFAULT: 1, \"0\": 0), \"flex-shrink\": (DEFAULT: 1, \"0\": 0), \"flex-basis\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content), \"order\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, first: -9999, last: 9999, none: 0), \"grid-template-columns\": (\"1\": repeat(1, minmax(0, 1fr)), \"2\": repeat(2, minmax(0, 1fr)), \"3\": repeat(3, minmax(0, 1fr)), \"4\": repeat(4, minmax(0, 1fr)), \"5\": repeat(5, minmax(0, 1fr)), \"6\": repeat(6, minmax(0, 1fr)), \"7\": repeat(7, minmax(0, 1fr)), \"8\": repeat(8, minmax(0, 1fr)), \"9\": repeat(9, minmax(0, 1fr)), \"10\": repeat(10, minmax(0, 1fr)), \"11\": repeat(11, minmax(0, 1fr)), \"12\": repeat(12, minmax(0, 1fr)), none: none), \"grid-template-rows\": (\"1\": repeat(1, minmax(0, 1fr)), \"2\": repeat(2, minmax(0, 1fr)), \"3\": repeat(3, minmax(0, 1fr)), \"4\": repeat(4, minmax(0, 1fr)), \"5\": repeat(5, minmax(0, 1fr)), \"6\": repeat(6, minmax(0, 1fr)), \"7\": repeat(7, minmax(0, 1fr)), \"8\": repeat(8, minmax(0, 1fr)), \"9\": repeat(9, minmax(0, 1fr)), \"10\": repeat(10, minmax(0, 1fr)), \"11\": repeat(11, minmax(0, 1fr)), \"12\": repeat(12, minmax(0, 1fr)), none: none), \"grid-column-start\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, \"13\": 13, auto: auto), \"grid-column-end\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, \"13\": 13, auto: auto), \"grid-column-span\": (\"1\": span 1/span 1, \"2\": span 2/span 2, \"3\": span 3/span 3, \"4\": span 4/span 4, \"5\": span 5/span 5, \"6\": span 6/span 6, \"7\": span 7/span 7, \"8\": span 8/span 8, \"9\": span 9/span 9, \"10\": span 10/span 10, \"11\": span 11/span 11, \"12\": span 12/span 12, full: 1 / -1, auto: auto), \"grid-row-start\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, \"13\": 13, auto: auto), \"grid-row-end\": (\"1\": 1, \"2\": 2, \"3\": 3, \"4\": 4, \"5\": 5, \"6\": 6, \"7\": 7, \"8\": 8, \"9\": 9, \"10\": 10, \"11\": 11, \"12\": 12, \"13\": 13, auto: auto), \"grid-row-span\": (\"1\": span 1/span 1, \"2\": span 2/span 2, \"3\": span 3/span 3, \"4\": span 4/span 4, \"5\": span 5/span 5, \"6\": span 6/span 6, \"7\": span 7/span 7, \"8\": span 8/span 8, \"9\": span 9/span 9, \"10\": span 10/span 10, \"11\": span 11/span 11, \"12\": span 12/span 12, full: span 1/span -1, auto: auto), \"grid-auto-flow\": (row: row, col: column, dense: dense, row-dense: row dense, col-dense: column dense, unset: unset), \"grid-auto-columns\": (auto: auto, min: min-content, max: max-content, fr: minmax(0, 1fr)), \"grid-auto-rows\": (auto: auto, min: min-content, max: max-content, fr: minmax(0, 1fr)), \"gap\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, xs: var(--kendo-spacing-1), sm: var(--kendo-spacing-2), md: var(--kendo-spacing-3), lg: var(--kendo-spacing-4), xl: var(--kendo-spacing-6), thin: var(--kendo-spacing-0\\.5), hair: var(--kendo-spacing-1px)), \"align-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, between: space-between, around: space-around, evenly: space-evenly), \"align-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, self-start: self-start, self-end: self-end), \"align-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, self-start: self-start, self-end: self-end), \"justify-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, left: left, right: right, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline, between: space-between, around: space-around, evenly: space-evenly), \"justify-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, left: left, right: right, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline), \"justify-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, baseline: baseline, first-baseline: first baseline, last-baseline: last baseline), \"place-content\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, baseline: baseline, between: space-between, around: space-around, evenly: space-evenly), \"place-items\": (normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, baseline: baseline), \"place-self\": (auto: auto, normal: normal, stretch: stretch, center: center, start: start, end: end, flex-start: flex-start, flex-end: flex-end, self-start: self-start, self-end: self-end, baseline: baseline), \"margin\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"-1px\": -1px, \"-0.5\": -0.125rem, \"-1\": -0.25rem, \"-1.5\": -0.375rem, \"-2\": -0.5rem, \"-2.5\": -0.625rem, \"-3\": -0.75rem, \"-3.5\": -0.875rem, \"-4\": -1rem, \"-4.5\": -1.125rem, \"-5\": -1.25rem, \"-5.5\": -1.375rem, \"-6\": -1.5rem, \"-6.5\": -1.625rem, \"-7\": -1.75rem, \"-7.5\": -1.875rem, \"-8\": -2rem, \"-9\": -2.25rem, \"-10\": -2.5rem, \"-11\": -2.75rem, \"-12\": -3rem, \"-13\": -3.25rem, \"-14\": -3.5rem, \"-15\": -3.75rem, \"-16\": -4rem, \"-17\": -4.25rem, \"-18\": -4.5rem, \"-19\": -4.75rem, \"-20\": -5rem, \"-21\": -5.25rem, \"-22\": -5.5rem, \"-23\": -5.75rem, \"-24\": -6rem, \"-25\": -7rem, \"-26\": -8rem, \"-27\": -9rem, \"-28\": -10rem, \"-29\": -11rem, \"-30\": -12rem, xs: var(--kendo-spacing-1), sm: var(--kendo-spacing-2), md: var(--kendo-spacing-3), lg: var(--kendo-spacing-4), xl: var(--kendo-spacing-6), thin: var(--kendo-spacing-0\\.5), hair: var(--kendo-spacing-1px), auto: auto), \"padding\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, xs: var(--kendo-spacing-1), sm: var(--kendo-spacing-2), md: var(--kendo-spacing-3), lg: var(--kendo-spacing-4), xl: var(--kendo-spacing-6), thin: var(--kendo-spacing-0\\.5), hair: var(--kendo-spacing-1px)), \"space-between\": (), \"width\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content, screen: 100vw), \"min-width\": (\"0\": 0, full: 100%, screen: 100vw, min: min-content, max: max-content, fit: fit-content), \"max-width\": (none: none, \"0\": 0, full: 100%, screen: 100vw, min: min-content, max: max-content, fit: fit-content), \"height\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"auto\": auto, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%, \"min\": min-content, \"max\": max-content, \"fit\": fit-content, screen: 100vh), \"min-height\": (\"0\": 0, full: 100%, screen: 100vh, min: min-content, max: max-content, fit: fit-content), \"max-height\": (none: none, \"0\": 0, full: 100%, screen: 100vh, min: min-content, max: max-content, fit: fit-content), \"font-family\": (), \"font-size\": (), \"font-smoothing\": (), \"font-style\": (italic: italic, non-italic: normal, oblique: oblique), \"font-weight\": (), \"font-variant-numeric\": (), \"letter-spacing\": (), \"line-height\": (), \"list-style-type\": (none, disc, decimal), \"list-style-position\": (), \"text-align\": (left, right, center, justify, start, end), \"text-color\": (app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary: oklch(69.85% 0.1923 27.19deg), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary: oklch(51.03% 0 0deg), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info: oklch(51.78% 0.2301 261.43deg), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success: oklch(67.45% 0.2171 139.99deg), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning: oklch(84.22% 0.1727 84.58deg), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error: oklch(61.07% 0.2435 30.2deg), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), light-subtle: oklch(98.51% 0 0deg), light: oklch(94.01% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark: oklch(36% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg), \"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"text-decoration\": (underline: underline, overline: overline, line-through: line-through, no-underline: none), \"text-decoration-width\": (), \"text-decoration-style\": (), \"text-decoration-color\": (), \"text-decoration-offset\": (), \"text-transform\": (uppercase: uppercase, lowercase: lowercase, capitalize: capitalize, normal-case: none), \"text-overflow\": (clip: clip, ellipsis: ellipsis), \"text-indent\": (), \"vertical-align\": (baseline, top, middle, bottom, text-top, text-bottom, sub, super), \"white-space\": (normal, nowrap, pre, pre-line, pre-wrap, break-spaces), \"word-break\": (), \"background-clip\": (border: border-box, padding: padding-box, content: content-box, text: text), \"background-color\": (app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary: oklch(69.85% 0.1923 27.19deg), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary: oklch(51.03% 0 0deg), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info: oklch(51.78% 0.2301 261.43deg), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success: oklch(67.45% 0.2171 139.99deg), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning: oklch(84.22% 0.1727 84.58deg), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error: oklch(61.07% 0.2435 30.2deg), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), light-subtle: oklch(98.51% 0 0deg), light: oklch(94.01% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark: oklch(36% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg), \"inherit\": inherit, \"transparent\": transparent, \"black\": black, \"white\": white), \"background-position\": (center: center, top: top, right: right, bottom: bottom, left: left, top-left: top left, top-right: top right, bottom-left: bottom left, bottom-right: bottom right), \"background-size\": (auto, cover, contain), \"border-width\": (DEFAULT: 1px, \"0\": 0, \"2\": 2px, \"4\": 4px, \"8\": 8px), \"border-style\": (solid, dashed, dotted, double, inset, outset, hidden, none), \"border-color\": (app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary: oklch(69.85% 0.1923 27.19deg), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary: oklch(51.03% 0 0deg), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info: oklch(51.78% 0.2301 261.43deg), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success: oklch(67.45% 0.2171 139.99deg), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning: oklch(84.22% 0.1727 84.58deg), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error: oklch(61.07% 0.2435 30.2deg), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), light-subtle: oklch(98.51% 0 0deg), light: oklch(94.01% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark: oklch(36% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg), \"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"border-radius\": (none: 0px, xs: calc(var(--kendo-border-radius-base) * 0.25), sm: calc(var(--kendo-border-radius-base) * 0.5), md: var(--kendo-border-radius-base), lg: calc(var(--kendo-border-radius-base) * 1.5), xl: calc(var(--kendo-border-radius-base) * 2), xxl: calc(var(--kendo-border-radius-base) * 3), xxxl: calc(var(--kendo-border-radius-base) * 4), full: calc(var(--kendo-border-radius-base) * 9999)), \"outline-width\": (DEFAULT: 1px, \"0\": 0, \"2\": 2px, \"4\": 4px, \"8\": 8px), \"outline-style\": (solid, dashed, dotted, double, inset, outset, none), \"outline-color\": (app-surface: oklch(100% 0 0deg), on-app-surface: oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h), subtle: oklch(51.03% 0 0deg), surface: oklch(98.51% 0 0deg), surface-alt: oklch(from var(--kendo-color-surface) calc(l + 0.02) c h), border: oklch(0% 0 0deg / 0.08), border-alt: oklch(0% 0 0deg / 0.16), base-subtle: oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h), base-emphasis: oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h), primary-subtle: oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h), primary: oklch(69.85% 0.1923 27.19deg), primary-emphasis: oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h), secondary-subtle: oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h), secondary: oklch(51.03% 0 0deg), secondary-emphasis: oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h), tertiary-subtle: oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h), tertiary: oklch(69.91% 0.157 238.99deg), tertiary-emphasis: oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h), info-subtle: oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h), info: oklch(51.78% 0.2301 261.43deg), info-emphasis: oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h), success-subtle: oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h), success: oklch(67.45% 0.2171 139.99deg), success-emphasis: oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h), warning-subtle: oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h), warning: oklch(84.22% 0.1727 84.58deg), warning-emphasis: oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h), error-subtle: oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h), error: oklch(61.07% 0.2435 30.2deg), error-emphasis: oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h), light-subtle: oklch(98.51% 0 0deg), light: oklch(94.01% 0 0deg), light-emphasis: oklch(87.61% 0 0deg), dark-subtle: oklch(81.41% 0 0deg), dark: oklch(36% 0 0deg), dark-emphasis: oklch(51.03% 0 0deg), \"inherit\": inherit, \"current\": currentColor, \"transparent\": transparent, \"black\": black, \"white\": white), \"outline-offset\": (\"0\": 0, \"1\": 1px, \"2\": 2px, \"4\": 4px, \"8\": 8px), \"box-shadow\": (), \"box-shadow-color\": (), \"opacity\": (\"0\": 0, \"5\": 0.05, \"10\": 0.1, \"20\": 0.2, \"30\": 0.3, \"40\": 0.4, \"50\": 0.5, \"60\": 0.6, \"70\": 0.7, \"80\": 0.8, \"90\": 0.9, \"100\": 1), \"backdrop-blur\": (DEFAULT: blur(8px), none: blur(0), sm: blur(4px), md: blur(6px), lg: blur(12px)), \"border-collapse\": (collapse, separate), \"table-layout\": (auto, fixed), \"flip\": true, \"scale\": (\"0\": 0, \"0.25\": 0.25, \"0.5\": 0.5, \"0.75\": 0.75, \"1\": 1, \"1.2\": 1.25, \"1.5\": 1.5, \"2\": 2), \"rotate\": (\"0\": 0deg, \"45\": 45deg, \"90\": 90deg, \"135\": 135deg, \"180\": 180deg, \"225\": 225deg, \"270\": 270deg, \"315\": 315deg), \"translate\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem, \"1/2\": 50%, \"1/3\": 33.333333%, \"2/3\": 66.666667%, \"1/4\": 25%, \"2/4\": 50%, \"3/4\": 75%, \"1/5\": 20%, \"2/5\": 40%, \"3/5\": 60%, \"4/5\": 80%, \"1/6\": 16.666667%, \"2/6\": 33.333333%, \"3/6\": 50%, \"4/6\": 66.666667%, \"5/6\": 83.333333%, \"1/12\": 8.333333%, \"2/12\": 16.666667%, \"3/12\": 25%, \"4/12\": 33.333333%, \"5/12\": 41.666667%, \"6/12\": 50%, \"7/12\": 58.333333%, \"8/12\": 66.666667%, \"9/12\": 75%, \"10/12\": 83.333333%, \"11/12\": 91.666667%, \"full\": 100%), \"skew\": (\"0\": 0deg, \"1\": 1deg, \"2\": 2deg, \"3\": 3deg, \"4\": 4deg, \"5\": 5deg, \"6\": 6deg, \"7\": 7deg, \"8\": 8deg, \"9\": 9deg, \"10\": 10deg, \"11\": 11deg, \"12\": 12deg), \"origin\": (center: center, top: top, right: right, bottom: bottom, left: left, top-left: top left, top-right: top right, bottom-left: bottom left, bottom-right: bottom right), \"accent-color\": (), \"appearance\": (none, auto), \"cursor\": (none, auto, default, context-menu, help, pointer, progress, wait, cell, crosshair, text, vertical-text, alias, copy, move, no-drop, not-allowed, e-resize, n-resize, ne-resize, nw-resize, s-resize, se-resize, sw-resize, w-resize, ew-resize, ns-resize, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll, zoom-in, zoom-out, grab, grabbing), \"caret-color\": (), \"pointer-events\": (none, auto), \"resize\": (DEFAULT: both, none: none, x: horizontal, y: vertical), \"scroll-behavior\": (auto, smooth), \"scroll-snap-type\": (none: none, snap-x: x var(--k-scroll-snap-strictness), snap-y: y var(--k-scroll-snap-strictness), snap-both: both var(--k-scroll-snap-strictness)), \"scroll-snap-align\": (start, end, center, none), \"scroll-snap-stop\": (normal, always), \"scroll-margin\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem), \"scroll-padding\": (0: 0px, 1px: 1px, 0.5: 0.125rem, 1: 0.25rem, 1.5: 0.375rem, 2: 0.5rem, 2.5: 0.625rem, 3: 0.75rem, 3.5: 0.875rem, 4: 1rem, 4.5: 1.125rem, 5: 1.25rem, 5.5: 1.375rem, 6: 1.5rem, 6.5: 1.625rem, 7: 1.75rem, 7.5: 1.875rem, 8: 2rem, 9: 2.25rem, 10: 2.5rem, 11: 2.75rem, 12: 3rem, 13: 3.25rem, 14: 3.5rem, 15: 3.75rem, 16: 4rem, 17: 4.25rem, 18: 4.5rem, 19: 4.75rem, 20: 5rem, 21: 5.25rem, 22: 5.5rem, 23: 5.75rem, 24: 6rem, 25: 7rem, 26: 8rem, 27: 9rem, 28: 10rem, 29: 11rem, 30: 12rem), \"touch-action\": (none, auto, pan-x, pan-left, pan-right, pan-y, pan-up, pan-down, pinch-zoom, manipulation), \"user-select\": (none, auto, text, all, contain), \"will-change\": (auto: auto, scroll: scroll-position, contents: contents, transform: transform), \"fill-stroke\": (none: none, inherit: inherit, current: currentColor, \"transparent\": transparent, \"black\": black, \"white\": white))",
         "prettyValue": {
             "screen-readers": true,
             "aspect-ratio": {
@@ -510,13 +587,13 @@
                 "5.5": "1.375rem",
                 "6.5": "1.625rem",
                 "7.5": "1.875rem",
-                "xs": "var(--kendo-spacing-1, 0.25rem)",
-                "sm": "var(--kendo-spacing-2, 0.5rem)",
-                "md": "var(--kendo-spacing-3, 0.75rem)",
-                "lg": "var(--kendo-spacing-4, 1rem)",
-                "xl": "var(--kendo-spacing-6, 1.5rem)",
-                "thin": "var(--kendo-spacing-0\\.5, 0.125rem)",
-                "hair": "var(--kendo-spacing-1px, 1px)"
+                "xs": "var(--kendo-spacing-1)",
+                "sm": "var(--kendo-spacing-2)",
+                "md": "var(--kendo-spacing-3)",
+                "lg": "var(--kendo-spacing-4)",
+                "xl": "var(--kendo-spacing-6)",
+                "thin": "var(--kendo-spacing-0\\.5)",
+                "hair": "var(--kendo-spacing-1px)"
             },
             "align-content": {
                 "normal": "normal",
@@ -728,13 +805,13 @@
                 "-28": "-10rem",
                 "-29": "-11rem",
                 "-30": "-12rem",
-                "xs": "var(--kendo-spacing-1, 0.25rem)",
-                "sm": "var(--kendo-spacing-2, 0.5rem)",
-                "md": "var(--kendo-spacing-3, 0.75rem)",
-                "lg": "var(--kendo-spacing-4, 1rem)",
-                "xl": "var(--kendo-spacing-6, 1.5rem)",
-                "thin": "var(--kendo-spacing-0\\.5, 0.125rem)",
-                "hair": "var(--kendo-spacing-1px, 1px)",
+                "xs": "var(--kendo-spacing-1)",
+                "sm": "var(--kendo-spacing-2)",
+                "md": "var(--kendo-spacing-3)",
+                "lg": "var(--kendo-spacing-4)",
+                "xl": "var(--kendo-spacing-6)",
+                "thin": "var(--kendo-spacing-0\\.5)",
+                "hair": "var(--kendo-spacing-1px)",
                 "auto": "auto"
             },
             "padding": {
@@ -778,13 +855,13 @@
                 "5.5": "1.375rem",
                 "6.5": "1.625rem",
                 "7.5": "1.875rem",
-                "xs": "var(--kendo-spacing-1, 0.25rem)",
-                "sm": "var(--kendo-spacing-2, 0.5rem)",
-                "md": "var(--kendo-spacing-3, 0.75rem)",
-                "lg": "var(--kendo-spacing-4, 1rem)",
-                "xl": "var(--kendo-spacing-6, 1.5rem)",
-                "thin": "var(--kendo-spacing-0\\.5, 0.125rem)",
-                "hair": "var(--kendo-spacing-1px, 1px)"
+                "xs": "var(--kendo-spacing-1)",
+                "sm": "var(--kendo-spacing-2)",
+                "md": "var(--kendo-spacing-3)",
+                "lg": "var(--kendo-spacing-4)",
+                "xl": "var(--kendo-spacing-6)",
+                "thin": "var(--kendo-spacing-0\\.5)",
+                "hair": "var(--kendo-spacing-1px)"
             },
             "space-between": "()",
             "width": {
@@ -985,42 +1062,42 @@
             "list-style-position": "()",
             "text-align": "(left, right, center, justify, start, end)",
             "text-color": {
-                "app-surface": "#ffffff",
-                "on-app-surface": "#3d3d3d",
-                "subtle": "#666666",
-                "surface": "#fafafa",
-                "surface-alt": "#ffffff",
-                "border": "rgba(0, 0, 0, 0.08)",
-                "border-alt": "rgba(0, 0, 0, 0.16)",
-                "base-subtle": "#ebebeb",
-                "base-emphasis": "#c2c2c2",
-                "primary-subtle": "#ffeceb",
-                "primary": "#ff6358",
-                "primary-emphasis": "#ff9d97",
-                "secondary-subtle": "#fafafa",
-                "secondary": "#666666",
-                "secondary-emphasis": "#e0e0e0",
-                "tertiary-subtle": "#d8f1fd",
-                "tertiary": "#03a9f4",
-                "tertiary-emphasis": "#61c9f9",
-                "info-subtle": "#d2e2fb",
-                "info": "#0058e9",
-                "info-emphasis": "#6098f2",
-                "success-subtle": "#dcf0d3",
-                "success": "#37b400",
-                "success-emphasis": "#81d15f",
-                "warning-subtle": "#fff4d3",
-                "warning": "#ffc000",
-                "warning-emphasis": "#ffd760",
-                "error-subtle": "#fcddda",
-                "error": "#f31700",
-                "error-emphasis": "#f76f60",
-                "light-subtle": "#fafafa",
-                "light": "#ebebeb",
-                "light-emphasis": "#d6d6d6",
-                "dark-subtle": "#c2c2c2",
-                "dark": "#3d3d3d",
-                "dark-emphasis": "#666666",
+                "app-surface": "oklch(100% 0 0deg)",
+                "on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h)",
+                "subtle": "oklch(51.03% 0 0deg)",
+                "surface": "oklch(98.51% 0 0deg)",
+                "surface-alt": "oklch(from var(--kendo-color-surface) calc(l + 0.02) c h)",
+                "border": "oklch(0% 0 0deg / 0.08)",
+                "border-alt": "oklch(0% 0 0deg / 0.16)",
+                "base-subtle": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h)",
+                "base-emphasis": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h)",
+                "primary-subtle": "oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h)",
+                "primary": "oklch(69.85% 0.1923 27.19deg)",
+                "primary-emphasis": "oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h)",
+                "secondary-subtle": "oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h)",
+                "secondary": "oklch(51.03% 0 0deg)",
+                "secondary-emphasis": "oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h)",
+                "tertiary-subtle": "oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h)",
+                "tertiary": "oklch(69.91% 0.157 238.99deg)",
+                "tertiary-emphasis": "oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h)",
+                "info-subtle": "oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h)",
+                "info": "oklch(51.78% 0.2301 261.43deg)",
+                "info-emphasis": "oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h)",
+                "success-subtle": "oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h)",
+                "success": "oklch(67.45% 0.2171 139.99deg)",
+                "success-emphasis": "oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h)",
+                "warning-subtle": "oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h)",
+                "warning": "oklch(84.22% 0.1727 84.58deg)",
+                "warning-emphasis": "oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h)",
+                "error-subtle": "oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h)",
+                "error": "oklch(61.07% 0.2435 30.2deg)",
+                "error-emphasis": "oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h)",
+                "light-subtle": "oklch(98.51% 0 0deg)",
+                "light": "oklch(94.01% 0 0deg)",
+                "light-emphasis": "oklch(87.61% 0 0deg)",
+                "dark-subtle": "oklch(81.41% 0 0deg)",
+                "dark": "oklch(36% 0 0deg)",
+                "dark-emphasis": "oklch(51.03% 0 0deg)",
                 "inherit": "inherit",
                 "current": "currentColor",
                 "transparent": "transparent",
@@ -1058,42 +1135,42 @@
                 "text": "text"
             },
             "background-color": {
-                "app-surface": "#ffffff",
-                "on-app-surface": "#3d3d3d",
-                "subtle": "#666666",
-                "surface": "#fafafa",
-                "surface-alt": "#ffffff",
-                "border": "rgba(0, 0, 0, 0.08)",
-                "border-alt": "rgba(0, 0, 0, 0.16)",
-                "base-subtle": "#ebebeb",
-                "base-emphasis": "#c2c2c2",
-                "primary-subtle": "#ffeceb",
-                "primary": "#ff6358",
-                "primary-emphasis": "#ff9d97",
-                "secondary-subtle": "#fafafa",
-                "secondary": "#666666",
-                "secondary-emphasis": "#e0e0e0",
-                "tertiary-subtle": "#d8f1fd",
-                "tertiary": "#03a9f4",
-                "tertiary-emphasis": "#61c9f9",
-                "info-subtle": "#d2e2fb",
-                "info": "#0058e9",
-                "info-emphasis": "#6098f2",
-                "success-subtle": "#dcf0d3",
-                "success": "#37b400",
-                "success-emphasis": "#81d15f",
-                "warning-subtle": "#fff4d3",
-                "warning": "#ffc000",
-                "warning-emphasis": "#ffd760",
-                "error-subtle": "#fcddda",
-                "error": "#f31700",
-                "error-emphasis": "#f76f60",
-                "light-subtle": "#fafafa",
-                "light": "#ebebeb",
-                "light-emphasis": "#d6d6d6",
-                "dark-subtle": "#c2c2c2",
-                "dark": "#3d3d3d",
-                "dark-emphasis": "#666666",
+                "app-surface": "oklch(100% 0 0deg)",
+                "on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h)",
+                "subtle": "oklch(51.03% 0 0deg)",
+                "surface": "oklch(98.51% 0 0deg)",
+                "surface-alt": "oklch(from var(--kendo-color-surface) calc(l + 0.02) c h)",
+                "border": "oklch(0% 0 0deg / 0.08)",
+                "border-alt": "oklch(0% 0 0deg / 0.16)",
+                "base-subtle": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h)",
+                "base-emphasis": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h)",
+                "primary-subtle": "oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h)",
+                "primary": "oklch(69.85% 0.1923 27.19deg)",
+                "primary-emphasis": "oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h)",
+                "secondary-subtle": "oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h)",
+                "secondary": "oklch(51.03% 0 0deg)",
+                "secondary-emphasis": "oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h)",
+                "tertiary-subtle": "oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h)",
+                "tertiary": "oklch(69.91% 0.157 238.99deg)",
+                "tertiary-emphasis": "oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h)",
+                "info-subtle": "oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h)",
+                "info": "oklch(51.78% 0.2301 261.43deg)",
+                "info-emphasis": "oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h)",
+                "success-subtle": "oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h)",
+                "success": "oklch(67.45% 0.2171 139.99deg)",
+                "success-emphasis": "oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h)",
+                "warning-subtle": "oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h)",
+                "warning": "oklch(84.22% 0.1727 84.58deg)",
+                "warning-emphasis": "oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h)",
+                "error-subtle": "oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h)",
+                "error": "oklch(61.07% 0.2435 30.2deg)",
+                "error-emphasis": "oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h)",
+                "light-subtle": "oklch(98.51% 0 0deg)",
+                "light": "oklch(94.01% 0 0deg)",
+                "light-emphasis": "oklch(87.61% 0 0deg)",
+                "dark-subtle": "oklch(81.41% 0 0deg)",
+                "dark": "oklch(36% 0 0deg)",
+                "dark-emphasis": "oklch(51.03% 0 0deg)",
                 "inherit": "inherit",
                 "transparent": "transparent",
                 "black": "black",
@@ -1120,42 +1197,42 @@
             },
             "border-style": "(solid, dashed, dotted, double, inset, outset, hidden, none)",
             "border-color": {
-                "app-surface": "#ffffff",
-                "on-app-surface": "#3d3d3d",
-                "subtle": "#666666",
-                "surface": "#fafafa",
-                "surface-alt": "#ffffff",
-                "border": "rgba(0, 0, 0, 0.08)",
-                "border-alt": "rgba(0, 0, 0, 0.16)",
-                "base-subtle": "#ebebeb",
-                "base-emphasis": "#c2c2c2",
-                "primary-subtle": "#ffeceb",
-                "primary": "#ff6358",
-                "primary-emphasis": "#ff9d97",
-                "secondary-subtle": "#fafafa",
-                "secondary": "#666666",
-                "secondary-emphasis": "#e0e0e0",
-                "tertiary-subtle": "#d8f1fd",
-                "tertiary": "#03a9f4",
-                "tertiary-emphasis": "#61c9f9",
-                "info-subtle": "#d2e2fb",
-                "info": "#0058e9",
-                "info-emphasis": "#6098f2",
-                "success-subtle": "#dcf0d3",
-                "success": "#37b400",
-                "success-emphasis": "#81d15f",
-                "warning-subtle": "#fff4d3",
-                "warning": "#ffc000",
-                "warning-emphasis": "#ffd760",
-                "error-subtle": "#fcddda",
-                "error": "#f31700",
-                "error-emphasis": "#f76f60",
-                "light-subtle": "#fafafa",
-                "light": "#ebebeb",
-                "light-emphasis": "#d6d6d6",
-                "dark-subtle": "#c2c2c2",
-                "dark": "#3d3d3d",
-                "dark-emphasis": "#666666",
+                "app-surface": "oklch(100% 0 0deg)",
+                "on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h)",
+                "subtle": "oklch(51.03% 0 0deg)",
+                "surface": "oklch(98.51% 0 0deg)",
+                "surface-alt": "oklch(from var(--kendo-color-surface) calc(l + 0.02) c h)",
+                "border": "oklch(0% 0 0deg / 0.08)",
+                "border-alt": "oklch(0% 0 0deg / 0.16)",
+                "base-subtle": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h)",
+                "base-emphasis": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h)",
+                "primary-subtle": "oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h)",
+                "primary": "oklch(69.85% 0.1923 27.19deg)",
+                "primary-emphasis": "oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h)",
+                "secondary-subtle": "oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h)",
+                "secondary": "oklch(51.03% 0 0deg)",
+                "secondary-emphasis": "oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h)",
+                "tertiary-subtle": "oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h)",
+                "tertiary": "oklch(69.91% 0.157 238.99deg)",
+                "tertiary-emphasis": "oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h)",
+                "info-subtle": "oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h)",
+                "info": "oklch(51.78% 0.2301 261.43deg)",
+                "info-emphasis": "oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h)",
+                "success-subtle": "oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h)",
+                "success": "oklch(67.45% 0.2171 139.99deg)",
+                "success-emphasis": "oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h)",
+                "warning-subtle": "oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h)",
+                "warning": "oklch(84.22% 0.1727 84.58deg)",
+                "warning-emphasis": "oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h)",
+                "error-subtle": "oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h)",
+                "error": "oklch(61.07% 0.2435 30.2deg)",
+                "error-emphasis": "oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h)",
+                "light-subtle": "oklch(98.51% 0 0deg)",
+                "light": "oklch(94.01% 0 0deg)",
+                "light-emphasis": "oklch(87.61% 0 0deg)",
+                "dark-subtle": "oklch(81.41% 0 0deg)",
+                "dark": "oklch(36% 0 0deg)",
+                "dark-emphasis": "oklch(51.03% 0 0deg)",
                 "inherit": "inherit",
                 "current": "currentColor",
                 "transparent": "transparent",
@@ -1164,14 +1241,14 @@
             },
             "border-radius": {
                 "none": "0px",
-                "xs": "1px",
-                "sm": "0.125rem",
-                "md": "0.25rem",
-                "lg": "0.375rem",
-                "xl": "0.5rem",
-                "xxl": "0.75rem",
-                "xxxl": "1rem",
-                "full": "9999px"
+                "xs": "calc(var(--kendo-border-radius-base) * 0.25)",
+                "sm": "calc(var(--kendo-border-radius-base) * 0.5)",
+                "md": "var(--kendo-border-radius-base)",
+                "lg": "calc(var(--kendo-border-radius-base) * 1.5)",
+                "xl": "calc(var(--kendo-border-radius-base) * 2)",
+                "xxl": "calc(var(--kendo-border-radius-base) * 3)",
+                "xxxl": "calc(var(--kendo-border-radius-base) * 4)",
+                "full": "calc(var(--kendo-border-radius-base) * 9999)"
             },
             "outline-width": {
                 "0": 0,
@@ -1182,42 +1259,42 @@
             },
             "outline-style": "(solid, dashed, dotted, double, inset, outset, none)",
             "outline-color": {
-                "app-surface": "#ffffff",
-                "on-app-surface": "#3d3d3d",
-                "subtle": "#666666",
-                "surface": "#fafafa",
-                "surface-alt": "#ffffff",
-                "border": "rgba(0, 0, 0, 0.08)",
-                "border-alt": "rgba(0, 0, 0, 0.16)",
-                "base-subtle": "#ebebeb",
-                "base-emphasis": "#c2c2c2",
-                "primary-subtle": "#ffeceb",
-                "primary": "#ff6358",
-                "primary-emphasis": "#ff9d97",
-                "secondary-subtle": "#fafafa",
-                "secondary": "#666666",
-                "secondary-emphasis": "#e0e0e0",
-                "tertiary-subtle": "#d8f1fd",
-                "tertiary": "#03a9f4",
-                "tertiary-emphasis": "#61c9f9",
-                "info-subtle": "#d2e2fb",
-                "info": "#0058e9",
-                "info-emphasis": "#6098f2",
-                "success-subtle": "#dcf0d3",
-                "success": "#37b400",
-                "success-emphasis": "#81d15f",
-                "warning-subtle": "#fff4d3",
-                "warning": "#ffc000",
-                "warning-emphasis": "#ffd760",
-                "error-subtle": "#fcddda",
-                "error": "#f31700",
-                "error-emphasis": "#f76f60",
-                "light-subtle": "#fafafa",
-                "light": "#ebebeb",
-                "light-emphasis": "#d6d6d6",
-                "dark-subtle": "#c2c2c2",
-                "dark": "#3d3d3d",
-                "dark-emphasis": "#666666",
+                "app-surface": "oklch(100% 0 0deg)",
+                "on-app-surface": "oklch(from var(--kendo-color-app-surface) clamp(0.36, (0.6 - l) * 99999, 0.95) 0 h)",
+                "subtle": "oklch(51.03% 0 0deg)",
+                "surface": "oklch(98.51% 0 0deg)",
+                "surface-alt": "oklch(from var(--kendo-color-surface) calc(l + 0.02) c h)",
+                "border": "oklch(0% 0 0deg / 0.08)",
+                "border-alt": "oklch(0% 0 0deg / 0.16)",
+                "base-subtle": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.03, (0.6 - l) * 99999, 0.03)) c h)",
+                "base-emphasis": "oklch(from var(--kendo-color-base) calc(l + clamp(-0.156, (0.6 - l) * 99999, 0.156)) c h)",
+                "primary-subtle": "oklch(from var(--kendo-color-primary) 0.958 calc(c * 0.11) h)",
+                "primary": "oklch(69.85% 0.1923 27.19deg)",
+                "primary-emphasis": "oklch(from var(--kendo-color-primary) calc(l * 0.665 + 0.33) calc(c * 0.61) h)",
+                "secondary-subtle": "oklch(from var(--kendo-color-secondary) calc(l * 0.03 + 0.97) calc(c * 0.12) h)",
+                "secondary": "oklch(51.03% 0 0deg)",
+                "secondary-emphasis": "oklch(from var(--kendo-color-secondary) calc(l * 0.19 + 0.81) calc(c * 0.55) h)",
+                "tertiary-subtle": "oklch(from var(--kendo-color-tertiary) 0.944 calc(c * 0.20) h)",
+                "tertiary": "oklch(69.91% 0.157 238.99deg)",
+                "tertiary-emphasis": "oklch(from var(--kendo-color-tertiary) calc(l * 0.665 + 0.33) calc(c * 0.75) h)",
+                "info-subtle": "oklch(from var(--kendo-color-info) 0.9086 calc(c * 0.17) h)",
+                "info": "oklch(51.78% 0.2301 261.43deg)",
+                "info-emphasis": "oklch(from var(--kendo-color-info) calc(l * 0.68 + 0.33) calc(c * 0.64) h)",
+                "success-subtle": "oklch(from var(--kendo-color-success) 0.9326 calc(c * 0.20) h)",
+                "success": "oklch(67.45% 0.2171 139.99deg)",
+                "success-emphasis": "oklch(from var(--kendo-color-success) calc(l * 0.675 + 0.33) calc(c * 0.78) h)",
+                "warning-subtle": "oklch(from var(--kendo-color-warning) 0.9674 calc(c * 0.26) h)",
+                "warning": "oklch(84.22% 0.1727 84.58deg)",
+                "warning-emphasis": "oklch(from var(--kendo-color-warning) calc(l * 0.665 + 0.33) calc(c * 0.83) h)",
+                "error-subtle": "oklch(from var(--kendo-color-error) 0.9223 calc(c * 0.14) h)",
+                "error": "oklch(61.07% 0.2435 30.2deg)",
+                "error-emphasis": "oklch(from var(--kendo-color-error) calc(l * 0.61 + 0.33) calc(c * 0.70) h)",
+                "light-subtle": "oklch(98.51% 0 0deg)",
+                "light": "oklch(94.01% 0 0deg)",
+                "light-emphasis": "oklch(87.61% 0 0deg)",
+                "dark-subtle": "oklch(81.41% 0 0deg)",
+                "dark": "oklch(36% 0 0deg)",
+                "dark-emphasis": "oklch(51.03% 0 0deg)",
                 "inherit": "inherit",
                 "current": "currentColor",
                 "transparent": "transparent",