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

package/dist/all.css

@@ -408,10 +408,10 @@
   --kendo-component-bg: #ffffff;
   --kendo-component-text: var(--kendo-neutral-160, inherit);
   --kendo-component-border: var(--kendo-neutral-30, inherit);
-  --kendo-box-shadow-depth-1: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
-  --kendo-box-shadow-depth-2: 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13);
-  --kendo-box-shadow-depth-3: 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);
-  --kendo-box-shadow-depth-4: 0px 4.8px 14.4px rgba(0, 0, 0, 0.18), 0px 25.6px 57.6px rgba(0, 0, 0, 0.22);
+  --kendo-box-shadow-depth-1: 0 1.6px 3.6px rgba(0, 0, 0, 0.132), 0 0.3px 0.9px rgba(0, 0, 0, 0.108);
+  --kendo-box-shadow-depth-2: 0 3.2px 7.2px rgba(0, 0, 0, 0.132), 0 0.6px 1.8px rgba(0, 0, 0, 0.108);
+  --kendo-box-shadow-depth-3: 0 6.4px 14.4px rgba(0, 0, 0, 0.132), 0 1.2px 3.6px rgba(0, 0, 0, 0.108);
+  --kendo-box-shadow-depth-4: 0 25.6px 57.6px rgba(0, 0, 0, 0.22), 0 4.8px 14.4px rgba(0, 0, 0, 0.18);
   --kendo-link-text: var(--kendo-primary-100, inherit);
   --kendo-link-hover-text: var(--kendo-primary-120, inherit);
   --kendo-disabled-bg: var(--kendo-neutral-20, inherit);
@@ -3898,6 +3898,118 @@ hr.k-separator {
   grid-column: auto !important;
 }
 
+.k-colspan-1 {
+  grid-column: span 1/span 1;
+}
+
+.\!k-colspan-1 {
+  grid-column: span 1/span 1 !important;
+}
+
+.k-colspan-2 {
+  grid-column: span 2/span 2;
+}
+
+.\!k-colspan-2 {
+  grid-column: span 2/span 2 !important;
+}
+
+.k-colspan-3 {
+  grid-column: span 3/span 3;
+}
+
+.\!k-colspan-3 {
+  grid-column: span 3/span 3 !important;
+}
+
+.k-colspan-4 {
+  grid-column: span 4/span 4;
+}
+
+.\!k-colspan-4 {
+  grid-column: span 4/span 4 !important;
+}
+
+.k-colspan-5 {
+  grid-column: span 5/span 5;
+}
+
+.\!k-colspan-5 {
+  grid-column: span 5/span 5 !important;
+}
+
+.k-colspan-6 {
+  grid-column: span 6/span 6;
+}
+
+.\!k-colspan-6 {
+  grid-column: span 6/span 6 !important;
+}
+
+.k-colspan-7 {
+  grid-column: span 7/span 7;
+}
+
+.\!k-colspan-7 {
+  grid-column: span 7/span 7 !important;
+}
+
+.k-colspan-8 {
+  grid-column: span 8/span 8;
+}
+
+.\!k-colspan-8 {
+  grid-column: span 8/span 8 !important;
+}
+
+.k-colspan-9 {
+  grid-column: span 9/span 9;
+}
+
+.\!k-colspan-9 {
+  grid-column: span 9/span 9 !important;
+}
+
+.k-colspan-10 {
+  grid-column: span 10/span 10;
+}
+
+.\!k-colspan-10 {
+  grid-column: span 10/span 10 !important;
+}
+
+.k-colspan-11 {
+  grid-column: span 11/span 11;
+}
+
+.\!k-colspan-11 {
+  grid-column: span 11/span 11 !important;
+}
+
+.k-colspan-12 {
+  grid-column: span 12/span 12;
+}
+
+.\!k-colspan-12 {
+  grid-column: span 12/span 12 !important;
+}
+
+.k-colspan-full {
+  grid-column: 1 / -1;
+}
+
+.\!k-colspan-full {
+  grid-column: 1 / -1 !important;
+}
+
+.k-colspan-auto {
+  grid-column: auto;
+}
+
+.\!k-colspan-auto {
+  grid-column: auto !important;
+}
+
 .k-row-start-1 {
   grid-row-start: 1;
 }
@@ -19217,89 +19329,6 @@ hr.k-separator {
   content: "\ea21";
 }
 
-.k-spreadsheet .k-filter-range {
-  border-color: var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit));
-}
-
-.k-spreadsheet-filter {
-  border-color: var(--kendo-spreadsheet-filter-button-border, var(--kendo-neutral-110, inherit));
-  color: var(--kendo-spreadsheet-filter-button-text, var(--kendo-neutral-160, inherit));
-  background-color: var(--kendo-spreadsheet-filter-button-bg, #ffffff);
-  box-shadow: inset 0 0 0 1px var(--kendo-spreadsheet-filter-button-border, var(--kendo-neutral-110, inherit));
-}
-.k-spreadsheet-filter:hover {
-  border-color: var(--kendo-spreadsheet-filter-button-hover-border, var(--kendo-neutral-110, inherit));
-  color: var(--kendo-spreadsheet-filter-button-hover-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-spreadsheet-filter-button-hover-bg, var(--kendo-neutral-20, inherit));
-}
-.k-spreadsheet-filter.k-active {
-  border-color: var(--kendo-spreadsheet-filter-button-active-border, var(--kendo-neutral-110, inherit));
-  color: var(--kendo-spreadsheet-filter-button-active-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-spreadsheet-filter-button-active-bg, var(--kendo-neutral-30, inherit));
-}
-
-.k-spreadsheet-value-treeview-wrapper {
-  border-color: var(--kendo-spreadsheet-border, var(--kendo-component-border, initial));
-  color: var(--kendo-spreadsheet-text, var(--kendo-component-text, initial));
-  background-color: var(--kendo-spreadsheet-bg, var(--kendo-component-bg, initial));
-}
-
-.k-spreadsheet-filter-menu > .k-menu .k-item:hover,
-.k-spreadsheet-filter-menu > .k-menu .k-item.k-hover,
-.k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item:hover,
-.k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-hover {
-  color: var(--kendo-list-item-hover-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-list-item-hover-bg, var(--kendo-neutral-20, inherit));
-}
-.k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon:first-child {
-  color: var(--kendo-spreadsheet-filter-menu-icon-color, var(--kendo-primary-100, inherit));
-}
-
-.k-spreadsheet-popup .k-button:hover,
-.k-spreadsheet-popup .k-button.k-hover {
-  color: var(--kendo-list-item-hover-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-list-item-hover-bg, var(--kendo-neutral-20, inherit));
-}
-.k-spreadsheet-popup .k-button:active,
-.k-spreadsheet-popup .k-button.k-active,
-.k-spreadsheet-popup .k-button.k-selected {
-  color: var(--kendo-list-item-selected-text, var(--kendo-neutral-190, inherit));
-  background-color: var(--kendo-list-item-selected-bg, var(--kendo-neutral-40, inherit));
-}
-
-.k-spreadsheet-insert-image-dialog {
-  border-color: var(--kendo-spreadsheet-insert-image-dialog-preview-border, var(--kendo-component-border, initial));
-}
-.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
-  box-shadow: var(--kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow, inset 0 0 0 2000px rgba(0, 0, 0, 0.5));
-}
-.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
-  color: var(--kendo-spreadsheet-insert-image-dialog-overlay-hovered-text, var(--kendo-component-bg, initial));
-}
-
-.k-spreadsheet-drawing.k-spreadsheet-active-drawing {
-  outline-color: var(--kendo-spreadsheet-drawing-handle-outline-color, var(--kendo-primary-100, inherit));
-}
-.k-spreadsheet-drawing .k-spreadsheet-drawing-handle {
-  border-color: var(--kendo-spreadsheet-drawing-handle-border-color, var(--kendo-selected-bg, initial));
-  background-color: var(--kendo-spreadsheet-drawing-handle-bg, var(--kendo-primary-100, inherit));
-}
-
-.k-spreadsheet-drawing-anchor-cell {
-  background: var(--kendo-spreadsheet-drawing-anchor-bg, var(--kendo-primary-30, inherit));
-}
-
-.k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after,
-.k-spreadsheet[dir=rtl] .k-spreadsheet-has-comment::after,
-[dir=rtl] .k-spreadsheet .k-spreadsheet-has-comment::after {
-  border-color: var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit)) transparent transparent var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit));
-}
-.k-rtl .k-spreadsheet .k-dirty,
-.k-spreadsheet[dir=rtl] .k-dirty,
-[dir=rtl] .k-spreadsheet .k-dirty {
-  border-color: var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit)) var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit)) transparent transparent;
-}
-
 .k-body p {
   margin: var(--kendo-paragraph-margin, 0 0 var(--kendo-font-size, inherit));
 }
@@ -19859,7 +19888,7 @@ hr.k-separator {
   border-color: var(--kendo-list-header-border, inherit);
   color: var(--kendo-list-header-text, var(--kendo-primary-100, inherit));
   background-color: var(--kendo-list-header-bg, #ffffff);
-  box-shadow: var(--kendo-list-header-shadow, 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13));
+  box-shadow: var(--kendo-list-header-shadow, 0 6.4px 14.4px rgba(0, 0, 0, 0.132), 0 1.2px 3.6px rgba(0, 0, 0, 0.108));
 }
 
 .k-list-item, .k-list-optionlabel {
@@ -20490,7 +20519,7 @@ hr.k-separator {
   border-color: var(--kendo-table-sticky-header-border, inherit);
   color: var(--kendo-table-sticky-header-text, var(--kendo-primary-100, inherit));
   background-color: var(--kendo-table-sticky-header-bg, #ffffff);
-  box-shadow: var(--kendo-table-sticky-header-shadow, 0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13));
+  box-shadow: var(--kendo-table-sticky-header-shadow, 0 6.4px 14.4px rgba(0, 0, 0, 0.132), 0 1.2px 3.6px rgba(0, 0, 0, 0.108));
 }
 
 .k-table-tfoot,
@@ -20539,9 +20568,9 @@ hr.k-separator {
 
 .k-table-tbody .k-table-row.k-selected,
 .k-table-list .k-table-row.k-selected {
-  border-color: var(--kendo-table-selected-border, var(--kendo-neutral-60, inherit));
-  color: var(--kendo-table-selected-text, var(--kendo-selected-text, inherit));
-  background-color: var(--kendo-table-selected-bg, var(--kendo-selected-bg, inherit));
+  border-color: var(--kendo-table-selected-border, var(--kendo-component-border, initial));
+  color: var(--kendo-table-selected-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-table-selected-bg, var(--kendo-primary-20, inherit));
 }
 
 .k-virtual-scroller {
@@ -21911,12 +21940,12 @@ kendo-badge-container {
   }
 }
 .k-skeleton-wave .k-skeleton,
-.k-skeleton-wave .k-skeleton {
+.k-skeleton-wave.k-skeleton {
   position: relative;
   overflow: hidden;
 }
 .k-skeleton-wave .k-skeleton::after,
-.k-skeleton-wave .k-skeleton::after {
+.k-skeleton-wave.k-skeleton::after {
   content: "";
   position: absolute;
   top: 0;
@@ -21939,7 +21968,7 @@ kendo-badge-container {
   }
 }
 .k-skeleton-pulse .k-skeleton,
-.k-skeleton-pulse .k-skeleton {
+.k-skeleton-pulse.k-skeleton {
   animation: k-skeleton-pulse 1.5s ease-in-out 0.5s infinite;
 }
 
@@ -24342,31 +24371,35 @@ kendo-label > .k-label {
   aspect-ratio: auto;
   flex: none;
 }
-.k-split-button-arrow::before {
+.k-split-button-arrow .k-button-icon {
+  min-width: 0;
+}
+.k-split-button-arrow .k-button-icon::after {
   content: "";
   width: var(--kendo-split-button-arrow-delimiter-line-size, 1px);
   height: var(--kendo-split-button-arrow-delimiter-size, calc(var(--kendo-line-height, normal)*1em/2 + 0.375rem));
   position: absolute;
   top: calc(50% - var(--kendo-line-height, normal)*1em/2/2 - 0.1875rem);
-  left: 0;
   background: var(--kendo-split-button-arrow-delimiter-bg, var(--kendo-neutral-60, inherit));
   z-index: 2;
 }
-[dir=rtl] .k-split-button-arrow::before, .k-rtl .k-split-button-arrow::before {
-  right: 0;
-  left: auto;
-}
 .k-split-button-arrow.k-button-sm {
   padding: var(--kendo-split-button-arrow-padding-y-sm, 0.25rem);
 }
+.k-split-button-arrow.k-button-sm .k-button-icon::after {
+  inset-inline-start: calc(var(--kendo-split-button-delimiter-offset-sm, 0.25rem)*-1);
+}
 .k-split-button-arrow.k-button-md {
   padding: var(--kendo-split-button-arrow-padding-y-md, 0.375rem);
 }
+.k-split-button-arrow.k-button-md .k-button-icon::after {
+  inset-inline-start: calc(var(--kendo-split-button-delimiter-offset-md, 0.375rem)*-1);
+}
 .k-split-button-arrow.k-button-lg {
   padding: var(--kendo-split-button-arrow-padding-y-lg, 0.5rem);
 }
-.k-split-button-arrow .k-button-icon {
-  min-width: 0;
+.k-split-button-arrow.k-button-lg .k-button-icon::after {
+  inset-inline-start: calc(var(--kendo-split-button-delimiter-offset-lg, 0.5rem)*-1);
 }
 
 .k-menu-button,
@@ -24631,8 +24664,8 @@ textarea.k-input-inner {
 .k-input-button > .k-button-icon {
   min-width: auto !important;
 }
-.k-input-button:focus {
-  box-shadow: none;
+.k-input-button:focus::after {
+  outline: none;
 }
 
 .k-input-outline .k-input-button {
@@ -24840,7 +24873,7 @@ textarea.k-input-inner {
   --INTERNAL--kendo-input-border: var( --kendo-input-focus-border );
 }
 .k-input:focus::after, .k-input.k-focus::after, .k-input:focus-within::after {
-  border-color: var(--kendo-input-focus-border);
+  border-color: var(--kendo-input-focus-border, transparent);
 }
 .k-input:focus:hover, .k-input:focus.k-hover, .k-input.k-focus:hover, .k-input.k-focus.k-hover {
   --INTERNAL--kendo-input-text: var( --kendo-input-hover-focus-text );
@@ -25504,10 +25537,6 @@ textarea.k-input-inner {
   white-space: nowrap;
 }
 
-.k-selected .k-progress-status {
-  display: none;
-}
-
 .k-progressbar-horizontal {
   width: var(--kendo-progressbar-horizontal-width, 100%);
   height: var(--kendo-progressbar-height, 4px);
@@ -25564,6 +25593,9 @@ textarea.k-input-inner {
 .k-progressbar-vertical > .k-selected > .k-progress-status-wrap {
   height: calc(10000%/var(--kendo-progressbar-progress, 1));
 }
+.k-progressbar-vertical > .k-selected .k-progress-status {
+  display: none;
+}
 .k-progressbar-vertical > ul {
   flex-direction: column;
 }
@@ -27362,6 +27394,9 @@ textarea.k-input-inner {
 .k-colorpalette *::after {
   box-sizing: border-box;
 }
+.k-colorpalette.k-disabled {
+  opacity: 0.3;
+}
 
 .k-colorpalette-table {
   width: 100%;
@@ -27371,8 +27406,8 @@ textarea.k-input-inner {
 }
 
 .k-colorpalette-tile {
-  border-width: var(--kendo-colorpalette-tile-border-width, 0.0625rem);
-  border-style: var(--kendo-colorpalette-tile-border-style, solid);
+  outline-width: var(--kendo-colorpalette-tile-outline-width, 0.0625rem);
+  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);
   box-sizing: border-box;
@@ -27390,22 +27425,22 @@ textarea.k-input-inner {
 }
 
 .k-colorpalette-tile {
-  border-color: var(--kendo-colorpalette-tile-border, transparent);
+  outline-color: var(--kendo-colorpalette-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);
-  border-color: var(--kendo-colorpalette-tile-hover-border, var(--kendo-neutral-20, inherit));
+  outline-color: var(--kendo-colorpalette-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);
-  border-color: var(--kendo-colorpalette-tile-focus-border, var(--kendo-neutral-130, inherit));
+  outline-color: var(--kendo-colorpalette-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);
-  border-color: var(--kendo-colorpalette-tile-selected-border, var(--kendo-neutral-20, inherit));
+  outline-color: var(--kendo-colorpalette-tile-selected-outline, var(--kendo-neutral-20, inherit));
 }
 .k-colorpalette-tile.k-selected:hover, .k-colorpalette-tile.k-selected:focus {
-  border-color: var(--kendo-colorpalette-tile-selected-hover-border, var(--kendo-neutral-130, inherit));
+  outline-color: var(--kendo-colorpalette-tile-selected-hover-outline, var(--kendo-neutral-130, inherit));
 }
 
 .k-colorgradient {
@@ -27445,7 +27480,6 @@ textarea.k-input-inner {
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  overflow: hidden;
 }
 .k-colorgradient-canvas .k-hsv-gradient {
   height: var(--kendo-colorgradient-canvas-rectangle-height, 180px);
@@ -27481,7 +27515,7 @@ textarea.k-input-inner {
 .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-inline-start: calc(var(--kendo-colorgradient-slider-track-size, 20px)*-1/2);
+  margin-left: calc(var(--kendo-colorgradient-slider-track-size, 20px)*-1/2);
 }
 .k-colorgradient-slider.k-slider-horizontal {
   width: var(--kendo-colorgradient-slider-horizontal-size, 100%);
@@ -29240,7 +29274,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
       -ms-user-select: none;
           user-select: none;
 }
-.k-menu-item:focus-visible, .k-menu-item.k-focus {
+.k-menu-item:focus, .k-menu-item:focus-visible, .k-menu-item.k-focus {
   outline-offset: var(--kendo-menu-item-focus-outline-offset, -0.125rem);
   outline-width: var(--kendo-menu-item-focus-outline-width, 0.0625rem);
   outline-style: var(--kendo-menu-item-focus-outline-style, solid);
@@ -29294,6 +29328,13 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
 .k-menu-vertical {
   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 )));
+}
+.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));
+}
 .k-menu-vertical > .k-menu-item + .k-menu-item {
   margin-block-start: var(--kendo-menu-item-spacing, 0);
 }
@@ -29353,7 +29394,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   position: relative;
 }
 
-.k-menu-group .k-item:focus-visible > .k-link, .k-menu-group .k-item.k-focus > .k-link,
+.k-menu-group .k-item:focus > .k-link, .k-menu-group .k-item:focus-visible > .k-link, .k-menu-group .k-item.k-focus > .k-link,
+.k-menu.k-context-menu .k-item:focus > .k-link,
 .k-menu.k-context-menu .k-item:focus-visible > .k-link,
 .k-menu.k-context-menu .k-item.k-focus > .k-link {
   outline-offset: var(--kendo-menu-item-focus-outline-offset, -0.125rem);
@@ -29562,7 +29604,14 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   color: var(--kendo-menu-popup-item-disabled-text, var(--kendo-neutral-90, inherit));
   background-color: var(--kendo-menu-popup-item-disabled-bg, #ffffff);
 }
-.k-menu-group .k-item:focus-visible > .k-link, .k-menu-group .k-item.k-focus > .k-link,
+.k-menu-group .k-item:focus, .k-menu-group .k-item:focus-visible, .k-menu-group .k-item.k-focus,
+.k-menu.k-context-menu .k-item:focus,
+.k-menu.k-context-menu .k-item:focus-visible,
+.k-menu.k-context-menu .k-item.k-focus {
+  outline-color: transparent;
+}
+.k-menu-group .k-item:focus > .k-link, .k-menu-group .k-item:focus-visible > .k-link, .k-menu-group .k-item.k-focus > .k-link,
+.k-menu.k-context-menu .k-item:focus > .k-link,
 .k-menu.k-context-menu .k-item:focus-visible > .k-link,
 .k-menu.k-context-menu .k-item.k-focus > .k-link {
   outline-color: var(--kendo-menu-popup-item-focus-outline, var(--kendo-neutral-130, inherit));
@@ -30916,7 +30965,7 @@ kendo-drawer .k-drawer-wrapper {
   padding-inline: var(--kendo-bottom-nav-item-padding-x, 0.5rem);
   min-width: var(--kendo-bottom-nav-item-min-width, 72px);
   max-width: var(--kendo-bottom-nav-item-max-width, none);
-  min-height: var(--kendo-bottom-nav-item-min-height, calc(var( --kendo-icon-size, 1rem ) + 0.25rem));
+  min-height: var(--kendo-bottom-nav-item-min-height, 3.25rem);
   border-width: 0;
   border-radius: var(--kendo-bottom-nav-item-border-radius, var(--kendo-border-radius-md, 0));
   box-sizing: border-box;
@@ -30926,7 +30975,7 @@ kendo-drawer .k-drawer-wrapper {
   flex: 1 1 auto;
   align-items: center;
   justify-content: center;
-  gap: var(--kendo-bottom-nav-item-gap, 0 0.25rem);
+  gap: var(--kendo-bottom-nav-item-gap, 0.25rem);
   text-decoration: none;
   cursor: pointer;
   color: inherit;
@@ -31175,7 +31224,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-bottom-nav-flat.k-bottom-nav-primary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-primary-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-primary-bg, #ffffff );
-  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-primary-border, transparent );
+  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-primary-border, var(--kendo-neutral-30, inherit) );
   --kendo-bottom-nav-item-focus-text: var( --kendo-bottom-nav-flat-primary-focus-text, var(--kendo-primary-100, inherit) );
   --kendo-bottom-nav-item-focus-bg: var( --kendo-bottom-nav-flat-primary-focus-bg, inherit );
   --kendo-bottom-nav-item-focus-border: var( --kendo-bottom-nav-flat-primary-focus-border, transparent );
@@ -31191,7 +31240,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-bottom-nav-flat.k-bottom-nav-error {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-error-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-error-bg, #ffffff );
-  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-error-border, transparent );
+  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-error-border, var(--kendo-neutral-30, inherit) );
   --kendo-bottom-nav-item-focus-text: var( --kendo-bottom-nav-flat-error-focus-text, var(--kendo-error-100, inherit) );
   --kendo-bottom-nav-item-focus-bg: var( --kendo-bottom-nav-flat-error-focus-bg, inherit );
   --kendo-bottom-nav-item-focus-border: var( --kendo-bottom-nav-flat-error-focus-border, transparent );
@@ -31207,7 +31256,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-bottom-nav-flat.k-bottom-nav-success {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-success-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-success-bg, #ffffff );
-  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-success-border, transparent );
+  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-success-border, var(--kendo-neutral-30, inherit) );
   --kendo-bottom-nav-item-focus-text: var( --kendo-bottom-nav-flat-success-focus-text, var(--kendo-success-100, inherit) );
   --kendo-bottom-nav-item-focus-bg: var( --kendo-bottom-nav-flat-success-focus-bg, inherit );
   --kendo-bottom-nav-item-focus-border: var( --kendo-bottom-nav-flat-success-focus-border, transparent );
@@ -31223,7 +31272,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-bottom-nav-flat.k-bottom-nav-info {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-info-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-info-bg, #ffffff );
-  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-info-border, transparent );
+  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-info-border, var(--kendo-neutral-30, inherit) );
   --kendo-bottom-nav-item-focus-text: var( --kendo-bottom-nav-flat-info-focus-text, var(--kendo-info-100, inherit) );
   --kendo-bottom-nav-item-focus-bg: var( --kendo-bottom-nav-flat-info-focus-bg, inherit );
   --kendo-bottom-nav-item-focus-border: var( --kendo-bottom-nav-flat-info-focus-border, transparent );
@@ -31239,7 +31288,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-bottom-nav-flat.k-bottom-nav-secondary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-secondary-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-secondary-bg, #ffffff );
-  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-secondary-border, transparent );
+  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-secondary-border, var(--kendo-neutral-30, inherit) );
   --kendo-bottom-nav-item-focus-text: var( --kendo-bottom-nav-flat-secondary-focus-text, var(--kendo-neutral-100, inherit) );
   --kendo-bottom-nav-item-focus-bg: var( --kendo-bottom-nav-flat-secondary-focus-bg, inherit );
   --kendo-bottom-nav-item-focus-border: var( --kendo-bottom-nav-flat-secondary-focus-border, transparent );
@@ -31255,7 +31304,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-bottom-nav-flat.k-bottom-nav-tertiary {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-tertiary-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-tertiary-bg, #ffffff );
-  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-tertiary-border, transparent );
+  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-tertiary-border, var(--kendo-neutral-30, inherit) );
   --kendo-bottom-nav-item-focus-text: var( --kendo-bottom-nav-flat-tertiary-focus-text, var(--kendo-tertiary-100, inherit) );
   --kendo-bottom-nav-item-focus-bg: var( --kendo-bottom-nav-flat-tertiary-focus-bg, inherit );
   --kendo-bottom-nav-item-focus-border: var( --kendo-bottom-nav-flat-tertiary-focus-border, transparent );
@@ -31287,7 +31336,7 @@ kendo-drawer .k-drawer-wrapper {
 .k-bottom-nav-flat.k-bottom-nav-dark {
   --kendo-bottom-nav-text: var( --kendo-bottom-nav-flat-dark-text, var(--kendo-neutral-130, inherit) );
   --kendo-bottom-nav-bg: var( --kendo-bottom-nav-flat-dark-bg, #ffffff );
-  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-dark-border, transparent );
+  --kendo-bottom-nav-border: var( --kendo-bottom-nav-flat-dark-border, var(--kendo-neutral-140, inherit) );
   --kendo-bottom-nav-item-focus-text: var( --kendo-bottom-nav-flat-dark-focus-text, var(--kendo-neutral-160, inherit) );
   --kendo-bottom-nav-item-focus-bg: var( --kendo-bottom-nav-flat-dark-focus-bg, inherit );
   --kendo-bottom-nav-item-focus-border: var( --kendo-bottom-nav-flat-dark-focus-border, transparent );
@@ -34313,6 +34362,9 @@ div.k-grid-footer {
   text-overflow: ellipsis;
   outline: 0;
 }
+.k-grid-header .k-header > .k-link .k-icon {
+  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-spacing-lg, 0.5rem));
+}
 .k-grid-header .k-with-icon,
 .k-grid-header .k-filterable {
   padding-inline-end: var(--kendo-grid-filterable-icon-spacing, calc(var(--kendo-line-height, normal)*1em + 0.875rem + var(--kendo-icon-spacing, 0.5rem)));
@@ -34344,17 +34396,15 @@ div.k-grid-footer {
 .k-grid-header .k-grid-header-menu:hover {
   cursor: pointer;
 }
-.k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-desc-small, .k-grid-header .k-cell-inner > .k-link > .k-icon.k-i-sort-asc-small {
+.k-grid-header .k-cell-inner > .k-link > .k-icon {
   vertical-align: text-top;
-  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-spacing, 0.5rem));
+  margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-spacing-lg, 0.5rem));
 }
 .k-grid-header .k-sort-order {
   display: inline-block;
-  vertical-align: top;
   height: var(--kendo-icon-size, 1rem);
   font-size: var(--kendo-grid-sort-index-font-size, var(--kendo-font-size-sm, inherit));
-  margin-block-start: var(--kendo-grid-sort-index-spacing-y, calc(var(--kendo-icon-spacing, 0.5rem)/4));
-  margin-inline-start: var(--kendo-grid-sort-index-spacing-x, calc(var(--kendo-icon-spacing, 0.5rem)/4*-1));
+  margin-inline-start: var(--kendo-grid-sort-index-spacing-x, 0.125rem);
 }
 
 .k-column-resizer {
@@ -34802,8 +34852,7 @@ div.k-grid-norecords {
   flex: 1;
   overflow: hidden;
 }
-.k-cell-inner > .k-link > .k-icon.k-i-sort-desc-small,
-.k-cell-inner > .k-link > .k-icon.k-i-sort-asc-small {
+.k-cell-inner > .k-link > .k-icon {
   margin-left: 0;
   display: inline-block;
   flex-shrink: 0;
@@ -35144,17 +35193,17 @@ tbody .k-group-cell {
 }
 .k-grid td.k-selected,
 .k-grid tr.k-selected > td {
-  color: var(--kendo-grid-selected-text, var(--kendo-selected-text, inherit));
-  background-color: var(--kendo-grid-selected-bg, var(--kendo-selected-bg, inherit));
-  border-block-color: var(--kendo-grid-selected-border, var(--kendo-neutral-60, inherit));
+  color: var(--kendo-grid-selected-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-grid-selected-bg, var(--kendo-primary-20, inherit));
+  border-block-color: var(--kendo-grid-selected-border, var(--kendo-component-border, initial));
 }
 .k-grid tbody > tr:not(.k-detail-row):hover td.k-selected,
 .k-grid tbody > tr:not(.k-detail-row).k-hover.k-selected > td,
 .k-grid tbody > tr:not(.k-detail-row).k-hover.k-selected,
 .k-grid tbody > tr:not(.k-detail-row).k-hover td.k-selected,
 .k-grid tbody > tr:not(.k-detail-row).k-selected:hover > td {
-  color: var(--kendo-grid-selected-hover-text, var(--kendo-selected-hover-text, inherit));
-  background-color: var(--kendo-grid-selected-hover-bg, var(--kendo-selected-hover-bg, inherit));
+  color: var(--kendo-grid-selected-hover-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-grid-selected-hover-bg, var(--kendo-primary-30, inherit));
 }
 .k-grid td:focus,
 .k-grid td.k-focus,
@@ -35196,14 +35245,14 @@ tbody .k-group-cell {
   border-top-color: var(--kendo-grid-header-border, var(--kendo-component-border, initial));
 }
 .k-grid .k-grid-content-locked .k-selected td {
-  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-selected-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-primary-20, inherit));
 }
 .k-grid .k-grid-content-locked .k-selected.k-alt td {
-  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-selected-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-primary-20, inherit));
 }
 .k-grid .k-grid-content-locked .k-selected:hover td,
 .k-grid .k-grid-content-locked .k-selected.k-hover td {
-  background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-selected-hover-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-primary-30, inherit));
 }
 .k-grid .k-grid-header-locked .k-header {
   border-bottom-color: var(--kendo-grid-header-border, var(--kendo-component-border, initial));
@@ -35289,16 +35338,16 @@ th.k-sorted {
 }
 .k-master-row.k-selected .k-grid-content-sticky, .k-master-row.k-selected .k-grid-row-sticky,
 .k-master-row td.k-grid-content-sticky.k-selected {
-  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-selected-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-primary-20, inherit));
 }
 .k-master-row.k-selected.k-alt .k-grid-content-sticky, .k-master-row.k-selected.k-alt .k-grid-row-sticky, .k-master-row.k-alt td.k-grid-content-sticky.k-selected {
-  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-selected-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-primary-20, inherit));
 }
 .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-row-sticky {
   background-color: var(--kendo-grid-sticky-hover-bg, var(--kendo-hover-bg, inherit));
 }
 .k-master-row.k-selected:hover .k-grid-content-sticky, .k-master-row.k-selected:hover .k-grid-row-sticky, .k-master-row.k-selected.k-hover .k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-grid-row-sticky, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected {
-  background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-selected-hover-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-primary-30, inherit));
 }
 
 kendo-grid .k-grid-content-sticky {
@@ -35324,12 +35373,12 @@ kendo-grid tr.k-selected .k-grid-content-sticky,
 kendo-grid .k-selected.k-grid-row-sticky td,
 kendo-grid .k-grid-row-sticky td.k-selected,
 kendo-grid .k-selected.k-grid-content-sticky {
-  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-selected-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-primary-20, inherit));
 }
 kendo-grid tr.k-selected.k-alt .k-grid-content-sticky,
 kendo-grid .k-selected.k-alt.k-grid-row-sticky td,
 kendo-grid .k-alt .k-selected.k-grid-content-sticky {
-  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-selected-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-primary-20, inherit));
 }
 kendo-grid tr:hover .k-grid-content-sticky,
 kendo-grid tr.k-hover .k-grid-content-sticky,
@@ -35353,7 +35402,7 @@ kendo-grid .k-grid-row-sticky:hover td.k-selected,
 kendo-grid .k-grid-row-sticky.k-hover td.k-selected,
 kendo-grid tr:hover .k-grid-content-sticky.k-selected,
 kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
-  background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-selected-hover-bg, inherit));
+  background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-primary-30, inherit));
 }
 
 .k-grouping-row .k-grid-content-sticky {
@@ -36523,6 +36572,89 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
   border-color: var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit)) transparent transparent var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit));
 }
 
+.k-spreadsheet .k-filter-range {
+  border-color: var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit));
+}
+
+.k-spreadsheet-filter {
+  border-color: var(--kendo-spreadsheet-filter-button-border, var(--kendo-neutral-110, inherit));
+  color: var(--kendo-spreadsheet-filter-button-text, var(--kendo-neutral-160, inherit));
+  background-color: var(--kendo-spreadsheet-filter-button-bg, #ffffff);
+  box-shadow: inset 0 0 0 1px var(--kendo-spreadsheet-filter-button-border, var(--kendo-neutral-110, inherit));
+}
+.k-spreadsheet-filter:hover {
+  border-color: var(--kendo-spreadsheet-filter-button-hover-border, var(--kendo-neutral-110, inherit));
+  color: var(--kendo-spreadsheet-filter-button-hover-text, var(--kendo-neutral-190, inherit));
+  background-color: var(--kendo-spreadsheet-filter-button-hover-bg, var(--kendo-neutral-20, inherit));
+}
+.k-spreadsheet-filter.k-active {
+  border-color: var(--kendo-spreadsheet-filter-button-active-border, var(--kendo-neutral-110, inherit));
+  color: var(--kendo-spreadsheet-filter-button-active-text, var(--kendo-neutral-190, inherit));
+  background-color: var(--kendo-spreadsheet-filter-button-active-bg, var(--kendo-neutral-30, inherit));
+}
+
+.k-spreadsheet-value-treeview-wrapper {
+  border-color: var(--kendo-spreadsheet-border, var(--kendo-component-border, initial));
+  color: var(--kendo-spreadsheet-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-spreadsheet-bg, var(--kendo-component-bg, initial));
+}
+
+.k-spreadsheet-filter-menu > .k-menu .k-item:hover,
+.k-spreadsheet-filter-menu > .k-menu .k-item.k-hover,
+.k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item:hover,
+.k-spreadsheet-filter-menu > .k-menu:not(.k-context-menu) .k-item.k-hover {
+  color: var(--kendo-list-item-hover-text, var(--kendo-neutral-190, inherit));
+  background-color: var(--kendo-list-item-hover-bg, var(--kendo-neutral-20, inherit));
+}
+.k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon:first-child {
+  color: var(--kendo-spreadsheet-filter-menu-icon-color, var(--kendo-primary-100, inherit));
+}
+
+.k-spreadsheet-popup .k-button:hover,
+.k-spreadsheet-popup .k-button.k-hover {
+  color: var(--kendo-list-item-hover-text, var(--kendo-neutral-190, inherit));
+  background-color: var(--kendo-list-item-hover-bg, var(--kendo-neutral-20, inherit));
+}
+.k-spreadsheet-popup .k-button:active,
+.k-spreadsheet-popup .k-button.k-active,
+.k-spreadsheet-popup .k-button.k-selected {
+  color: var(--kendo-list-item-selected-text, var(--kendo-neutral-190, inherit));
+  background-color: var(--kendo-list-item-selected-bg, var(--kendo-neutral-40, inherit));
+}
+
+.k-spreadsheet-insert-image-dialog {
+  border-color: var(--kendo-spreadsheet-insert-image-dialog-preview-border, var(--kendo-component-border, initial));
+}
+.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover {
+  box-shadow: var(--kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow, inset 0 0 0 2000px rgba(0, 0, 0, 0.5));
+}
+.k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image:hover div, .k-spreadsheet-insert-image-dialog .k-spreadsheet-has-image.k-hover div {
+  color: var(--kendo-spreadsheet-insert-image-dialog-overlay-hovered-text, var(--kendo-component-bg, initial));
+}
+
+.k-spreadsheet-drawing.k-spreadsheet-active-drawing {
+  outline-color: var(--kendo-spreadsheet-drawing-handle-outline-color, var(--kendo-primary-100, inherit));
+}
+.k-spreadsheet-drawing .k-spreadsheet-drawing-handle {
+  border-color: var(--kendo-spreadsheet-drawing-handle-border-color, var(--kendo-selected-bg, initial));
+  background-color: var(--kendo-spreadsheet-drawing-handle-bg, var(--kendo-primary-100, inherit));
+}
+
+.k-spreadsheet-drawing-anchor-cell {
+  background: var(--kendo-spreadsheet-drawing-anchor-bg, var(--kendo-primary-30, inherit));
+}
+
+.k-rtl .k-spreadsheet .k-spreadsheet-has-comment::after,
+.k-spreadsheet[dir=rtl] .k-spreadsheet-has-comment::after,
+[dir=rtl] .k-spreadsheet .k-spreadsheet-has-comment::after {
+  border-color: var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit)) transparent transparent var(--kendo-spreadsheet-primary-border, var(--kendo-primary-100, inherit));
+}
+.k-rtl .k-spreadsheet .k-dirty,
+.k-spreadsheet[dir=rtl] .k-dirty,
+[dir=rtl] .k-spreadsheet .k-dirty {
+  border-color: var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit)) var(--kendo-spreadsheet-error-border, var(--kendo-error-190, inherit)) transparent transparent;
+}
+
 .k-pivotgrid {
   padding-block: var(--kendo-pivotgrid-padding-y, 0px);
   padding-inline: var(--kendo-pivotgrid-padding-x, 0px);
@@ -37252,6 +37384,10 @@ kendo-grid tr.k-hover .k-grid-content-sticky.k-selected {
 .k-treelist tr.k-footer + tr.k-footer td {
   border-top-width: 0;
 }
+.k-treelist .k-i-collapse,
+.k-treelist .k-i-expand {
+  margin-inline-end: 0.5rem;
+}
 
 .k-treelist-scrollable > table,
 .k-treelist-scrollable .k-grid-header tr,
@@ -40475,7 +40611,9 @@ kendo-scheduler .k-recurrence-editor {
   background-color: var(--kendo-scheduler-bg, var(--kendo-component-bg, initial));
 }
 .k-scheduler-agendaview .k-scheduler-content tr.k-selected {
-  background-color: var(--kendo-selected-bg, var(--kendo-neutral-30, inherit));
+  border-color: var(--kendo-scheduler-selected-border, var(--kendo-component-border, initial));
+  color: var(--kendo-scheduler-selected-text, var(--kendo-component-text, initial));
+  background-color: var(--kendo-scheduler-selected-bg, var(--kendo-primary-20, inherit));
 }
 .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-datecolumn,
 .k-scheduler-agendaview .k-scheduler-content tr.k-selected .k-scheduler-groupcolumn {
@@ -41731,6 +41869,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 .k-timeline-horizontal .k-timeline-card {
   height: 100%;
+  padding-inline: 0.5em;
 }
 .k-timeline-horizontal .k-card {
   max-height: 100%;
@@ -41738,8 +41877,6 @@ kendo-scheduler .k-recurrence-editor {
 .k-timeline-horizontal .k-timeline-events-list {
   overflow-x: hidden;
   padding-block-start: var(--kendo-timeline-track-margin-bottom, 1rem);
-  padding-inline: 5px;
-  margin-inline: -5px;
 }
 .k-timeline-horizontal .k-timeline-events-list .k-timeline-scrollable-wrap {
   position: relative;
@@ -42979,11 +43116,11 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-var--gauge-pointer {
-  background-color: #0078d4;
+  background-color: #00cc6a;
 }
 
 .k-var--gauge-track {
-  background-color: #ffffff;
+  background-color: #edebe9;
 }
 
 .k-var--chart-inactive {
@@ -43456,6 +43593,10 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
   width: calc(100% - 0.5rem);
 }
 
+.k-signature-lg {
+  min-height: var(--kendo-signature-lg-min-height, 110px);
+}
+
 .k-signature .k-signature-line {
   border-bottom-color: var(--kendo-signature-line-color, var(--kendo-primary-30, inherit));
 }