@progress/kendo-theme-fluent 6.8.0-dev.2 → 7.0.0-dev.0

package/dist/all.css

@@ -468,6 +468,30 @@
   overflow: hidden;
 }
 
+.k-current-time {
+  width: var(--kendo-current-time-width, 1px);
+  position: absolute;
+}
+.k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
+  width: 0;
+  height: 0;
+  background: transparent;
+  border: 4px solid transparent;
+}
+
+.k-current-time {
+  background: var(--kendo-current-time-color, #ff0000);
+}
+.k-current-time.k-current-time-arrow-left {
+  border-right-color: var(--kendo-current-time-color, #ff0000);
+}
+.k-current-time.k-current-time-arrow-right {
+  border-left-color: var(--kendo-current-time-color, #ff0000);
+}
+.k-current-time.k-current-time-arrow-down {
+  border-top-color: var(--kendo-current-time-color, #ff0000);
+}
+
 .k-reset {
   margin: 0;
   padding: 0;
@@ -1443,10 +1467,6 @@ kendo-sortable {
   --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: 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);
@@ -1562,6 +1582,30 @@ kendo-sortable {
   background-color: var(--kendo-bg-error, var(--kendo-error-190, inherit)) !important;
 }
 
+:root {
+  --kendo-elevation-1: 0 0.3px 0.9px rgba(0, 0, 0, 0.1), 0 1.6px 3.6px rgba(0, 0, 0, 0.13);
+  --kendo-elevation-2: 0 0.6px 1.8px rgba(0, 0, 0, 0.1), 0 3.2px 7.2px rgba(0, 0, 0, 0.13);
+  --kendo-elevation-3: 0 0.9px 2.7px rgba(0, 0, 0, 0.1), 0 4.8px 10.8px rgba(0, 0, 0, 0.13);
+  --kendo-elevation-4: 0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);
+  --kendo-elevation-5: 0 1.8px 5.4px rgba(0, 0, 0, 0.1), 0 9.6px 21.6px rgba(0, 0, 0, 0.13);
+  --kendo-elevation-6: 0 2.4px 7.2px rgba(0, 0, 0, 0.18), 0 12.8px 28.8px rgba(0, 0, 0, 0.22);
+  --kendo-elevation-7: 0 3.2px 10.8px rgba(0, 0, 0, 0.18), 0 19.2px 43.2px rgba(0, 0, 0, 0.22);
+  --kendo-elevation-8: 0 4.8px 14.4px rgba(0, 0, 0, 0.18), 0 25.6px 57.6px rgba(0, 0, 0, 0.22);
+  --kendo-elevation-9: 0 6.4px 18px rgba(0, 0, 0, 0.18), 0 32px 72px rgba(0, 0, 0, 0.22);
+}
+
+:root {
+  --kendo-box-shadow-depth-1: var(--kendo-elevation-1, none);
+  --kendo-box-shadow-depth-2: var(--kendo-elevation-2, none);
+  --kendo-box-shadow-depth-3: var(--kendo-elevation-3, none);
+  --kendo-box-shadow-depth-4: var(--kendo-elevation-4, none);
+  --kendo-box-shadow-depth-5: var(--kendo-elevation-5, none);
+  --kendo-box-shadow-depth-6: var(--kendo-elevation-6, none);
+  --kendo-box-shadow-depth-7: var(--kendo-elevation-7, none);
+  --kendo-box-shadow-depth-8: var(--kendo-elevation-8, none);
+  --kendo-box-shadow-depth-9: var(--kendo-elevation-8, none);
+}
+
 .k-body p {
   margin: var(--kendo-paragraph-margin, 0 0 var(--kendo-font-size, inherit));
 }
@@ -25569,6 +25613,42 @@ kendo-sortable {
   stroke: white !important;
 }
 
+.k-elevation-1 {
+  box-shadow: 0 0.3px 0.9px rgba(0, 0, 0, 0.1), 0 1.6px 3.6px rgba(0, 0, 0, 0.13);
+}
+
+.k-elevation-2 {
+  box-shadow: 0 0.6px 1.8px rgba(0, 0, 0, 0.1), 0 3.2px 7.2px rgba(0, 0, 0, 0.13);
+}
+
+.k-elevation-3 {
+  box-shadow: 0 0.9px 2.7px rgba(0, 0, 0, 0.1), 0 4.8px 10.8px rgba(0, 0, 0, 0.13);
+}
+
+.k-elevation-4 {
+  box-shadow: 0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);
+}
+
+.k-elevation-5 {
+  box-shadow: 0 1.8px 5.4px rgba(0, 0, 0, 0.1), 0 9.6px 21.6px rgba(0, 0, 0, 0.13);
+}
+
+.k-elevation-6 {
+  box-shadow: 0 2.4px 7.2px rgba(0, 0, 0, 0.18), 0 12.8px 28.8px rgba(0, 0, 0, 0.22);
+}
+
+.k-elevation-7 {
+  box-shadow: 0 3.2px 10.8px rgba(0, 0, 0, 0.18), 0 19.2px 43.2px rgba(0, 0, 0, 0.22);
+}
+
+.k-elevation-8 {
+  box-shadow: 0 4.8px 14.4px rgba(0, 0, 0, 0.18), 0 25.6px 57.6px rgba(0, 0, 0, 0.22);
+}
+
+.k-elevation-9 {
+  box-shadow: 0 6.4px 18px rgba(0, 0, 0, 0.18), 0 32px 72px rgba(0, 0, 0, 0.22);
+}
+
 @font-face {
   font-family: "WebComponentsIcons";
   font-style: normal;
@@ -30325,7 +30405,7 @@ kendo-sortable {
   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, 0 6.4px 14.4px rgba(0, 0, 0, 0.132), 0 1.2px 3.6px rgba(0, 0, 0, 0.108));
+  box-shadow: var(--kendo-list-header-shadow, var(--kendo-elevation-3, none));
 }
 
 .k-list-item, .k-list-optionlabel {
@@ -30609,7 +30689,7 @@ kendo-sortable {
   border-color: var(--kendo-popup-border, var(--kendo-component-border, initial));
   color: var(--kendo-popup-text, var(--kendo-component-text, initial));
   background-color: var(--kendo-popup-bg, var(--kendo-component-bg, initial));
-  box-shadow: var(--kendo-popup-shadow, var(--kendo-box-shadow-depth-3, none));
+  box-shadow: var(--kendo-popup-shadow, var(--kendo-box-shadow-depth-4, none));
 }
 
 .k-ripple-target {
@@ -30964,7 +31044,7 @@ kendo-sortable {
   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, 0 6.4px 14.4px rgba(0, 0, 0, 0.132), 0 1.2px 3.6px rgba(0, 0, 0, 0.108));
+  box-shadow: var(--kendo-table-sticky-header-shadow, var(--kendo-elevation-3, none));
 }
 
 .k-table-tfoot,
@@ -32542,11 +32622,11 @@ kendo-badge-container {
 }
 
 .k-tooltip-wrapper .k-tooltip {
-  box-shadow: var(--kendo-tooltip-shadow, var(--kendo-box-shadow-depth-3, none));
+  box-shadow: var(--kendo-tooltip-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 
 .k-tooltip {
-  box-shadow: var(--kendo-tooltip-shadow, var(--kendo-box-shadow-depth-3, none));
+  box-shadow: var(--kendo-tooltip-shadow, var(--kendo-box-shadow-depth-2, none));
   --INTERNAL--kendo-tooltip-text: var( --kendo-tooltip-text, var(--kendo-component-text, initial) );
   --INTERNAL--kendo-tooltip-bg: var( --kendo-tooltip-bg, #ffffff );
   --INTERNAL--kendo-tooltip-border: var( --kendo-tooltip-border, transparent );
@@ -38051,7 +38131,7 @@ textarea.k-input-inner {
   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-color-gradient-border-width, 1px);
+  border-width: var(--kendo-color-gradient-border-width, 2px);
   box-sizing: border-box;
   outline: 0;
   font-size: var(--kendo-color-gradient-font-size, var(--kendo-font-size, inherit));
@@ -38105,7 +38185,9 @@ textarea.k-input-inner {
 .k-colorgradient .k-draghandle {
   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);
+  border-width: var(--kendo-color-gradient-draghandle-border-width, 2px);
+  outline-width: var(--kendo-color-gradient-draghandle-outline-width, 1px);
+  outline-style: solid;
   box-sizing: border-box;
 }
 
@@ -38210,7 +38292,6 @@ textarea.k-input-inner {
 .k-colorgradient:focus,
 .k-colorgradient.k-focus {
   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 {
@@ -38221,25 +38302,16 @@ textarea.k-input-inner {
 }
 
 .k-colorgradient .k-draghandle {
-  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));
+  border-color: var(--kendo-color-gradient-draghandle-border, #ffffff);
+  outline-color: var(--kendo-neutral-130, inherit);
+  box-shadow: var(--kendo-color-gradient-draghandle-shadow, var(--kendo-neutral-110, inherit));
 }
 .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus {
-  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));
+  border-color: var(--kendo-color-gradient-draghandle-focus-border, #ffffff);
+  outline-color: var(--kendo-neutral-130, inherit);
 }
 .k-colorgradient .k-draghandle:active, .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover {
-  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-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-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-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);
+  outline-color: var(--kendo-neutral-130, inherit);
 }
 
 .k-colorgradient-slider .k-slider-track {
@@ -40174,7 +40246,7 @@ textarea.k-input-inner {
 }
 
 .k-menu-popup {
-  box-shadow: var(--kendo-menu-popup-shadow, var(--kendo-box-shadow-depth-2, none));
+  box-shadow: var(--kendo-menu-popup-shadow, var(--kendo-box-shadow-depth-6, none));
 }
 
 .k-menu-group,
@@ -40614,10 +40686,10 @@ textarea.k-input-inner {
   border-color: var(--kendo-window-border, var(--kendo-primary-100, inherit));
   color: var(--kendo-window-text, var(--kendo-component-text, initial));
   background-color: var(--kendo-window-bg, var(--kendo-component-bg, initial));
-  box-shadow: var(--kendo-window-shadow, var(--kendo-box-shadow-depth-4, none));
+  box-shadow: var(--kendo-window-shadow, var(--kendo-box-shadow-depth-8, none));
 }
 .k-window:focus, .k-window.k-focus {
-  box-shadow: var(--kendo-window-focus-shadow, var(--kendo-box-shadow-depth-4, none));
+  box-shadow: var(--kendo-window-focus-shadow, var(--kendo-box-shadow-depth-9, none));
 }
 
 .k-window-titlebar {
@@ -40986,7 +41058,7 @@ textarea.k-input-inner {
   color: var(--kendo-actionsheet-text, var(--kendo-component-text, initial));
   background-color: var(--kendo-actionsheet-bg, var(--kendo-component-bg, initial));
   border-color: var(--kendo-actionsheet-border, var(--kendo-component-border, initial));
-  box-shadow: var(--kendo-actionsheet-shadow, var(--kendo-box-shadow-depth-4, none));
+  box-shadow: var(--kendo-actionsheet-shadow, var(--kendo-box-shadow-depth-7, none));
 }
 
 .k-actionsheet-header, .k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-actionsheet-titlebar {
@@ -41113,7 +41185,7 @@ textarea.k-input-inner {
 }
 
 .k-dialog {
-  box-shadow: var(--kendo-dialog-shadow, var(--kendo-box-shadow-depth-4, none));
+  box-shadow: var(--kendo-dialog-shadow, var(--kendo-box-shadow-depth-8, none));
 }
 
 .k-dialog-titlebar {
@@ -41695,7 +41767,7 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-popover {
-  box-shadow: var(--kendo-popover-shadow, var(--kendo-box-shadow-depth-3, none));
+  box-shadow: var(--kendo-popover-shadow, var(--kendo-box-shadow-depth-6, none));
   border-color: var(--kendo-popover-border, var(--kendo-component-border, initial));
   color: var(--kendo-popover-text, var(--kendo-component-text, initial));
   background-color: var(--kendo-popover-bg, var(--kendo-component-bg, initial));
@@ -41790,7 +41862,7 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-bottom-nav-shadow {
-  box-shadow: var(--kendo-bottom-nav-shadow, var(--kendo-box-shadow-depth-1, none));
+  box-shadow: var(--kendo-bottom-nav-shadow, var(--kendo-box-shadow-depth-4, none));
 }
 
 .k-bottom-nav-item {
@@ -46510,7 +46582,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-filter-menu.k-popup,
 .k-column-menu.k-popup {
-  box-shadow: var(--kendo-grid-column-menu-shadow, var(--kendo-box-shadow-depth-1, none));
+  box-shadow: var(--kendo-grid-column-menu-shadow, var(--kendo-box-shadow-depth-6, none));
 }
 
 .k-column-menu .k-menu:not(.k-context-menu) {
@@ -46647,7 +46719,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-listview-content-padding-rectangle {
-  padding-inline: var(-- 0.25rem, 0.25rem);
+  padding-inline: var(--kendo-listview-padding-x, 0.25rem);
   padding-block: var(--kendo-listview-padding-y, 0.25rem);
 }
 
@@ -49173,7 +49245,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-taskboard-card.k-selected {
-  box-shadow: var(--kendo-taskboard-card-selected-shadow, var(--kendo-box-shadow-depth-4, none));
+  box-shadow: var(--kendo-taskboard-card-selected-shadow, var(--kendo-box-shadow-depth-3, none));
 }
 .k-taskboard-card.k-disabled {
   border-color: var(--kendo-disabled-border, inherit);
@@ -51276,16 +51348,6 @@ kendo-scheduler .k-event .k-event-bottom-actions,
   justify-content: center;
 }
 
-.k-current-time {
-  position: absolute;
-}
-.k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
-  width: 0;
-  height: 0;
-  background: transparent;
-  border: 4px solid transparent;
-}
-
 .k-event-drag-hint {
   opacity: 0.5;
   z-index: 3;
@@ -51585,7 +51647,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-safari .k-scheduler-tooltip .k-tooltip-event:not(:last-child) {
-  margin-block-end: var(--kendo-scheduler-tooltip-event-gap 0.125rem);
+  margin-block-end: var(--kendo-scheduler-tooltip-event-gap, 0.125rem);
 }
 .k-safari .k-scheduler-yearview .k-calendar-view .k-month {
   margin-inline: calc(var(--kendo-scheduler-yearview-calendar-gap, 0.75rem)/2);
@@ -51597,19 +51659,6 @@ kendo-scheduler .k-recurrence-editor {
   background-color: var(--kendo-scheduler-bg, var(--kendo-component-bg, initial));
 }
 
-.k-current-time {
-  background: var(--kendo-scheduler-current-time-color, #ff0000);
-}
-.k-current-time.k-current-time-arrow-left {
-  border-right-color: var(--kendo-scheduler-current-time-color, #ff0000);
-}
-.k-current-time.k-current-time-arrow-right {
-  border-left-color: var(--kendo-scheduler-current-time-color, #ff0000);
-}
-.k-current-time.k-current-time-arrow-down {
-  border-top-color: var(--kendo-scheduler-current-time-color, #ff0000);
-}
-
 .k-scheduler-toolbar {
   border-color: var(--kendo-scheduler-toolbar-border, var(--kendo-toolbar-border, var(--kendo-component-border, initial)));
   color: var(--kendo-scheduler-toolbar-text, var(--kendo-toolbar-text, var(--kendo-component-text, inherit)));
@@ -51725,7 +51774,7 @@ kendo-scheduler .k-recurrence-editor {
   border-color: var(--kendo-scheduler-tooltip-border, );
   color: var(--kendo-scheduler-tooltip-text, var(--kendo-neutral-130, inherit));
   background-color: var(--kendo-scheduler-tooltip-bg, #ffffff);
-  box-shadow: var(--kendo-scheduler-tooltip-shadow, 0px 0px 10px rgba(0, 0, 0, 0.2));
+  box-shadow: var(--kendo-scheduler-tooltip-shadow, var(--kendo-elevation-5, 0 1.8px 5.4px rgba(0, 0, 0, 0.1), 0 9.6px 21.6px rgba(0, 0, 0, 0.13)));
 }
 .k-tooltip.k-scheduler-tooltip .k-callout {
   color: var(--kendo-scheduler-tooltip-callout-color, #ffffff);
@@ -52584,7 +52633,7 @@ kendo-scheduler .k-recurrence-editor {
   color: var(--kendo-chat-link-hover-text, var(--kendo-link-hover-text, inherit));
 }
 .k-chat .k-chat-bubble:hover {
-  box-shadow: var(--kendo-chat-bubble-hover-shadow, var(--kendo-box-shadow-depth-3, none));
+  box-shadow: var(--kendo-chat-bubble-hover-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 .k-chat .k-selected .k-chat-bubble {
   box-shadow: var(--kendo-chat-bubble-selected-shadow, var(--kendo-box-shadow-depth-3, none));
@@ -52596,10 +52645,10 @@ kendo-scheduler .k-recurrence-editor {
   box-shadow: var(--kendo-chat-alt-bubble-shadow, var(--kendo-box-shadow-depth-1, none));
 }
 .k-chat .k-alt .k-chat-bubble:hover {
-  box-shadow: var(--kendo-chat-alt-bubble-hover-shadow, var(--kendo-box-shadow-depth-1, none));
+  box-shadow: var(--kendo-chat-alt-bubble-hover-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 .k-chat .k-alt .k-selected .k-chat-bubble {
-  box-shadow: var(--kendo-chat-alt-bubble-selected-shadow, var(--kendo-box-shadow-depth-1, none));
+  box-shadow: var(--kendo-chat-alt-bubble-selected-shadow, var(--kendo-box-shadow-depth-3, none));
 }
 .k-chat .k-quick-reply {
   border-color: var(--kendo-chat-quick-reply-border, var(--kendo-primary-100, inherit));
@@ -53076,7 +53125,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-timeline .k-timeline-flag {
   color: var(--kendo-timeline-flag-text, var(--kendo-component-bg, initial));
   background-color: var(--kendo-timeline-flag-bg, var(--kendo-primary-100, inherit));
-  box-shadow: var(--kendo-timeline-flag-box-shadow, var(--kendo-box-shadow-depth-1, none));
+  box-shadow: var(--kendo-timeline-flag-box-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 .k-timeline .k-timeline-circle {
   background-color: var(--kendo-timeline-circle-bg, var(--kendo-primary-100, inherit));
@@ -53118,7 +53167,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-timeline-track-item.k-focus .k-timeline-circle {
-  box-shadow: var(--kendo-timeline-flag-box-shadow, var(--kendo-box-shadow-depth-1, none));
+  box-shadow: var(--kendo-timeline-flag-box-shadow, var(--kendo-box-shadow-depth-2, none));
 }
 
 .k-pdf-viewer {
@@ -53262,7 +53311,7 @@ kendo-scheduler .k-recurrence-editor {
   border-color: var(--kendo-pdf-viewer-page-border, var(--kendo-component-border, inherit));
   color: var(--kendo-pdf-viewer-page-text, var(--kendo-component-text, inherit));
   background-color: var(--kendo-pdf-viewer-page-bg, var(--kendo-component-bg, inherit));
-  box-shadow: var(--kendo-pdf-viewer-page-shadow, var(--kendo-box-shadow-depth-1, none));
+  box-shadow: var(--kendo-pdf-viewer-page-shadow, var(--kendo-box-shadow-depth-3, none));
 }
 .k-pdf-viewer .k-blank-page > .k-icon,
 .k-pdf-viewer .k-blank-page > .k-svg-icon {
@@ -53846,7 +53895,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   border-style: solid;
   outline: 0;
   font-family: var(--kendo-treemap-font-family, var(--kendo-font-family, inherit));
-  font-size: var(--kendo-treemap-font-size, var(-kendo-font-size, inherit));
+  font-size: var(--kendo-treemap-font-size, var(--kendo-font-size, inherit));
   line-height: var(--kendo-treemap-line-height, var(--kendo-line-height, normal));
   display: block;
   overflow: hidden;
@@ -53873,7 +53922,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
   border-width: 0 0 1px;
   border-style: solid;
   border-color: inherit;
-  font-size: var(--kendo-treemap-font-size, var(-kendo-font-size, inherit));
+  font-size: var(--kendo-treemap-font-size, var(--kendo-font-size, inherit));
   background-position: 0 0;
   background-repeat: repeat-x;
 }