@progress/kendo-theme-fluent 5.12.1-dev.2 → 5.12.1-dev.3

package/dist/all.css

@@ -26051,30 +26051,30 @@ kendo-badge-container {
 }
 
 .k-loader-sm {
-  padding-inline: var(--kendo-loader-padding-x-sm, 0.125rem);
-  padding-block: var(--kendo-loader-padding-y-sm, 0.125rem);
+  padding-inline: var(--kendo-loader-sm-padding-x, 0.125rem);
+  padding-block: var(--kendo-loader-sm-padding-y, 0.125rem);
 }
 .k-loader-sm .k-loader-segment {
-  width: var(--kendo-loader-segment-size-sm, 0.25rem);
-  height: var(--kendo-loader-segment-size-sm, 0.25rem);
+  width: var(--kendo-loader-sm-segment-size, 0.25rem);
+  height: var(--kendo-loader-sm-segment-size, 0.25rem);
 }
 
 .k-loader-md {
-  padding-inline: var(--kendo-loader-padding-x-md, 0.25rem);
-  padding-block: var(--kendo-loader-padding-y-md, 0.25rem);
+  padding-inline: var(--kendo-loader-md-padding-x, 0.25rem);
+  padding-block: var(--kendo-loader-md-padding-y, 0.25rem);
 }
 .k-loader-md .k-loader-segment {
-  width: var(--kendo-loader-segment-size-md, 0.5rem);
-  height: var(--kendo-loader-segment-size-md, 0.5rem);
+  width: var(--kendo-loader-md-segment-size, 0.5rem);
+  height: var(--kendo-loader-md-segment-size, 0.5rem);
 }
 
 .k-loader-lg {
-  padding-inline: var(--kendo-loader-padding-x-lg, 0.5rem);
-  padding-block: var(--kendo-loader-padding-y-lg, 0.5rem);
+  padding-inline: var(--kendo-loader-lg-padding-x, 0.5rem);
+  padding-block: var(--kendo-loader-lg-padding-y, 0.5rem);
 }
 .k-loader-lg .k-loader-segment {
-  width: var(--kendo-loader-segment-size-lg, 1rem);
-  height: var(--kendo-loader-segment-size-lg, 1rem);
+  width: var(--kendo-loader-lg-segment-size, 1rem);
+  height: var(--kendo-loader-lg-segment-size, 1rem);
 }
 
 @keyframes pulsing-2-segment {
@@ -26104,16 +26104,16 @@ kendo-badge-container {
   animation: pulsing-2-segment 1s ease infinite;
 }
 .k-loader-pulsing-2.k-loader-sm .k-loader-canvas {
-  width: calc(var(--kendo-loader-segment-size-sm, 0.25rem)*3);
-  height: calc(var(--kendo-loader-segment-size-sm, 0.25rem)*1.5);
+  width: calc(var(--kendo-loader-sm-segment-size, 0.25rem)*3);
+  height: calc(var(--kendo-loader-sm-segment-size, 0.25rem)*1.5);
 }
 .k-loader-pulsing-2.k-loader-md .k-loader-canvas {
-  width: calc(var(--kendo-loader-segment-size-md, 0.5rem)*3);
-  height: calc(var(--kendo-loader-segment-size-md, 0.5rem)*1.5);
+  width: calc(var(--kendo-loader-md-segment-size, 0.5rem)*3);
+  height: calc(var(--kendo-loader-md-segment-size, 0.5rem)*1.5);
 }
 .k-loader-pulsing-2.k-loader-lg .k-loader-canvas {
-  width: calc(var(--kendo-loader-segment-size-lg, 1rem)*3);
-  height: calc(var(--kendo-loader-segment-size-lg, 1rem)*1.5);
+  width: calc(var(--kendo-loader-lg-segment-size, 1rem)*3);
+  height: calc(var(--kendo-loader-lg-segment-size, 1rem)*1.5);
 }
 
 @keyframes spinner-3-segment {
@@ -26155,19 +26155,19 @@ kendo-badge-container {
   animation-delay: -1.3333333333s;
 }
 .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
-  margin: calc(var(--kendo-loader-segment-size-sm, 0.25rem)/2);
-  width: calc(var(--kendo-loader-spinner-3-width-sm, 1rem) - var(--kendo-loader-segment-size-sm, 0.25rem));
-  height: calc(var(--kendo-loader-spinner-3-height-sm, 0.8660254038rem) - var(--kendo-loader-segment-size-sm, 0.25rem));
+  margin: calc(var(--kendo-loader-sm-segment-size, 0.25rem)/2);
+  width: calc(var(--kendo-loader-sm-spinner-3-width, 1rem) - var(--kendo-loader-sm-segment-size, 0.25rem));
+  height: calc(var(--kendo-loader-sm-spinner-3-height, 0.8660254038rem) - var(--kendo-loader-sm-segment-size, 0.25rem));
 }
 .k-loader-spinner-3.k-loader-md .k-loader-canvas {
-  margin: calc(var(--kendo-loader-segment-size-md, 0.5rem)/2);
-  width: calc(var(--kendo-loader-spinner-3-width-md, 2rem) - var(--kendo-loader-segment-size-md, 0.5rem));
-  height: calc(var(--kendo-loader-spinner-3-height-md, 1.7320508076rem) - var(--kendo-loader-segment-size-md, 0.5rem));
+  margin: calc(var(--kendo-loader-md-segment-size, 0.5rem)/2);
+  width: calc(var(--kendo-loader-md-spinner-3-width, 2rem) - var(--kendo-loader-md-segment-size, 0.5rem));
+  height: calc(var(--kendo-loader-md-spinner-3-height, 1.7320508076rem) - var(--kendo-loader-md-segment-size, 0.5rem));
 }
 .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
-  margin: calc(var(--kendo-loader-segment-size-lg, 1rem)/2);
-  width: calc(var(--kendo-loader-spinner-3-width-lg, 4rem) - var(--kendo-loader-segment-size-lg, 1rem));
-  height: calc(var(--kendo-loader-spinner-3-height-lg, 3.4641016152rem) - var(--kendo-loader-segment-size-lg, 1rem));
+  margin: calc(var(--kendo-loader-lg-segment-size, 1rem)/2);
+  width: calc(var(--kendo-loader-lg-spinner-3-width, 4rem) - var(--kendo-loader-lg-segment-size, 1rem));
+  height: calc(var(--kendo-loader-lg-spinner-3-height, 3.4641016152rem) - var(--kendo-loader-lg-segment-size, 1rem));
 }
 
 @keyframes spinner-4-segment-1 {
@@ -26293,16 +26293,16 @@ kendo-badge-container {
   animation: spinner-4-segment-4 1.833s ease infinite;
 }
 .k-loader-spinner-4.k-loader-sm .k-loader-canvas {
-  width: var(--kendo-loader-spinner-4-width-sm, 1rem);
-  height: var(--kendo-loader-spinner-4-height-sm, 1rem);
+  width: var(--kendo-loader-sm-spinner-4-width, 1rem);
+  height: var(--kendo-loader-sm-spinner-4-height, 1rem);
 }
 .k-loader-spinner-4.k-loader-md .k-loader-canvas {
-  width: var(--kendo-loader-spinner-4-width-md, 2rem);
-  height: var(--kendo-loader-spinner-4-height-md, 2rem);
+  width: var(--kendo-loader-md-spinner-4-width, 2rem);
+  height: var(--kendo-loader-md-spinner-4-height, 2rem);
 }
 .k-loader-spinner-4.k-loader-lg .k-loader-canvas {
-  width: var(--kendo-loader-spinner-4-width-lg, 4rem);
-  height: var(--kendo-loader-spinner-4-height-lg, 4rem);
+  width: var(--kendo-loader-lg-spinner-4-width, 4rem);
+  height: var(--kendo-loader-lg-spinner-4-height, 4rem);
 }
 
 .k-loader-container {
@@ -26344,30 +26344,30 @@ kendo-badge-container {
 }
 
 .k-loader-container-sm .k-loader-container-inner {
-  padding-inline: var(--kendo-loader-container-padding-x-sm, 1rem);
-  padding-block: var(--kendo-loader-container-padding-y-sm, 1rem);
-  gap: var(--kendo-loader-container-gap-sm, 0.25rem);
+  padding-inline: var(--kendo-loader-sm-container-padding-x, 1rem);
+  padding-block: var(--kendo-loader-sm-container-padding-y, 1rem);
+  gap: var(--kendo-loader-sm-container-gap, 0.25rem);
 }
 .k-loader-container-sm .k-loader-container-label {
-  font-size: var(--kendo-loader-container-font-size-sm, var(--kendo-font-size-sm, inherit));
+  font-size: var(--kendo-loader-sm-container-font-size, var(--kendo-font-size-sm, inherit));
 }
 
 .k-loader-container-md .k-loader-container-inner {
-  padding-inline: var(--kendo-loader-container-padding-x-md, 1.25rem);
-  padding-block: var(--kendo-loader-container-padding-y-md, 1.25rem);
-  gap: var(--kendo-loader-container-gap-md, 0.5rem);
+  padding-inline: var(--kendo-loader-md-container-padding-x, 1.25rem);
+  padding-block: var(--kendo-loader-md-container-padding-y, 1.25rem);
+  gap: var(--kendo-loader-md-container-gap, 0.5rem);
 }
 .k-loader-container-md .k-loader-container-label {
-  font-size: var(--kendo-loader-container-font-size-md, var(--kendo-font-size-md, inherit));
+  font-size: var(--kendo-loader-md-container-font-size, var(--kendo-font-size-md, inherit));
 }
 
 .k-loader-container-lg .k-loader-container-inner {
-  padding-inline: var(--kendo-loader-container-padding-x-lg, 1.5rem);
-  padding-block: var(--kendo-loader-container-padding-y-lg, 1.5rem);
-  gap: var(--kendo-loader-container-gap-lg, 0.75rem);
+  padding-inline: var(--kendo-loader-lg-container-padding-x, 1.5rem);
+  padding-block: var(--kendo-loader-lg-container-padding-y, 1.5rem);
+  gap: var(--kendo-loader-lg-container-gap, 0.75rem);
 }
 .k-loader-container-lg .k-loader-container-label {
-  font-size: var(--kendo-loader-container-font-size-lg, var(--kendo-font-size-lg, inherit));
+  font-size: var(--kendo-loader-lg-container-font-size, var(--kendo-font-size-lg, inherit));
 }
 
 .k-loader-top .k-loader-container-inner {
@@ -31596,7 +31596,7 @@ textarea.k-input-inner {
 .k-time-header .k-time-selector-header-title,
 .k-time-selector-header .k-title,
 .k-time-selector-header .k-time-selector-header-title {
-  padding: var(--kendo-button-padding-y-md, 0.375rem) var(--kendo-button-padding-x-md, 1.25rem);
+  padding: var(--kendo-button-md-padding-y, 0.375rem) var(--kendo-button-md-padding-x, 1.25rem);
   font-weight: bold;
   display: inline-block;
 }
@@ -31887,9 +31887,9 @@ textarea.k-input-inner {
   border-width: 0;
   box-sizing: border-box;
   outline: 0;
-  font-size: var(--kendo-colorpalette-font-size, var(--kendo-font-size, inherit));
-  font-family: var(--kendo-colorpalette-font-family, var(--kendo-font-family, inherit));
-  line-height: var(--kendo-colorpalette-line-height, 0);
+  font-size: var(--kendo-color-palette-font-size, var(--kendo-font-size, inherit));
+  font-family: var(--kendo-color-palette-font-family, var(--kendo-font-family, inherit));
+  line-height: var(--kendo-color-palette-line-height, 0);
   display: inline-flex;
   position: relative;
   -webkit-touch-callout: none;
@@ -31912,10 +31912,10 @@ textarea.k-input-inner {
 }
 
 .k-colorpalette-tile {
-  outline-width: var(--kendo-colorpalette-tile-outline-width, 1px);
-  outline-style: var(--kendo-colorpalette-tile-outline-style, solid);
-  width: var(--kendo-colorpalette-tile-width, 1.5rem);
-  height: var(--kendo-colorpalette-tile-height, 1.5rem);
+  outline-width: var(--kendo-color-palette-tile-outline-width, 1px);
+  outline-style: var(--kendo-color-palette-tile-outline-style, solid);
+  width: var(--kendo-color-palette-tile-width, 1.5rem);
+  height: var(--kendo-color-palette-tile-height, 1.5rem);
   box-sizing: border-box;
   overflow: hidden;
   cursor: pointer;
@@ -31930,40 +31930,40 @@ textarea.k-input-inner {
 }
 
 .k-colorpalette-tile {
-  outline-color: var(--kendo-colorpalette-tile-outline, transparent);
+  outline-color: var(--kendo-color-palette-tile-outline, transparent);
 }
 .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
-  box-shadow: var(--kendo-colorpalette-tile-hover-shadow, inset 0 0 0 2px var(--kendo-neutral-20, inherit), inset 0 0 0 4px #ffffff);
-  outline-color: var(--kendo-colorpalette-tile-hover-outline, var(--kendo-neutral-20, inherit));
+  box-shadow: var(--kendo-color-palette-tile-hover-shadow, inset 0 0 0 2px var(--kendo-neutral-20, inherit), inset 0 0 0 4px #ffffff);
+  outline-color: var(--kendo-color-palette-tile-hover-outline, var(--kendo-neutral-20, inherit));
 }
 .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus {
-  box-shadow: var(--kendo-colorpalette-tile-focus-shadow, inset 0 0 0 2px #ffffff);
-  outline-color: var(--kendo-colorpalette-tile-focus-outline, var(--kendo-neutral-130, inherit));
+  box-shadow: var(--kendo-color-palette-tile-focus-shadow, inset 0 0 0 2px #ffffff);
+  outline-color: var(--kendo-color-palette-tile-focus-outline, var(--kendo-neutral-130, inherit));
 }
 .k-colorpalette-tile.k-selected {
-  box-shadow: var(--kendo-colorpalette-tile-selected-shadow, inset 0 0 0 2px var(--kendo-neutral-20, inherit), inset 0 0 0 4px #ffffff);
-  outline-color: var(--kendo-colorpalette-tile-selected-outline, var(--kendo-neutral-20, inherit));
+  box-shadow: var(--kendo-color-palette-tile-selected-shadow, inset 0 0 0 2px var(--kendo-neutral-20, inherit), inset 0 0 0 4px #ffffff);
+  outline-color: var(--kendo-color-palette-tile-selected-outline, var(--kendo-neutral-20, inherit));
 }
 .k-colorpalette-tile.k-selected:hover, .k-colorpalette-tile.k-selected:focus {
-  outline-color: var(--kendo-colorpalette-tile-selected-hover-outline, var(--kendo-neutral-130, inherit));
+  outline-color: var(--kendo-color-palette-tile-selected-hover-outline, var(--kendo-neutral-130, inherit));
 }
 
 .k-colorgradient {
-  border-radius: var(--kendo-colorgradient-border-radius, var(--kendo-border-radius-md, 0));
-  width: var(--kendo-colorgradient-width, 260px);
-  padding-inline: var(--kendo-colorgradient-padding-x, 0.5rem);
-  padding-block: var(--kendo-colorgradient-padding-y, 1rem);
+  border-radius: var(--kendo-color-gradient-border-radius, var(--kendo-border-radius-md, 0));
+  width: var(--kendo-color-gradient-width, 260px);
+  padding-inline: var(--kendo-color-gradient-padding-x, 0.5rem);
+  padding-block: var(--kendo-color-gradient-padding-y, 1rem);
   border-style: solid;
-  border-width: var(--kendo-colorgradient-border-width, 1px);
+  border-width: var(--kendo-color-gradient-border-width, 1px);
   box-sizing: border-box;
   outline: 0;
-  font-size: var(--kendo-colorgradient-font-size, var(--kendo-font-size, inherit));
-  font-family: var(--kendo-colorgradient-font-family, var(--kendo-font-family, inherit));
-  line-height: var(--kendo-colorgradient-line-height, var(--kendo-line-height, normal));
+  font-size: var(--kendo-color-gradient-font-size, var(--kendo-font-size, inherit));
+  font-family: var(--kendo-color-gradient-font-family, var(--kendo-font-family, inherit));
+  line-height: var(--kendo-color-gradient-line-height, var(--kendo-line-height, normal));
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  gap: var(--kendo-colorgradient-spacing, 1rem);
+  gap: var(--kendo-color-gradient-spacing, 1rem);
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -31974,11 +31974,11 @@ textarea.k-input-inner {
 }
 
 .k-colorgradient-canvas {
-  gap: var(--kendo-colorgradient-canvas-spacing, 0.5rem);
+  gap: var(--kendo-color-gradient-canvas-spacing, 0.5rem);
 }
 .k-colorgradient-canvas .k-hsv-rectangle {
-  border-radius: var(--kendo-colorgradient-canvas-border-radius, var(--kendo-border-radius-md, 0));
-  border-width: var(--kendo-colorgradient-canvas-border-width, 0);
+  border-radius: var(--kendo-color-gradient-canvas-border-radius, var(--kendo-border-radius-md, 0));
+  border-width: var(--kendo-color-gradient-canvas-border-width, 0);
   border-style: solid;
   position: relative;
   flex: 1 1 auto;
@@ -31987,11 +31987,11 @@ textarea.k-input-inner {
           user-select: none;
 }
 .k-colorgradient-canvas .k-hsv-gradient {
-  height: var(--kendo-colorgradient-canvas-rectangle-height, 180px);
+  height: var(--kendo-color-gradient-canvas-rectangle-height, 180px);
 }
 .k-colorgradient-canvas .k-hsv-draghandle {
-  margin-block-start: var(--kendo-colorgradient-canvas-draghandle-offset-y, -10px);
-  margin-inline-start: var(--kendo-colorgradient-canvas-draghandle--offset-x, -10px);
+  margin-block-start: var(--kendo-color-gradient-canvas-draghandle-offset-y, -10px);
+  margin-inline-start: var(--kendo-color-gradient-canvas-draghandle--offset-x, -10px);
   position: absolute;
   top: 50%;
   left: 50%;
@@ -32002,35 +32002,35 @@ textarea.k-input-inner {
 .k-colorgradient-canvas .k-hsv-controls {
   position: relative;
   flex-shrink: 0;
-  gap: var(--kendo-colorgradient-canvas-spacing, 0.5rem);
+  gap: var(--kendo-color-gradient-canvas-spacing, 0.5rem);
 }
 
 .k-colorgradient .k-draghandle {
-  width: var(--kendo-colorgradient-draghandle-width, 20px);
-  height: var(--kendo-colorgradient-draghandle-height, 20px);
-  border-width: var(--kendo-colorgradient-draghandle-border-width, 1px);
+  width: var(--kendo-color-gradient-draghandle-width, 20px);
+  height: var(--kendo-color-gradient-draghandle-height, 20px);
+  border-width: var(--kendo-color-gradient-draghandle-border-width, 1px);
   box-sizing: border-box;
 }
 
 .k-colorgradient-slider.k-slider-vertical {
-  width: var(--kendo-colorgradient-slider-track-size, 20px);
-  height: var(--kendo-colorgradient-slider-vertical-size, 180px);
-  flex: 0 0 var(--kendo-colorgradient-slider-track-size, 20px);
+  width: var(--kendo-color-gradient-slider-track-size, 20px);
+  height: var(--kendo-color-gradient-slider-vertical-size, 180px);
+  flex: 0 0 var(--kendo-color-gradient-slider-track-size, 20px);
 }
 .k-colorgradient-slider.k-slider-vertical .k-slider-track {
-  width: var(--kendo-colorgradient-slider-track-size, 20px);
-  border-radius: var(--kendo-colorgradient-slider-border-radius, var(--kendo-border-radius-md, 0));
-  margin-left: calc(var(--kendo-colorgradient-slider-track-size, 20px)*-1/2);
+  width: var(--kendo-color-gradient-slider-track-size, 20px);
+  border-radius: var(--kendo-color-gradient-slider-border-radius, var(--kendo-border-radius-md, 0));
+  margin-left: calc(var(--kendo-color-gradient-slider-track-size, 20px)*-1/2);
 }
 .k-colorgradient-slider.k-slider-horizontal {
-  width: var(--kendo-colorgradient-slider-horizontal-size, 100%);
-  height: var(--kendo-colorgradient-slider-track-size, 20px);
-  flex: 0 0 var(--kendo-colorgradient-slider-track-size, 20px);
+  width: var(--kendo-color-gradient-slider-horizontal-size, 100%);
+  height: var(--kendo-color-gradient-slider-track-size, 20px);
+  flex: 0 0 var(--kendo-color-gradient-slider-track-size, 20px);
 }
 .k-colorgradient-slider.k-slider-horizontal .k-slider-track {
-  height: var(--kendo-colorgradient-slider-track-size, 20px);
-  border-radius: var(--kendo-colorgradient-slider-border-radius, var(--kendo-border-radius-md, 0));
-  margin-block-start: calc(var(--kendo-colorgradient-slider-track-size, 20px)/2*-1);
+  height: var(--kendo-color-gradient-slider-track-size, 20px);
+  border-radius: var(--kendo-color-gradient-slider-border-radius, var(--kendo-border-radius-md, 0));
+  margin-block-start: calc(var(--kendo-color-gradient-slider-track-size, 20px)/2*-1);
 }
 .k-colorgradient-slider.k-alpha-slider .k-slider-track::before {
   content: "";
@@ -32042,7 +32042,7 @@ textarea.k-input-inner {
   z-index: -1;
 }
 .k-colorgradient-slider .k-slider-track {
-  border-width: var(--kendo-colorgradient-slider-border-width, 1px);
+  border-width: var(--kendo-color-gradient-slider-border-width, 1px);
   border-style: solid;
   transform: none;
   z-index: auto;
@@ -32056,34 +32056,34 @@ textarea.k-input-inner {
 }
 
 .k-colorgradient-inputs {
-  gap: var(--kendo-colorgradient-input-spacing, 0.25rem);
+  gap: var(--kendo-color-gradient-input-spacing, 0.25rem);
 }
 .k-colorgradient-inputs .k-colorgradient-input-label {
-  font-size: var(--kendo-colorgradient-input-label-font-size, var(--kendo-font-size-sm, inherit));
+  font-size: var(--kendo-color-gradient-input-label-font-size, var(--kendo-font-size-sm, inherit));
   text-transform: uppercase;
 }
 .k-colorgradient-inputs > .k-vstack {
-  gap: var(--kendo-colorgradient-input-label-spacing, 0.25rem);
+  gap: var(--kendo-color-gradient-input-label-spacing, 0.25rem);
 }
 .k-colorgradient-inputs .k-numerictextbox {
-  width: var(--kendo-colorgradient-input-width, 48px);
+  width: var(--kendo-color-gradient-input-width, 48px);
 }
 
 .k-colorgradient-color-contrast > div {
   display: flex;
   flex-flow: row nowrap;
-  gap: var(--kendo-colorgradient-contrast-spacing, 0.6666666667rem);
+  gap: var(--kendo-color-gradient-contrast-spacing, 0.6666666667rem);
 }
 .k-colorgradient-color-contrast .k-contrast-ratio {
-  margin-block-end: var(--kendo-colorgradient-contrast-spacing, 0.6666666667rem);
+  margin-block-end: var(--kendo-color-gradient-contrast-spacing, 0.6666666667rem);
 }
 .k-colorgradient-color-contrast .k-contrast-ratio-text {
-  font-weight: var(--kendo-colorgradient-contrast-ratio-font-weight, var(--kendo-font-weight-bold, normal));
+  font-weight: var(--kendo-color-gradient-contrast-ratio-font-weight, var(--kendo-font-weight-bold, normal));
 }
 .k-colorgradient-color-contrast .k-contrast-validation {
   display: inline-flex;
   align-items: center;
-  gap: calc(var(--kendo-colorgradient-contrast-spacing, 0.6666666667rem)/2);
+  gap: calc(var(--kendo-color-gradient-contrast-spacing, 0.6666666667rem)/2);
 }
 .k-colorgradient-color-contrast .k-contrast-validation .k-icon {
   vertical-align: middle;
@@ -32101,49 +32101,49 @@ textarea.k-input-inner {
 }
 
 .k-colorgradient {
-  border-color: var(--kendo-colorgradient-border, var(--kendo-component-border, initial));
-  color: var(--kendo-colorgradient-text, var(--kendo-component-text, initial));
-  background-color: var(--kendo-colorgradient-bg, var(--kendo-component-bg, initial));
-  box-shadow: var(--kendo-colorgradient-shadow, var(--kendo-box-shadow-depth-2, none));
+  border-color: var(--kendo-color-gradient-border, var(--kendo-component-border, initial));
+  color: var(--kendo-color-gradient-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-color-gradient-bg, var(--kendo-component-bg, initial));
+  box-shadow: var(--kendo-color-gradient-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 
 .k-colorgradient:focus,
 .k-colorgradient.k-focus {
-  border-color: var(--kendo-colorgradient-focus-border, var(--kendo-neutral-20, inherit));
-  box-shadow: var(--kendo-colorgradient-focus-shadow, var(--kendo-box-shadow-depth-3, none));
+  border-color: var(--kendo-color-gradient-focus-border, var(--kendo-neutral-20, inherit));
+  box-shadow: var(--kendo-color-gradient-focus-shadow, var(--kendo-box-shadow-depth-3, none));
 }
 
 .k-colorgradient-canvas .k-hsv-gradient {
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black), linear-gradient(to right, white, rgba(255, 255, 255, 0));
 }
 .k-colorgradient-canvas .k-hsv-rectangle {
-  border-color: var(--kendo-colorgradient-canvas-rectangle-border, var(--kendo-neutral-30, inherit));
+  border-color: var(--kendo-color-gradient-canvas-rectangle-border, var(--kendo-neutral-30, inherit));
 }
 
 .k-colorgradient .k-draghandle {
-  border-color: var(--kendo-colorgradient-draghandle-border, var(--kendo-neutral-110, inherit));
-  box-shadow: var(--kendo-colorgradient-draghandle-shadow, var(--kendo-box-shadow-depth-2, none));
+  border-color: var(--kendo-color-gradient-draghandle-border, var(--kendo-neutral-110, inherit));
+  box-shadow: var(--kendo-color-gradient-draghandle-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus {
-  border-color: var(--kendo-colorgradient-draghandle-focus-border, var(--kendo-neutral-160, inherit));
-  box-shadow: var(--kendo-colorgradient-draghandle-focus-shadow, var(--kendo-box-shadow-depth-2, none));
+  border-color: var(--kendo-color-gradient-draghandle-focus-border, var(--kendo-neutral-160, inherit));
+  box-shadow: var(--kendo-color-gradient-draghandle-focus-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 .k-colorgradient .k-draghandle:active, .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover {
-  box-shadow: var(--kendo-colorgradient-draghandle-hover-shadow, var(--kendo-box-shadow-depth-2, none));
+  box-shadow: var(--kendo-color-gradient-draghandle-hover-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 
 .k-colorgradient .k-hsv-draghandle {
-  box-shadow: var(--kendo-colorgradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
+  box-shadow: var(--kendo-color-gradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
 }
 .k-colorgradient .k-hsv-draghandle:focus, .k-colorgradient .k-hsv-draghandle.k-focus {
-  box-shadow: var(--kendo-colorgradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
+  box-shadow: var(--kendo-color-gradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
 }
 .k-colorgradient .k-hsv-draghandle:active, .k-colorgradient .k-hsv-draghandle:hover, .k-colorgradient .k-hsv-draghandle.k-hover {
-  box-shadow: var(--kendo-colorgradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
+  box-shadow: var(--kendo-color-gradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
 }
 
 .k-colorgradient-slider .k-slider-track {
-  border-color: var(--kendo-colorgradient-slider-border, var(--kendo-neutral-30, inherit));
+  border-color: var(--kendo-color-gradient-slider-border, var(--kendo-neutral-30, inherit));
 }
 
 .k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track {
@@ -32158,19 +32158,19 @@ textarea.k-input-inner {
 }
 
 .k-colorgradient-input-label {
-  color: var(--kendo-colorgradient-input-label-text, var(--kendo-subtle-text, inherit));
+  color: var(--kendo-color-gradient-input-label-text, var(--kendo-subtle-text, inherit));
 }
 
 .k-coloreditor {
-  border-radius: var(--kendo-coloreditor-border-radius, var(--kendo-border-radius-md, 0));
-  min-width: var(--kendo-coloreditor-min-width, 260px);
-  border-width: var(--kendo-coloreditor-border-width, 1px);
+  border-radius: var(--kendo-color-editor-border-radius, var(--kendo-border-radius-md, 0));
+  min-width: var(--kendo-color-editor-min-width, 260px);
+  border-width: var(--kendo-color-editor-border-width, 1px);
   border-style: solid;
   box-sizing: border-box;
   outline: 0;
-  font-family: var(--kendo-coloreditor-font-family, var(--kendo-font-family, inherit));
-  font-size: var(--kendo-coloreditor-font-size, var(--kendo-font-size, inherit));
-  line-height: var(--kendo-coloreditor-line-height, var(--kendo-line-height, normal));
+  font-family: var(--kendo-color-editor-font-family, var(--kendo-font-family, inherit));
+  font-size: var(--kendo-color-editor-font-size, var(--kendo-font-size, inherit));
+  line-height: var(--kendo-color-editor-line-height, var(--kendo-line-height, normal));
   display: inline-flex;
   flex-direction: column;
   align-items: stretch;
@@ -32183,18 +32183,18 @@ textarea.k-input-inner {
 
 .k-coloreditor .k-colorgradient:focus,
 .k-coloreditor .k-colorgradient.k-focus {
-  outline: var(--kendo-coloreditor-colorgradient-focus-outline, 2px) dotted;
-  outline-offset: var(--kendo-coloreditor-colorgradient-focus-outline-offset, 2px);
+  outline: var(--kendo-color-editor-color-gradient-focus-outline, 2px) dotted;
+  outline-offset: var(--kendo-color-editor-color-gradient-focus-outline-offset, 2px);
   border-radius: 0;
 }
 
 .k-coloreditor-header {
-  padding-inline: var(--kendo-coloreditor-header-padding-x, 0.5rem);
-  padding-block-start: var(--kendo-coloreditor-header-padding-y, 0.5rem);
+  padding-inline: var(--kendo-color-editor-header-padding-x, 0.5rem);
+  padding-block-start: var(--kendo-color-editor-header-padding-y, 0.5rem);
 }
 
 .k-coloreditor-header-actions {
-  gap: var(--kendo-coloreditor-header-actions-spacing, 0.25rem);
+  gap: var(--kendo-color-editor-header-actions-spacing, 0.25rem);
 }
 
 .k-coloreditor-preview {
@@ -32202,22 +32202,22 @@ textarea.k-input-inner {
   flex-flow: column nowrap;
   align-items: stretch;
   justify-content: space-between;
-  gap: var(--kendo-coloreditor-preview-spacing, 0.25rem);
+  gap: var(--kendo-color-editor-preview-spacing, 0.25rem);
   position: relative;
   z-index: 1;
 }
 
 .k-coloreditor-preview .k-color-preview {
-  width: var(--kendo-coloreditor-color-preview-width, 34px);
-  height: var(--kendo-coloreditor-color-preview-height, 14px);
+  width: var(--kendo-color-editor-color-preview-width, 34px);
+  height: var(--kendo-color-editor-color-preview-height, 14px);
 }
 
 .k-coloreditor-views {
   min-width: calc(var(--kendo-color-preview-width, 1.5rem)*var(--kendo-color-preview-columns, 10));
-  padding-inline: var(--kendo-coloreditor-views-padding-x, 0.5rem);
-  padding-block-start: calc(var(--kendo-coloreditor-views-padding-y, 0.5rem)*2);
-  padding-block-end: var(--kendo-coloreditor-views-padding-y, 0.5rem);
-  gap: var(--kendo-coloreditor-views-spacing, 0.5rem);
+  padding-inline: var(--kendo-color-editor-views-padding-x, 0.5rem);
+  padding-block-start: calc(var(--kendo-color-editor-views-padding-y, 0.5rem)*2);
+  padding-block-end: var(--kendo-color-editor-views-padding-y, 0.5rem);
+  gap: var(--kendo-color-editor-views-spacing, 0.5rem);
 }
 .k-coloreditor-views .k-colorgradient {
   padding: 0;
@@ -32236,28 +32236,28 @@ textarea.k-input-inner {
 .k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons,
 .k-coloreditor-footer.k-action-buttons,
 .k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons {
-  padding-block: var(--kendo-coloreditor-footer-padding-y, 0.5rem);
-  padding-inline: var(--kendo-coloreditor-footer-padding-y, 0.5rem);
+  padding-block: var(--kendo-color-editor-footer-padding-y, 0.5rem);
+  padding-inline: var(--kendo-color-editor-footer-padding-y, 0.5rem);
   margin: 0;
 }
 
 .k-coloreditor {
-  border-color: var(--kendo-coloreditor-border, var(--kendo-component-border, initial));
-  color: var(--kendo-coloreditor-text, var(--kendo-component-text, initial));
-  background-color: var(--kendo-coloreditor-bg, var(--kendo-component-bg, initial));
-  box-shadow: var(--kendo-coloreditor-shadow, var(--kendo-box-shadow-depth-2, none));
+  border-color: var(--kendo-color-editor-border, var(--kendo-component-border, initial));
+  color: var(--kendo-color-editor-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-color-editor-bg, var(--kendo-component-bg, initial));
+  box-shadow: var(--kendo-color-editor-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 
 .k-coloreditor:focus,
 .k-coloreditor.k-focus {
-  border-color: var(--kendo-coloreditor-focus-border, var(--kendo-neutral-20, inherit));
-  box-shadow: var(--kendo-coloreditor-focus-shadow, var(--kendo-box-shadow-depth-3, none));
+  border-color: var(--kendo-color-editor-focus-border, var(--kendo-neutral-20, inherit));
+  box-shadow: var(--kendo-color-editor-focus-shadow, var(--kendo-box-shadow-depth-3, none));
 }
 
 .k-coloreditor .k-colorgradient:focus,
 .k-coloreditor .k-colorgradient.k-focus {
   box-shadow: none;
-  outline-color: var(--kendo-coloreditor-colorgradient-focus-outline-color, rgba(0, 0, 0, 0.3));
+  outline-color: var(--kendo-color-editor-color-gradient-focus-outline-color, rgba(0, 0, 0, 0.3));
 }
 
 .k-color-picker, .k-colorpicker {
@@ -32901,7 +32901,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   visibility: hidden;
 }
 .k-upload .k-upload-files .k-file-icon-wrapper .k-file-icon {
-  font-size: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-lg, 2rem));
+  font-size: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-xxl, 2rem));
 }
 .k-upload .k-upload-files .k-file-icon-wrapper .k-file-state {
   position: absolute;
@@ -32909,7 +32909,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
 .k-upload .k-upload-files .k-file-info {
   margin-inline-start: 0;
   margin-inline-end: 0;
-  min-height: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-lg, 2rem));
+  min-height: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-xxl, 2rem));
   display: block;
   overflow: hidden;
   flex: 1 0 0;
@@ -32918,7 +32918,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
 .k-upload .k-file-single > .k-file-info {
   margin-inline-start: var(--kendo-padding-x, 0.5rem);
   margin-inline-end: 0;
-  min-height: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-lg, 2rem));
+  min-height: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-xxl, 2rem));
   display: block;
   overflow: hidden;
   flex: 1 0 0;
@@ -33828,11 +33828,11 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   flex-direction: column;
 }
 .k-menu-vertical > .k-menu-item > .k-menu-link {
-  padding-inline-end: var(--kendo-menu-popup-item-padding-end-md, calc(1rem + var( --kendo-icon-size, 1rem )));
+  padding-inline-end: var(--kendo-menu-popup-md-item-padding-end, calc(1rem + var( --kendo-icon-size, 1rem )));
 }
 .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
-  margin-inline-start: var(--kendo-menu-popup-item-icon-margin-start-md, 0);
-  margin-inline-end: var(--kendo-menu-popup-item-icon-margin-end-md, calc((var( --kendo-icon-size, 1rem ) + 0.5rem)*-1));
+  margin-inline-start: var(--kendo-menu-popup-item-icon-md-margin-start, 0);
+  margin-inline-end: var(--kendo-menu-popup-item-icon-md-margin-end, calc((var( --kendo-icon-size, 1rem ) + 0.5rem)*-1));
 }
 .k-menu-vertical > .k-menu-item + .k-menu-item {
   margin-block-start: var(--kendo-menu-item-spacing, 0);
@@ -34220,26 +34220,26 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
 }
 
 .k-toolbar-sm::before {
-  height: var(--kendo-button-inner-calc-size-sm, calc(var(--kendo-line-height, normal)*1em + 0.5rem));
+  height: var(--kendo-button-sm-inner-calc-size, calc(var(--kendo-line-height, normal)*1em + 0.5rem));
 }
 
 .k-toolbar-md::before {
-  height: var(--kendo-button-inner-calc-size-md, calc(var(--kendo-line-height, normal)*1em + 0.75rem));
+  height: var(--kendo-button-md-inner-calc-size, calc(var(--kendo-line-height, normal)*1em + 0.75rem));
 }
 
 .k-toolbar-lg::before {
-  height: var(--kendo-button-inner-calc-size-lg, calc(var(--kendo-line-height, normal)*1em + 1rem));
+  height: var(--kendo-button-lg-inner-calc-size, calc(var(--kendo-line-height, normal)*1em + 1rem));
 }
 
 .k-floating-toolbar,
 .editorToolbarWindow.k-window-content {
-  padding-inline: var(--kendo-toolbar-padding-x-md, 0.5rem) !important;
-  padding-block: var(--kendo-toolbar-padding-y-md, 0.5rem) !important;
+  padding-inline: var(--kendo-toolbar-md-padding-x, 0.5rem) !important;
+  padding-block: var(--kendo-toolbar-md-padding-y, 0.5rem) !important;
   border-width: var(--kendo-toolbar-border-width, 1px);
   border-style: solid;
   display: flex;
   flex-flow: row nowrap;
-  gap: var(--kendo-toolbar-spacing-md, 0.5rem);
+  gap: var(--kendo-toolbar-md-spacing, 0.5rem);
   align-items: center;
 }
 .k-floating-toolbar .k-toolbar,
@@ -34260,8 +34260,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
 }
 
 .k-overflow-container {
-  font-size: var(--kendo-menu-popup-font-size-md, inherit);
-  line-height: var(--kendo-menu-popup-line-height-md, normal);
+  font-size: var(--kendo-menu-popup-md-font-size, inherit);
+  line-height: var(--kendo-menu-popup-md-line-height, normal);
 }
 .k-overflow-container > .k-item {
   border-color: inherit;
@@ -34273,8 +34273,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   display: block;
 }
 .k-overflow-container .k-overflow-button {
-  padding-inline: var(--kendo-menu-popup-item-padding-x-md, 8px);
-  padding-block: var(--kendo-menu-popup-item-padding-y-md, 4px);
+  padding-inline: var(--kendo-menu-popup-md-item-padding-x, 8px);
+  padding-block: var(--kendo-menu-popup-md-item-padding-y, 4px);
   width: 100%;
   height: auto;
   border-width: 0;
@@ -38487,7 +38487,7 @@ kendo-card-footer {
 }
 
 .k-tilelayout {
-  border-width: var(--kendo-tilelayout-border-width, 0px);
+  border-width: var(--kendo-tile-layout-border-width, 0px);
   border-style: solid;
   box-sizing: border-box;
   outline: 0;
@@ -38502,8 +38502,8 @@ kendo-card-footer {
 }
 
 .k-layout-item-hint {
-  border-radius: var(--kendo-tilelayout-hint-border-radius, var(--kendo-border-radius-lg, initial));
-  border-width: var(--kendo-tilelayout-hint-border-width, 1px);
+  border-radius: var(--kendo-tile-layout-hint-border-radius, var(--kendo-border-radius-lg, initial));
+  border-width: var(--kendo-tile-layout-hint-border-width, 1px);
   border-style: solid;
   position: relative;
 }
@@ -38520,12 +38520,12 @@ kendo-card-footer {
 }
 
 .k-tilelayout {
-  background-color: var(--kendo-tilelayout-bg, var(--kendo-neutral-10, inherit));
+  background-color: var(--kendo-tile-layout-bg, var(--kendo-neutral-10, inherit));
 }
 
 .k-layout-item-hint {
-  border-color: var(--kendo-tilelayout-hint-border, var(--kendo-component-border, initial));
-  background-color: var(--kendo-tilelayout-hint-bg, rgba(255, 255, 255, 0.2));
+  border-color: var(--kendo-tile-layout-hint-border, var(--kendo-component-border, initial));
+  background-color: var(--kendo-tile-layout-hint-bg, rgba(255, 255, 255, 0.2));
 }
 
 .k-grid {
@@ -38776,10 +38776,10 @@ kendo-card-footer {
 }
 
 .k-grouping-dropclue, .k-reorder-cue {
-  width: calc(var(--kendo-grid-group-dropclue-size, 6px)*2);
-  height: var(--INTERNAL--kendo-grid-group-dropclue-height, 1rem);
+  width: calc(var(--kendo-grid-group-drop-hint-size, 6px)*2);
+  height: var(--INTERNAL--kendo-grid-group-drop-hint-height, 1rem);
   position: absolute;
-  top: var(--kendo-grid-group-dropclue-top, 2px);
+  top: var(--kendo-grid-group-drop-hint-top, 2px);
   box-sizing: content-box;
 }
 .k-grouping-dropclue::before, .k-reorder-cue::before, .k-grouping-dropclue::after, .k-reorder-cue::after {
@@ -38788,17 +38788,17 @@ kendo-card-footer {
   position: absolute;
 }
 .k-grouping-dropclue::before, .k-reorder-cue::before {
-  width: var(--kendo-grid-group-dropclue-dot-size, 6px);
-  height: var(--kendo-grid-group-dropclue-dot-size, 6px);
+  width: var(--kendo-grid-group-drop-hint-dot-size, 6px);
+  height: var(--kendo-grid-group-drop-hint-dot-size, 6px);
   border-radius: 50%;
   top: 0;
-  left: calc(var(--kendo-grid-group-dropclue-dot-size, 6px)/2);
+  left: calc(var(--kendo-grid-group-drop-hint-dot-size, 6px)/2);
 }
 .k-grouping-dropclue::after, .k-reorder-cue::after {
-  width: var(--kendo-grid-group-dropclue-line-size, 1px);
-  height: calc(100% - var(--kendo-grid-group-dropclue-size, 6px));
-  top: var(--kendo-grid-group-dropclue-size, 6px);
-  left: calc(var(--kendo-grid-group-dropclue-size, 6px) - var(--kendo-grid-group-dropclue-line-size, 1px)/2);
+  width: var(--kendo-grid-group-drop-hint-line-size, 1px);
+  height: calc(100% - var(--kendo-grid-group-drop-hint-size, 6px));
+  top: var(--kendo-grid-group-drop-hint-size, 6px);
+  left: calc(var(--kendo-grid-group-drop-hint-size, 6px) - var(--kendo-grid-group-drop-hint-line-size, 1px)/2);
 }
 
 .k-grid-header-wrap,
@@ -38876,7 +38876,7 @@ div.k-grid-footer {
   outline: 0;
 }
 .k-grid-header .k-table-th > .k-link > .k-icon {
-  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-spacing-lg, 0.5rem));
+  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-lg-spacing, 0.5rem));
 }
 .k-grid-header .k-table-th > .k-link:focus {
   text-decoration: none;
@@ -38908,7 +38908,7 @@ div.k-grid-footer {
 .k-grid-header .k-cell-inner > .k-link > .k-icon,
 .k-grid-header .k-cell-inner > .k-link > .k-sort-icon {
   vertical-align: text-top;
-  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-spacing-lg, 0.5rem));
+  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-lg-spacing, 0.5rem));
 }
 .k-grid-header .k-sort-order {
   display: inline-block;
@@ -39385,7 +39385,7 @@ div.k-grid-norecords {
   --INTERNAL--kendo-button-padding-y: var( --kendo-button-padding-y-sm, 0.25rem );
   --INTERNAL--kendo-button-calc-size: var( --kendo-button-calc-size-sm, calc(var(--kendo-line-height, normal)*1em + 0.5rem + 2px) );
   --INTERNAL--kendo-button-line-height: var( --kendo-button-line-height-sm,  );
-  --INTERNAL--kendo-grid-group-dropclue-height: var( --kendo-group-dropclue-height-sm, calc(var(--kendo-line-height, normal)*1em + 0.25rem + 8px) );
+  --INTERNAL--kendo-grid-group-drop-hint-height: var( --kendo-group-dropclue-height-sm, calc(var(--kendo-line-height, normal)*1em + 0.25rem + 8px) );
 }
 
 .k-grid-md {
@@ -39402,7 +39402,7 @@ div.k-grid-norecords {
   --INTERNAL--kendo-button-padding-y: var( --kendo-button-padding-y-md, 0.375rem );
   --INTERNAL--kendo-button-calc-size: var( --kendo-button-calc-size-md, calc(var(--kendo-line-height, normal)*1em + 0.75rem + 2px) );
   --INTERNAL--kendo-button-line-height: var( --kendo-button-line-height-md,  );
-  --INTERNAL--kendo-grid-group-dropclue-height: var( --kendo-group-dropclue-height-md, calc(var(--kendo-line-height, normal)*1em + 0.25rem + 8px) );
+  --INTERNAL--kendo-grid-group-drop-hint-height: var( --kendo-group-dropclue-height-md, calc(var(--kendo-line-height, normal)*1em + 0.25rem + 8px) );
 }
 
 .k-loading-pdf-mask {
@@ -39691,7 +39691,7 @@ div.k-grid-norecords {
 }
 
 .k-grouping-dropclue::before, .k-reorder-cue::before, .k-grouping-dropclue::after, .k-reorder-cue::after {
-  background-color: var(--kendo-grid-group-dropclue-bg, var(--kendo-primary-100, inherit));
+  background-color: var(--kendo-grid-group-drop-hint-bg, var(--kendo-primary-100, inherit));
 }
 
 .k-grid {
@@ -40201,7 +40201,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-quick-access-toolbar {
-  padding: var(--kendo-toolbar-padding-y-md, 0.5rem);
+  padding: var(--kendo-toolbar-md-padding-y, 0.5rem);
   display: inline-flex;
   flex-direction: row;
   position: absolute;
@@ -40287,9 +40287,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   display: none;
 }
 .k-spreadsheet-formula-bar .k-spreadsheet-formula-input {
-  padding-inline: var(--kendo-input-padding-x-md, 0.5rem);
-  padding-block: var(--kendo-input-padding-y-md, 0.375rem);
-  line-height: var(--kendo-input-line-height-md, var(--kendo-line-height, normal));
+  padding-inline: var(--kendo-input-md-padding-x, 0.5rem);
+  padding-block: var(--kendo-input-md-padding-y, 0.375rem);
+  line-height: var(--kendo-input-md-line-height, var(--kendo-line-height, normal));
 }
 .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before {
   content: "{";
@@ -40324,8 +40324,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   min-width: 100px;
 }
 .k-spreadsheet-formula-list .k-item {
-  padding-inline: var(--kendo-list-item-padding-x-md, 0.5rem);
-  padding-block: var(--kendo-list-item-padding-y-md, 0.5rem);
+  padding-inline: var(--kendo-list-md-item-padding-x, 0.5rem);
+  padding-block: var(--kendo-list-md-item-padding-y, 0.5rem);
 }
 
 .k-syntax-func,
@@ -40738,8 +40738,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 .k-spreadsheet-filter-menu .k-details-summary,
 .k-spreadsheet-filter-menu .k-columnmenu-item {
-  padding-block: var(--kendo-menu-popup-item-padding-y-md, 0.5rem);
-  padding-inline: var(--kendo-menu-popup-item-padding-x-md, 0.5rem);
+  padding-block: var(--kendo-menu-popup-md-item-padding-y, 0.5rem);
+  padding-inline: var(--kendo-menu-popup-md-item-padding-x, 0.5rem);
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -42042,12 +42042,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-filemanager {
-  border-width: var(--kendo-filemanager-border-width, 1px);
+  border-width: var(--kendo-file-manager-border-width, 1px);
   border-style: solid;
   box-sizing: border-box;
-  font-family: var(--kendo-filemanager-font-family, var(--kendo-font-family, normal));
-  font-size: var(--kendo-filemanager-font-size, var(--kendo-font-size, inherit));
-  line-height: var(--kendo-filemanager-line-height, var(--kendo-line-height, normal));
+  font-family: var(--kendo-file-manager-font-family, var(--kendo-font-family, normal));
+  font-size: var(--kendo-file-manager-font-size, var(--kendo-font-size, inherit));
+  line-height: var(--kendo-file-manager-line-height, var(--kendo-line-height, normal));
   display: flex;
   flex-flow: column nowrap;
 }
@@ -42058,7 +42058,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-filemanager-toolbar {
   border-width: 0;
-  border-bottom-width: var(--kendo-filemanager-toolbar-border-width, 1px);
+  border-bottom-width: var(--kendo-file-manager-toolbar-border-width, 1px);
   border-color: inherit;
   flex-shrink: 0;
 }
@@ -42074,11 +42074,11 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-filemanager-navigation {
-  padding-inline: var(--kendo-filemanager-navigation-padding-x, 1rem);
-  padding-block: var(--kendo-filemanager-navigation-padding-y, 1rem);
-  width: var(--kendo-filemanager-navigation-width, 20%);
+  padding-inline: var(--kendo-file-manager-navigation-padding-x, 1rem);
+  padding-block: var(--kendo-file-manager-navigation-padding-y, 1rem);
+  width: var(--kendo-file-manager-navigation-width, 20%);
   border-width: 0;
-  border-right-width: var(--kendo-filemanager-navigation-border-width, 1px);
+  border-right-width: var(--kendo-file-manager-navigation-border-width, 1px);
   border-style: solid;
   border-color: inherit;
   box-sizing: border-box;
@@ -42104,10 +42104,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-filemanager-breadcrumb {
-  padding-inline: var(--kendo-filemanager-breadcrumb-padding-x, 0.5rem);
-  padding-block: var(--kendo-filemanager-breadcrumb-padding-y, 0.5rem);
+  padding-inline: var(--kendo-file-manager-breadcrumb-padding-x, 0.5rem);
+  padding-block: var(--kendo-file-manager-breadcrumb-padding-y, 0.5rem);
   border-width: 0;
-  border-bottom-width: var(--kendo-filemanager-breadcrumb-border-width, 1px);
+  border-bottom-width: var(--kendo-file-manager-breadcrumb-border-width, 1px);
   flex-shrink: 0;
 }
 
@@ -42116,10 +42116,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   flex: 1 1 0%;
 }
 .k-filemanager-listview .k-listview-item {
-  padding-inline: var(--kendo-filemanager-listview-item-padding-x, 1rem);
-  padding-block: var(--kendo-filemanager-listview-item-padding-y, 1rem);
-  width: var(--kendo-filemanager-listview-item-width, 120px);
-  height: var(--kendo-filemanager-listview-item-height, 120px);
+  padding-inline: var(--kendo-file-manager-listview-item-padding-x, 1rem);
+  padding-block: var(--kendo-file-manager-listview-item-padding-y, 1rem);
+  width: var(--kendo-file-manager-listview-item-width, 120px);
+  height: var(--kendo-file-manager-listview-item-height, 120px);
   text-align: center;
 }
 .k-filemanager-listview .k-file-preview {
@@ -42128,10 +42128,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   justify-content: center;
 }
 .k-filemanager-listview .k-file-icon {
-  font-size: var(--kendo-filemanager-listview-item-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
+  font-size: var(--kendo-file-manager-listview-item-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
 }
 .k-filemanager-listview .k-file-name {
-  margin-block-start: calc(var(--kendo-filemanager-spacer, 1rem)/2);
+  margin-block-start: calc(var(--kendo-file-manager-spacer, 1rem)/2);
   display: block;
   text-align: center;
   overflow: hidden;
@@ -42159,14 +42159,14 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-filemanager-preview {
-  padding-inline-start: var(--kendo-filemanager-preview-padding-x, 1rem);
-  padding-inline-end: var(--kendo-filemanager-preview-padding-x, 1rem);
-  padding-block-start: calc(var(--kendo-filemanager-preview-padding-y, 1rem)*3);
-  padding-block-end: var(--kendo-filemanager-preview-padding-y, 1rem);
-  width: var(--kendo-filemanager-preview-width, 20%);
-  min-height: calc(var(--kendo-filemanager-preview-padding-y, 1rem) * 4 + var(--kendo-filemanager-preview-icon-size, calc(var(--kendo-icon-size, 1rem) * 6)) * 2 + var(--kendo-filemanager-preview-spacing, 1rem) * 3);
+  padding-inline-start: var(--kendo-file-manager-preview-padding-x, 1rem);
+  padding-inline-end: var(--kendo-file-manager-preview-padding-x, 1rem);
+  padding-block-start: calc(var(--kendo-file-manager-preview-padding-y, 1rem)*3);
+  padding-block-end: var(--kendo-file-manager-preview-padding-y, 1rem);
+  width: var(--kendo-file-manager-preview-width, 20%);
+  min-height: calc(var(--kendo-file-manager-preview-padding-y, 1rem) * 4 + var(--kendo-file-manager-preview-icon-size, calc(var(--kendo-icon-size, 1rem) * 6)) * 2 + var(--kendo-file-manager-preview-spacing, 1rem) * 3);
   border-width: 0;
-  border-left-width: var(--kendo-filemanager-preview-border-width, 1px);
+  border-left-width: var(--kendo-file-manager-preview-border-width, 1px);
   border-style: solid;
   border-color: inherit;
   box-sizing: border-box;
@@ -42180,10 +42180,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   justify-content: center;
 }
 .k-filemanager-preview .k-file-icon {
-  font-size: var(--kendo-filemanager-preview-icon-size, calc(var(--kendo-icon-size, 1rem)*6));
+  font-size: var(--kendo-file-manager-preview-icon-size, calc(var(--kendo-icon-size, 1rem)*6));
 }
 .k-filemanager-preview .k-file-name {
-  margin-block-start: var(--kendo-filemanager-preview-spacing, 1rem);
+  margin-block-start: var(--kendo-file-manager-preview-spacing, 1rem);
   display: block;
 }
 .k-filemanager-preview .k-single-file-selected {
@@ -42194,7 +42194,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 .k-filemanager-preview .k-file-meta {
   margin-inline: 0;
-  margin-block-start: var(--kendo-filemanager-preview-spacing, 1rem);
+  margin-block-start: var(--kendo-file-manager-preview-spacing, 1rem);
   margin-block-end: 0;
   box-sizing: border-box;
   text-align: start;
@@ -42213,7 +42213,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 .k-filemanager-preview .k-line-break {
   margin-inline: 0;
-  margin-block-start: var(--kendo-filemanager-preview-spacing, 1rem);
+  margin-block-start: var(--kendo-file-manager-preview-spacing, 1rem);
   margin-block-end: 0;
   width: 100%;
   flex: 1 1 100%;
@@ -42245,65 +42245,65 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-filemanager {
-  border-color: var(--kendo-filemanager-border, var(--kendo-component-border, inherit));
-  color: var(--kendo-filemanager-text, var(--kendo-component-text, inherit));
-  background-color: var(--kendo-filemanager-bg, var(--kendo-component-bg, transparent));
+  border-color: var(--kendo-file-manager-border, var(--kendo-component-border, inherit));
+  color: var(--kendo-file-manager-text, var(--kendo-component-text, inherit));
+  background-color: var(--kendo-file-manager-bg, var(--kendo-component-bg, transparent));
 }
 
 .k-filemanager-toolbar {
-  border-color: var(--kendo-filemanager-toolbar-border, var(--kendo-component-border, initial));
-  color: var(--kendo-filemanager-toolbar-text, var(--kendo-component-text, inherit));
-  background-color: var(--kendo-filemanager-toolbar-bg, var(--kendo-neutral-10, inherit));
+  border-color: var(--kendo-file-manager-toolbar-border, var(--kendo-component-border, initial));
+  color: var(--kendo-file-manager-toolbar-text, var(--kendo-component-text, inherit));
+  background-color: var(--kendo-file-manager-toolbar-bg, var(--kendo-neutral-10, inherit));
 }
 
 .k-filemanager-navigation {
-  border-color: var(--kendo-filemanager-navigation-border, inherit);
-  color: var(--kendo-filemanager-navigation-text, inherit);
-  background-color: var(--kendo-filemanager-navigation-bg, transparent);
+  border-color: var(--kendo-file-manager-navigation-border, inherit);
+  color: var(--kendo-file-manager-navigation-text, inherit);
+  background-color: var(--kendo-file-manager-navigation-bg, transparent);
 }
 
 .k-filemanager-breadcrumb {
-  border-color: var(--kendo-filemanager-breadcrumb-border, inherit);
-  color: var(--kendo-filemanager-breadcrumb-text, inherit);
-  background-color: var(--kendo-filemanager-breadcrumb-bg, var(--kendo-neutral-10, inherit));
+  border-color: var(--kendo-file-manager-breadcrumb-border, inherit);
+  color: var(--kendo-file-manager-breadcrumb-text, inherit);
+  background-color: var(--kendo-file-manager-breadcrumb-bg, var(--kendo-neutral-10, inherit));
 }
 
 .k-filemanager-listview {
-  border-color: var(--kendo-filemanager-listview-border, inherit);
-  color: var(--kendo-filemanager-listview-text, inherit);
-  background-color: var(--kendo-filemanager-listview-bg, transparent);
+  border-color: var(--kendo-file-manager-listview-border, inherit);
+  color: var(--kendo-file-manager-listview-text, inherit);
+  background-color: var(--kendo-file-manager-listview-bg, transparent);
 }
 .k-filemanager-listview .k-listview-item .k-file-icon {
-  border-color: var(--kendo-filemanager-listview-item-icon-border, inherit);
-  color: var(--kendo-filemanager-listview-item-icon-text, var(--kendo-subtle-text, inherit));
-  background-color: var(--kendo-filemanager-listview-item-icon-bg, transparent);
+  border-color: var(--kendo-file-manager-listview-item-icon-border, inherit);
+  color: var(--kendo-file-manager-listview-item-icon-text, var(--kendo-subtle-text, inherit));
+  background-color: var(--kendo-file-manager-listview-item-icon-bg, transparent);
 }
 .k-filemanager-listview .k-listview-item.k-focus .k-file-icon {
-  border-color: var(--kendo-filemanager-listview-item-icon-focus-border, inherit);
-  color: var(--kendo-filemanager-listview-item-icon-focus-text, inherit);
-  background-color: var(--kendo-filemanager-listview-item-icon-focus-bg, transparent);
+  border-color: var(--kendo-file-manager-listview-item-icon-focus-border, inherit);
+  color: var(--kendo-file-manager-listview-item-icon-focus-text, inherit);
+  background-color: var(--kendo-file-manager-listview-item-icon-focus-bg, transparent);
 }
 .k-filemanager-listview .k-listview-item.k-selected .k-file-icon {
-  border-color: var(--kendo-filemanager-listview-item-icon-selected-border, inherit);
-  color: var(--kendo-filemanager-listview-item-icon-selected-text, inherit);
-  background-color: var(--kendo-filemanager-listview-item-icon-selected-bg, transparent);
+  border-color: var(--kendo-file-manager-listview-item-icon-selected-border, inherit);
+  color: var(--kendo-file-manager-listview-item-icon-selected-text, inherit);
+  background-color: var(--kendo-file-manager-listview-item-icon-selected-bg, transparent);
 }
 
 .k-filemanager-grid {
-  border-color: var(--kendo-filemanager-grid-border, inherit);
-  color: var(--kendo-filemanager-grid-text, inherit);
-  background-color: var(--kendo-filemanager-grid-bg, transparent);
+  border-color: var(--kendo-file-manager-grid-border, inherit);
+  color: var(--kendo-file-manager-grid-text, inherit);
+  background-color: var(--kendo-file-manager-grid-bg, transparent);
 }
 
 .k-filemanager-preview {
-  border-color: var(--kendo-filemanager-preview-border, inherit);
-  color: var(--kendo-filemanager-preview-text, inherit);
-  background-color: var(--kendo-filemanager-preview-bg, transparent);
+  border-color: var(--kendo-file-manager-preview-border, inherit);
+  color: var(--kendo-file-manager-preview-text, inherit);
+  background-color: var(--kendo-file-manager-preview-bg, transparent);
 }
 .k-filemanager-preview .k-file-icon {
-  border-color: var(--kendo-filemanager-preview-icon-border, inherit);
-  color: var(--kendo-filemanager-preview-icon-text, var(--kendo-subtle-text, inherit));
-  background-color: var(--kendo-filemanager-preview-icon-bg, transparent);
+  border-color: var(--kendo-file-manager-preview-icon-border, inherit);
+  color: var(--kendo-file-manager-preview-icon-text, var(--kendo-subtle-text, inherit));
+  background-color: var(--kendo-file-manager-preview-icon-bg, transparent);
 }
 
 .k-taskboard {
@@ -43115,17 +43115,17 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
 }
 
 .k-imageeditor {
-  margin-inline: var(--kendo-imageeditor-margin-x, 0);
-  margin-block: var(--kendo-imageeditor-margin-y, 0);
-  padding-inline: var(--kendo-imageeditor-padding-x, 0);
-  padding-block: var(--kendo-imageeditor-padding-y, 0);
-  border-width: var(--kendo-imageeditor-border-width, 1px);
+  margin-inline: var(--kendo-image-editor-margin-x, 0);
+  margin-block: var(--kendo-image-editor-margin-y, 0);
+  padding-inline: var(--kendo-image-editor-padding-x, 0);
+  padding-block: var(--kendo-image-editor-padding-y, 0);
+  border-width: var(--kendo-image-editor-border-width, 1px);
   border-style: solid;
   box-sizing: border-box;
   outline: 0;
-  font-family: var(--kendo-imageeditor-font-family, var(--kendo-font-family, inherit));
-  font-size: var(--kendo-imageeditor-font-size, var(--kendo-font-size, inherit));
-  line-height: var(--kendo-imageeditor-line-height, var(--kendo-line-height, inherit));
+  font-family: var(--kendo-image-editor-font-family, var(--kendo-font-family, inherit));
+  font-size: var(--kendo-image-editor-font-size, var(--kendo-font-size, inherit));
+  line-height: var(--kendo-image-editor-line-height, var(--kendo-line-height, inherit));
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
@@ -43162,11 +43162,11 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
 }
 
 .k-imageeditor-action-pane {
-  padding-inline: var(--kendo-imageeditor-action-pane-padding-x, 0.75rem);
-  padding-block: var(--kendo-imageeditor-action-pane-padding-y, 0.75rem);
-  width: var(--kendo-imageeditor-action-pane-width, 240px);
+  padding-inline: var(--kendo-image-editor-action-pane-padding-x, 0.75rem);
+  padding-block: var(--kendo-image-editor-action-pane-padding-y, 0.75rem);
+  width: var(--kendo-image-editor-action-pane-width, 240px);
   border-width: 0;
-  border-left-width: var(--kendo-imageeditor-content-border-width, 0);
+  border-left-width: var(--kendo-image-editor-content-border-width, 0);
   border-style: solid;
   border-color: inherit;
   box-sizing: border-box;
@@ -43189,35 +43189,35 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
 .k-imageeditor-crop {
   width: 100%;
   height: 100%;
-  border-width: var(--kendo-imageeditor-crop-border-width, 1px);
-  border-style: var(--kendo-imageeditor-crop-border-style, dashed);
+  border-width: var(--kendo-image-editor-crop-border-width, 1px);
+  border-style: var(--kendo-image-editor-crop-border-style, dashed);
   box-sizing: border-box;
   position: absolute;
 }
 .k-imageeditor-crop .k-resize-handle {
-  margin-inline: var(--kendo-imageeditor-resize-handle-margin-x, 1px);
-  margin-block: var(--kendo-imageeditor-resize-handle-margin-y, 1px);
+  margin-inline: var(--kendo-image-editor-resize-handle-margin-x, 1px);
+  margin-block: var(--kendo-image-editor-resize-handle-margin-y, 1px);
   border-style: solid;
-  border-width: var(--kendo-imageeditor-resize-handle-border-width, 0 2px 2px 0);
+  border-width: var(--kendo-image-editor-resize-handle-border-width, 0 2px 2px 0);
 }
 .k-imageeditor-crop .k-resize-sw,
 .k-imageeditor-crop .k-resize-se,
 .k-imageeditor-crop .k-resize-nw,
 .k-imageeditor-crop .k-resize-ne {
-  width: var(--kendo-imageeditor-resize-handle-size, 1rem);
-  height: var(--kendo-imageeditor-resize-handle-size, 1rem);
+  width: var(--kendo-image-editor-resize-handle-size, 1rem);
+  height: var(--kendo-image-editor-resize-handle-size, 1rem);
 }
 .k-imageeditor-crop .k-resize-n,
 .k-imageeditor-crop .k-resize-s {
-  left: calc(50% - var(--kendo-imageeditor-resize-left-offset, 0.5rem));
-  width: var(--kendo-imageeditor-resize-handle-size, 1rem);
+  left: calc(50% - var(--kendo-image-editor-resize-left-offset, 0.5rem));
+  width: var(--kendo-image-editor-resize-handle-size, 1rem);
   height: 0;
 }
 .k-imageeditor-crop .k-resize-w,
 .k-imageeditor-crop .k-resize-e {
-  top: calc(50% - var(--kendo-imageeditor-resize-top-offset, 0.5rem));
+  top: calc(50% - var(--kendo-image-editor-resize-top-offset, 0.5rem));
   width: 0;
-  height: var(--kendo-imageeditor-resize-handle-size, 1rem);
+  height: var(--kendo-image-editor-resize-handle-size, 1rem);
 }
 .k-imageeditor-crop .k-resize-ne {
   transform: rotate(-90deg);
@@ -43242,31 +43242,31 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
 }
 
 .k-imageeditor {
-  border-color: var(--kendo-imageeditor-border, var(--kendo-neutral-30, inherit));
-  color: var(--kendo-imageeditor-text, var(--kendo-component-text, inherit));
-  background-color: var(--kendo-imageeditor-bg, var(--kendo-component-bg, inherit));
+  border-color: var(--kendo-image-editor-border, var(--kendo-neutral-30, inherit));
+  color: var(--kendo-image-editor-text, var(--kendo-component-text, inherit));
+  background-color: var(--kendo-image-editor-bg, var(--kendo-component-bg, inherit));
 }
 
 .k-imageeditor-content {
-  border-color: var(--kendo-imageeditor-content-border, inherit);
-  color: var(--kendo-imageeditor-content-text, inherit);
-  background-color: var(--kendo-imageeditor-content-bg, var(--kendo-neutral-50, inherit));
+  border-color: var(--kendo-image-editor-content-border, inherit);
+  color: var(--kendo-image-editor-content-text, inherit);
+  background-color: var(--kendo-image-editor-content-bg, var(--kendo-neutral-50, inherit));
 }
 
 .k-imageeditor-action-pane {
-  border-color: var(--kendo-imageeditor-action-pane-border, inherit);
-  color: var(--kendo-imageeditor-action-pane-text, inherit);
-  background-color: var(--kendo-imageeditor-action-pane-bg, var(--kendo-component-bg, inherit));
+  border-color: var(--kendo-image-editor-action-pane-border, inherit);
+  color: var(--kendo-image-editor-action-pane-text, inherit);
+  background-color: var(--kendo-image-editor-action-pane-bg, var(--kendo-component-bg, inherit));
 }
 
 .k-imageeditor-crop {
-  border-color: var(--kendo-imageeditor-crop-border, #ffffff);
-  color: var(--kendo-imageeditor-crop-text, inherit);
-  background-color: var(--kendo-imageeditor-crop-bg, inherit);
+  border-color: var(--kendo-image-editor-crop-border, #ffffff);
+  color: var(--kendo-image-editor-crop-text, inherit);
+  background-color: var(--kendo-image-editor-crop-bg, inherit);
 }
 
 .k-imageeditor-crop-overlay {
-  background-color: var(--kendo-imageeditor-crop-overlay-bg, rgba(0, 0, 0, 0.3));
+  background-color: var(--kendo-image-editor-crop-overlay-bg, rgba(0, 0, 0, 0.3));
 }
 
 .k-gantt {
@@ -43826,7 +43826,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
   display: block;
 }
 .k-task-details .k-task-pct {
-  font-size: var(--kendo-icon-size-lg, 2rem);
+  font-size: var(--kendo-icon-size-xxl, 2rem);
 }
 .k-task-details ul {
   line-height: normal;
@@ -45987,13 +45987,13 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-mediaplayer {
-  border-width: var(--kendo-mediaplayer-border-width, 1px);
+  border-width: var(--kendo-media-player-border-width, 1px);
   border-style: solid;
   box-sizing: border-box;
   outline: 0;
-  font-family: var(--kendo-mediaplayer-font-family, var(--kendo-font-family, inherit));
-  font-size: var(--kendo-mediaplayer-font-size, var(--kendo-font-size, inherit));
-  line-height: var(--kendo-mediaplayer-line-height, var(--kendo-line-height, normal));
+  font-family: var(--kendo-media-player-font-family, var(--kendo-font-family, inherit));
+  font-size: var(--kendo-media-player-font-size, var(--kendo-font-size, inherit));
+  line-height: var(--kendo-media-player-line-height, var(--kendo-line-height, normal));
   display: block;
   position: relative;
   -webkit-touch-callout: none;
@@ -46016,8 +46016,8 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-mediaplayer-titlebar {
-  padding-inline: var(--kendo-mediaplayer-titlebar-padding-x, 0.5rem);
-  padding-block: var(--kendo-mediaplayer-titlebar-padding-y, 0.5rem);
+  padding-inline: var(--kendo-media-player-titlebar-padding-x, 0.5rem);
+  padding-block: var(--kendo-media-player-titlebar-padding-y, 0.5rem);
   position: absolute;
   z-index: 2;
   top: 0;
@@ -46070,22 +46070,22 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-mediaplayer {
-  border-color: var(--kendo-mediaplayer-border, var(--kendo-component-border, inherit));
-  color: var(--kendo-mediaplayer-text, var(--kendo-component-text, inherit));
-  background-color: var(--kendo-mediaplayer-bg, var(--kendo-component-bg, inherit));
+  border-color: var(--kendo-media-player-border, var(--kendo-component-border, inherit));
+  color: var(--kendo-media-player-text, var(--kendo-component-text, inherit));
+  background-color: var(--kendo-media-player-bg, var(--kendo-component-bg, inherit));
 }
 
 .k-mediaplayer-overlay {
-  background-color: var(--kendo-mediaplayer-overlay-bg, var(--kendo-neutral-130, inherit));
+  background-color: var(--kendo-media-player-overlay-bg, var(--kendo-neutral-130, inherit));
 }
 
 .k-mediaplayer-titlebar {
-  color: var(--kendo-mediaplayer-titlebar-text, var(--kendo-component-bg, inherit));
-  background-color: var(--kendo-mediaplayer-titlebar-bg, rgba(0, 0, 0, 0.4));
+  color: var(--kendo-media-player-titlebar-text, var(--kendo-component-bg, inherit));
+  background-color: var(--kendo-media-player-titlebar-bg, rgba(0, 0, 0, 0.4));
 }
 
 .k-mediaplayer-quality {
-  border-color: var(--kendo-mediaplayer-quality-border, var(--kendo-neutral-110, inherit));
+  border-color: var(--kendo-media-player-quality-border, var(--kendo-neutral-110, inherit));
 }
 
 .k-timeline {
@@ -46898,7 +46898,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   margin: 0;
   padding: 0;
   vertical-align: middle;
-  font-size: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-lg, 2rem)*2));
+  font-size: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-xxl, 2rem)*2));
   font-weight: normal;
 }
 
@@ -47414,155 +47414,155 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-var--series-a {
-  background-color: #0099bc;
+  background-color: var(--kendo-series-a-100, inherit);
 }
 
 .k-var--series-b {
-  background-color: #e74856;
+  background-color: var(--kendo-series-b-100, inherit);
 }
 
 .k-var--series-c {
-  background-color: #ffb900;
+  background-color: var(--kendo-series-c-100, inherit);
 }
 
 .k-var--series-d {
-  background-color: #0078d7;
+  background-color: var(--kendo-series-d-100, inherit);
 }
 
 .k-var--series-e {
-  background-color: #8764b8;
+  background-color: var(--kendo-series-e-100, inherit);
 }
 
 .k-var--series-f {
-  background-color: #00cc6a;
+  background-color: var(--kendo-series-f-100, inherit);
 }
 
 .k-var--series-1 {
-  background-color: #0099bc;
+  background-color: var(--kendo-series-a-100, inherit);
 }
 
 .k-var--series-2 {
-  background-color: #e74856;
+  background-color: var(--kendo-series-b-100, inherit);
 }
 
 .k-var--series-3 {
-  background-color: #ffb900;
+  background-color: var(--kendo-series-c-100, inherit);
 }
 
 .k-var--series-4 {
-  background-color: #0078d7;
+  background-color: var(--kendo-series-d-100, inherit);
 }
 
 .k-var--series-5 {
-  background-color: #8764b8;
+  background-color: var(--kendo-series-e-100, inherit);
 }
 
 .k-var--series-6 {
-  background-color: #00cc6a;
+  background-color: var(--kendo-series-f-100, inherit);
 }
 
 .k-var--series-7 {
-  background-color: #40b3cd;
+  background-color: var(--kendo-series-a-70, inherit);
 }
 
 .k-var--series-8 {
-  background-color: #ed7680;
+  background-color: var(--kendo-series-b-70, inherit);
 }
 
 .k-var--series-9 {
-  background-color: #ffcb40;
+  background-color: var(--kendo-series-c-70, inherit);
 }
 
 .k-var--series-10 {
-  background-color: #409ae1;
+  background-color: var(--kendo-series-d-70, inherit);
 }
 
 .k-var--series-11 {
-  background-color: #a58bca;
+  background-color: var(--kendo-series-e-70, inherit);
 }
 
 .k-var--series-12 {
-  background-color: #40d98f;
+  background-color: var(--kendo-series-f-70, inherit);
 }
 
 .k-var--series-13 {
-  background-color: #00738d;
+  background-color: var(--kendo-series-a-130, inherit);
 }
 
 .k-var--series-14 {
-  background-color: #ad3641;
+  background-color: var(--kendo-series-b-130, inherit);
 }
 
 .k-var--series-15 {
-  background-color: #bf8b00;
+  background-color: var(--kendo-series-c-130, inherit);
 }
 
 .k-var--series-16 {
-  background-color: #005aa1;
+  background-color: var(--kendo-series-d-130, inherit);
 }
 
 .k-var--series-17 {
-  background-color: #654b8a;
+  background-color: var(--kendo-series-e-130, inherit);
 }
 
 .k-var--series-18 {
-  background-color: #009950;
+  background-color: var(--kendo-series-f-130, inherit);
 }
 
 .k-var--series-19 {
-  background-color: #80ccde;
+  background-color: var(--kendo-series-a-40, inherit);
 }
 
 .k-var--series-20 {
-  background-color: #f3a4ab;
+  background-color: var(--kendo-series-b-40, inherit);
 }
 
 .k-var--series-21 {
-  background-color: #ffdc80;
+  background-color: var(--kendo-series-c-40, inherit);
 }
 
 .k-var--series-22 {
-  background-color: #80bceb;
+  background-color: var(--kendo-series-d-40, inherit);
 }
 
 .k-var--series-23 {
-  background-color: #c3b2dc;
+  background-color: var(--kendo-series-e-40, inherit);
 }
 
 .k-var--series-24 {
-  background-color: #80e6b5;
+  background-color: var(--kendo-series-f-40, inherit);
 }
 
 .k-var--series-25 {
-  background-color: #004d5e;
+  background-color: var(--kendo-series-a-160, inherit);
 }
 
 .k-var--series-26 {
-  background-color: #74242b;
+  background-color: var(--kendo-series-b-160, inherit);
 }
 
 .k-var--series-27 {
-  background-color: #805d00;
+  background-color: var(--kendo-series-c-160, inherit);
 }
 
 .k-var--series-28 {
-  background-color: #003c6c;
+  background-color: var(--kendo-series-d-160, inherit);
 }
 
 .k-var--series-29 {
-  background-color: #44325c;
+  background-color: var(--kendo-series-e-60, inherit);
 }
 
 .k-var--series-30 {
-  background-color: #006635;
+  background-color: var(--kendo-series-f-160, inherit);
 }
 
 .k-var--gauge-pointer {
-  background-color: #00cc6a;
+  background-color: var(--kendo-series-f-100, inherit);
 }
 
 .k-var--gauge-track {
-  background-color: #edebe9;
+  background-color: var(--kendo-neutral-30, inherit);
 }
 
 .k-var--chart-inactive {
@@ -47722,7 +47722,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 .k-map .k-marker {
   transform: translate(-50%, -100%);
-  font-size: var(--kendo-map-marker-size, var(--kendo-icon-size-lg, 1rem));
+  font-size: var(--kendo-map-marker-size, var(--kendo-icon-size-xxl, 2rem));
   cursor: pointer;
   position: absolute;
   overflow: visible;