@progress/kendo-theme-fluent 7.2.2-dev.0 → 7.3.0-dev.1

package/dist/all.css

@@ -16866,83 +16866,83 @@ kendo-sortable {
 }
 
 .k-text-inherit {
-  color: inherit;
+  color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-text-inherit {
-  color: inherit !important;
+  color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-text-current {
-  color: currentColor;
+  color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-text-current {
-  color: currentColor !important;
+  color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-text-transparent {
-  color: transparent;
+  color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-text-transparent {
-  color: transparent !important;
+  color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-text-black {
-  color: black;
+  color: var(--kendo-color-black, black);
 }
 
 .\!k-text-black {
-  color: black !important;
+  color: var(--kendo-color-black, black) !important;
 }
 
 .k-text-white {
-  color: white;
+  color: var(--kendo-color-white, white);
 }
 
 .\!k-text-white {
-  color: white !important;
+  color: var(--kendo-color-white, white) !important;
 }
 
 .k-color-inherit {
-  color: inherit;
+  color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-color-inherit {
-  color: inherit !important;
+  color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-color-current {
-  color: currentColor;
+  color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-color-current {
-  color: currentColor !important;
+  color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-color-transparent {
-  color: transparent;
+  color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-color-transparent {
-  color: transparent !important;
+  color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-color-black {
-  color: black;
+  color: var(--kendo-color-black, black);
 }
 
 .\!k-color-black {
-  color: black !important;
+  color: var(--kendo-color-black, black) !important;
 }
 
 .k-color-white {
-  color: white;
+  color: var(--kendo-color-white, white);
 }
 
 .\!k-color-white {
-  color: white !important;
+  color: var(--kendo-color-white, white) !important;
 }
 
 .k-text-underline {
@@ -17232,35 +17232,35 @@ kendo-sortable {
 }
 
 .k-bg-inherit {
-  background-color: inherit;
+  background-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-bg-inherit {
-  background-color: inherit !important;
+  background-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-bg-transparent {
-  background-color: transparent;
+  background-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-bg-transparent {
-  background-color: transparent !important;
+  background-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-bg-black {
-  background-color: black;
+  background-color: var(--kendo-color-black, black);
 }
 
 .\!k-bg-black {
-  background-color: black !important;
+  background-color: var(--kendo-color-black, black) !important;
 }
 
 .k-bg-white {
-  background-color: white;
+  background-color: var(--kendo-color-white, white);
 }
 
 .\!k-bg-white {
-  background-color: white !important;
+  background-color: var(--kendo-color-white, white) !important;
 }
 
 .k-bg-center {
@@ -17360,283 +17360,43 @@ kendo-sortable {
 }
 
 .k-border-inherit {
-  border-color: inherit;
+  border-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-border-inherit {
-  border-color: inherit !important;
+  border-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-border-current {
-  border-color: currentColor;
+  border-color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-border-current {
-  border-color: currentColor !important;
+  border-color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-border-transparent {
-  border-color: transparent;
+  border-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-border-transparent {
-  border-color: transparent !important;
+  border-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-border-black {
-  border-color: black;
+  border-color: var(--kendo-color-black, black);
 }
 
 .\!k-border-black {
-  border-color: black !important;
+  border-color: var(--kendo-color-black, black) !important;
 }
 
 .k-border-white {
-  border-color: white;
+  border-color: var(--kendo-color-white, white);
 }
 
 .\!k-border-white {
-  border-color: white !important;
-}
-
-.k-border-t-inherit {
-  border-top-color: inherit;
-}
-
-.\!k-border-t-inherit {
-  border-top-color: inherit !important;
-}
-
-.k-border-t-current {
-  border-top-color: currentColor;
-}
-
-.\!k-border-t-current {
-  border-top-color: currentColor !important;
-}
-
-.k-border-t-transparent {
-  border-top-color: transparent;
-}
-
-.\!k-border-t-transparent {
-  border-top-color: transparent !important;
-}
-
-.k-border-t-black {
-  border-top-color: black;
-}
-
-.\!k-border-t-black {
-  border-top-color: black !important;
-}
-
-.k-border-t-white {
-  border-top-color: white;
-}
-
-.\!k-border-t-white {
-  border-top-color: white !important;
-}
-
-.k-border-r-inherit {
-  border-right-color: inherit;
-}
-
-.\!k-border-r-inherit {
-  border-right-color: inherit !important;
-}
-
-.k-border-r-current {
-  border-right-color: currentColor;
-}
-
-.\!k-border-r-current {
-  border-right-color: currentColor !important;
-}
-
-.k-border-r-transparent {
-  border-right-color: transparent;
-}
-
-.\!k-border-r-transparent {
-  border-right-color: transparent !important;
-}
-
-.k-border-r-black {
-  border-right-color: black;
-}
-
-.\!k-border-r-black {
-  border-right-color: black !important;
-}
-
-.k-border-r-white {
-  border-right-color: white;
-}
-
-.\!k-border-r-white {
-  border-right-color: white !important;
-}
-
-.k-border-b-inherit {
-  border-bottom-color: inherit;
-}
-
-.\!k-border-b-inherit {
-  border-bottom-color: inherit !important;
-}
-
-.k-border-b-current {
-  border-bottom-color: currentColor;
-}
-
-.\!k-border-b-current {
-  border-bottom-color: currentColor !important;
-}
-
-.k-border-b-transparent {
-  border-bottom-color: transparent;
-}
-
-.\!k-border-b-transparent {
-  border-bottom-color: transparent !important;
-}
-
-.k-border-b-black {
-  border-bottom-color: black;
-}
-
-.\!k-border-b-black {
-  border-bottom-color: black !important;
-}
-
-.k-border-b-white {
-  border-bottom-color: white;
-}
-
-.\!k-border-b-white {
-  border-bottom-color: white !important;
-}
-
-.k-border-l-inherit {
-  border-left-color: inherit;
-}
-
-.\!k-border-l-inherit {
-  border-left-color: inherit !important;
-}
-
-.k-border-l-current {
-  border-left-color: currentColor;
-}
-
-.\!k-border-l-current {
-  border-left-color: currentColor !important;
-}
-
-.k-border-l-transparent {
-  border-left-color: transparent;
-}
-
-.\!k-border-l-transparent {
-  border-left-color: transparent !important;
-}
-
-.k-border-l-black {
-  border-left-color: black;
-}
-
-.\!k-border-l-black {
-  border-left-color: black !important;
-}
-
-.k-border-l-white {
-  border-left-color: white;
-}
-
-.\!k-border-l-white {
-  border-left-color: white !important;
-}
-
-.k-border-x-inherit {
-  border-inline-color: inherit;
-}
-
-.\!k-border-x-inherit {
-  border-inline-color: inherit !important;
-}
-
-.k-border-x-current {
-  border-inline-color: currentColor;
-}
-
-.\!k-border-x-current {
-  border-inline-color: currentColor !important;
-}
-
-.k-border-x-transparent {
-  border-inline-color: transparent;
-}
-
-.\!k-border-x-transparent {
-  border-inline-color: transparent !important;
-}
-
-.k-border-x-black {
-  border-inline-color: black;
-}
-
-.\!k-border-x-black {
-  border-inline-color: black !important;
-}
-
-.k-border-x-white {
-  border-inline-color: white;
-}
-
-.\!k-border-x-white {
-  border-inline-color: white !important;
-}
-
-.k-border-y-inherit {
-  border-block-color: inherit;
-}
-
-.\!k-border-y-inherit {
-  border-block-color: inherit !important;
-}
-
-.k-border-y-current {
-  border-block-color: currentColor;
-}
-
-.\!k-border-y-current {
-  border-block-color: currentColor !important;
-}
-
-.k-border-y-transparent {
-  border-block-color: transparent;
-}
-
-.\!k-border-y-transparent {
-  border-block-color: transparent !important;
-}
-
-.k-border-y-black {
-  border-block-color: black;
-}
-
-.\!k-border-y-black {
-  border-block-color: black !important;
-}
-
-.k-border-y-white {
-  border-block-color: white;
-}
-
-.\!k-border-y-white {
-  border-block-color: white !important;
+  border-color: var(--kendo-color-white, white) !important;
 }
 
 .k-rounded {
@@ -19088,43 +18848,43 @@ kendo-sortable {
 }
 
 .k-outline-inherit {
-  outline-color: inherit;
+  outline-color: var(--kendo-color-inherit, inherit);
 }
 
 .\!k-outline-inherit {
-  outline-color: inherit !important;
+  outline-color: var(--kendo-color-inherit, inherit) !important;
 }
 
 .k-outline-current {
-  outline-color: currentColor;
+  outline-color: var(--kendo-color-current, currentColor);
 }
 
 .\!k-outline-current {
-  outline-color: currentColor !important;
+  outline-color: var(--kendo-color-current, currentColor) !important;
 }
 
 .k-outline-transparent {
-  outline-color: transparent;
+  outline-color: var(--kendo-color-transparent, transparent);
 }
 
 .\!k-outline-transparent {
-  outline-color: transparent !important;
+  outline-color: var(--kendo-color-transparent, transparent) !important;
 }
 
 .k-outline-black {
-  outline-color: black;
+  outline-color: var(--kendo-color-black, black);
 }
 
 .\!k-outline-black {
-  outline-color: black !important;
+  outline-color: var(--kendo-color-black, black) !important;
 }
 
 .k-outline-white {
-  outline-color: white;
+  outline-color: var(--kendo-color-white, white);
 }
 
 .\!k-outline-white {
-  outline-color: white !important;
+  outline-color: var(--kendo-color-white, white) !important;
 }
 
 .k-outline-offset-0 {
@@ -25604,75 +25364,75 @@ kendo-sortable {
 }
 
 .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);
+  box-shadow: var(--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));
 }
 
 .\!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) !important;
+  box-shadow: var(--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)) !important;
 }
 
 .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);
+  box-shadow: var(--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));
 }
 
 .\!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) !important;
+  box-shadow: var(--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)) !important;
 }
 
 .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);
+  box-shadow: var(--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));
 }
 
 .\!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) !important;
+  box-shadow: var(--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)) !important;
 }
 
 .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);
+  box-shadow: var(--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));
 }
 
 .\!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) !important;
+  box-shadow: var(--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)) !important;
 }
 
 .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);
+  box-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-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) !important;
+  box-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)) !important;
 }
 
 .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);
+  box-shadow: var(--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));
 }
 
 .\!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) !important;
+  box-shadow: var(--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)) !important;
 }
 
 .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);
+  box-shadow: var(--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));
 }
 
 .\!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) !important;
+  box-shadow: var(--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)) !important;
 }
 
 .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);
+  box-shadow: var(--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));
 }
 
 .\!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) !important;
+  box-shadow: var(--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)) !important;
 }
 
 .k-elevation-9 {
-  box-shadow: 0 6.4px 18px rgba(0, 0, 0, 0.18), 0 32px 72px rgba(0, 0, 0, 0.22);
+  box-shadow: var(--kendo-elevation-9, 0 6.4px 18px rgba(0, 0, 0, 0.18), 0 32px 72px 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) !important;
+  box-shadow: var(--kendo-elevation-9, 0 6.4px 18px rgba(0, 0, 0, 0.18), 0 32px 72px rgba(0, 0, 0, 0.22)) !important;
 }
 
 .k-svg-icon {
@@ -28542,11 +28302,6 @@ kendo-label > .k-label {
   display: inline-block;
 }
 
-.k-input-label {
-  margin-inline-end: var(--kendo-horizontal-form-label-margin-x, 0.5rem);
-  z-index: 1;
-}
-
 .k-form {
   border: 0;
 }
@@ -28860,7 +28615,7 @@ kendo-label > .k-label {
 .k-floating-label-container *::after {
   box-sizing: border-box;
 }
-.k-floating-label-container > .k-label {
+.k-floating-label-container > .k-floating-label {
   max-width: var(--kendo-floating-label-max-width, 90%);
   font-size: var(--kendo-floating-label-font-size, var(--kendo-font-size, inherit));
   font-weight: var(--kendo-floating-label-font-weight, var(--kendo-font-weight-bold, inherit));
@@ -28875,17 +28630,13 @@ kendo-label > .k-label {
   transform-origin: left center;
   transition: transform var(--kendo-floating-label-transition, 0.2s ease-out), color var(--kendo-floating-label-transition, 0.2s ease-out), top var(--kendo-floating-label-transition, 0.2s ease-out), left var(--kendo-floating-label-transition, 0.2s ease-out);
 }
-.k-floating-label-container > .k-widget {
-  flex: 1 1 auto;
-  width: auto;
-}
-.k-floating-label-container.k-empty > .k-label {
+.k-floating-label-container.k-empty > .k-floating-label {
   top: var(--kendo-floating-label-offset-y, calc(var(--kendo-line-height, normal)*var(--kendo-font-size, inherit) + 1px + 0.375rem));
   left: var(--kendo-floating-label-offset-x, calc(0.5rem + 1px));
   transform: scale(var(--kendo-floating-label-scale, 1));
   pointer-events: none;
 }
-.k-floating-label-container > .k-label, .k-floating-label-container:focus-within > .k-label, .k-floating-label-container.k-focus > .k-label {
+.k-floating-label-container > .k-floating-label, .k-floating-label-container:focus-within > .k-floating-label, .k-floating-label-container.k-focus > .k-floating-label {
   top: var(--kendo-floating-label-focus-offset-y, 0);
   left: var(--kendo-floating-label-focus-offset-x, 0);
   transform: scale(var(--kendo-floating-label-focus-scale, 1));
@@ -28896,15 +28647,15 @@ kendo-label > .k-label {
 .k-floating-label-container.k-empty:not(.k-focus, :focus-within) ::placeholder {
   color: transparent;
 }
-[dir=rtl] .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-floating-label-container[dir=rtl] > .k-label {
+[dir=rtl] .k-floating-label-container > .k-floating-label, .k-rtl .k-floating-label-container > .k-floating-label, .k-floating-label-container[dir=rtl] > .k-floating-label {
   transform-origin: right center;
   transition: transform var(--kendo-floating-label-transition, 0.2s ease-out), color var(--kendo-floating-label-transition, 0.2s ease-out), top var(--kendo-floating-label-transition, 0.2s ease-out), right var(--kendo-floating-label-transition, 0.2s ease-out);
 }
-[dir=rtl] .k-floating-label-container.k-empty > .k-label, .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir=rtl].k-empty > .k-label {
+[dir=rtl] .k-floating-label-container.k-empty > .k-floating-label, .k-rtl .k-floating-label-container.k-empty > .k-floating-label, .k-floating-label-container[dir=rtl].k-empty > .k-floating-label {
   left: auto;
   right: var(--kendo-floating-label-offset-x, calc(0.5rem + 1px));
 }
-[dir=rtl] .k-floating-label-container > .k-label, [dir=rtl] .k-floating-label-container:focus-within > .k-label, [dir=rtl] .k-floating-label-container.k-focus > .k-label, .k-rtl .k-floating-label-container > .k-label, .k-rtl .k-floating-label-container:focus-within > .k-label, .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir=rtl] > .k-label, .k-floating-label-container[dir=rtl]:focus-within > .k-label, .k-floating-label-container[dir=rtl].k-focus > .k-label {
+[dir=rtl] .k-floating-label-container > .k-floating-label, [dir=rtl] .k-floating-label-container:focus-within > .k-floating-label, [dir=rtl] .k-floating-label-container.k-focus > .k-floating-label, .k-rtl .k-floating-label-container > .k-floating-label, .k-rtl .k-floating-label-container:focus-within > .k-floating-label, .k-rtl .k-floating-label-container.k-focus > .k-floating-label, .k-floating-label-container[dir=rtl] > .k-floating-label, .k-floating-label-container[dir=rtl]:focus-within > .k-floating-label, .k-floating-label-container[dir=rtl].k-focus > .k-floating-label {
   left: auto;
   right: var(--kendo-floating-label-focus-offset-x, 0);
 }
@@ -28912,15 +28663,15 @@ kendo-label > .k-label {
   background: none;
 }
 
-.k-floating-label-container > .k-label {
+.k-floating-label-container > .k-floating-label {
   color: var(--kendo-floating-label-text, inherit);
   background-color: var(--kendo-floating-label-bg, inherit);
 }
-.k-floating-label-container.k-focus > .k-label {
+.k-floating-label-container.k-focus > .k-floating-label {
   color: var(--kendo-floating-label-focus-text, inherit);
   background-color: var(--kendo-floating-label-focus-bg, inherit);
 }
-.k-floating-label-container.k-invalid > .k-label, .k-floating-label-container.ng-invalid.ng-touched > .k-label, .k-floating-label-container.ng-invalid.ng-dirty > .k-label {
+.k-floating-label-container.k-invalid > .k-floating-label, .k-floating-label-container.ng-invalid.ng-touched > .k-floating-label, .k-floating-label-container.ng-invalid.ng-dirty > .k-floating-label {
   color: var(--kendo-floating-label-invalid-text, var(--kendo-invalid-text, var(--kendo-error-190, inherit)));
 }
 
@@ -33175,8 +32926,8 @@ textarea.k-input-inner {
 }
 
 .k-calendar .k-header {
-  padding-inline: var(--kendo-calendar-header-padding-x, 0.75rem);
-  padding-block: var(--kendo-calendar-header-padding-y, 0.75rem 0.25rem);
+  padding-inline: var(--kendo-calendar-header-padding-x, 0.25rem);
+  padding-block: var(--kendo-calendar-header-padding-y, 0.25rem);
   border-bottom-width: var(--kendo-calendar-header-border-width, 1px);
   border-bottom-style: solid;
   display: flex;
@@ -33188,8 +32939,8 @@ textarea.k-input-inner {
 }
 
 .k-calendar-header {
-  padding-inline: var(--kendo-calendar-header-padding-x, 0.75rem);
-  padding-block: var(--kendo-calendar-header-padding-y, 0.75rem 0.25rem);
+  padding-inline: var(--kendo-calendar-header-padding-x, 0.25rem);
+  padding-block: var(--kendo-calendar-header-padding-y, 0.25rem);
   min-width: var(--kendo-calendar-header-min-width, 224px);
   box-sizing: border-box;
   display: flex;
@@ -33198,10 +32949,6 @@ textarea.k-input-inner {
   justify-content: space-between;
   flex: 0 0 auto;
 }
-.k-calendar-header .k-title,
-.k-calendar-header .k-calendar-title {
-  font-weight: bold;
-}
 .k-calendar-header .k-calendar-nav {
   display: flex;
   flex-flow: row nowrap;
@@ -33211,16 +32958,16 @@ textarea.k-input-inner {
 
 .k-calendar-footer,
 .k-calendar .k-footer {
-  padding-inline: var(--kendo-calendar-header-footer-x, 0.75rem);
-  padding-block: var(--kendo-calendar-header-footer-y, 0.75rem);
+  padding-inline: var(--kendo-calendar-header-footer-x, 0.25rem);
+  padding-block: var(--kendo-calendar-header-footer-y, 0.25rem);
   text-align: center;
   clear: both;
 }
 
 .k-calendar-view {
   margin: auto;
-  padding-inline: var(--kendo-calendar-header-padding-x, 0.75rem);
-  padding-block-end: var(--kendo-calendar-view-padding-block-end, 0.75rem);
+  padding-inline: var(--kendo-calendar-header-padding-x, 0.25rem);
+  padding-block-end: var(--kendo-calendar-view-padding-block-end, 0.25rem);
   inline-size: var(--INTERNAL--kendo-calendar-view-width, 196px);
   min-height: 196px;
   box-sizing: content-box;
@@ -33229,6 +32976,9 @@ textarea.k-input-inner {
   z-index: 1;
   overflow: hidden;
 }
+.k-calendar-view .k-today {
+  font-weight: bold;
+}
 .k-calendar-view .k-link {
   border-radius: var(--kendo-calendar-cell-border-radius, var(--kendo-border-radius-md, 0));
   padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0);
@@ -33671,10 +33421,6 @@ textarea.k-input-inner {
   --INTERNAL--kendo-calendar-cell-link-shadow: var( --kendo-calendar-start-range-hover-shadow, inset 1px -1px 0 0 var(--kendo-neutral-130, inherit), inset 0 1px 0 0 var(--kendo-neutral-130, inherit) );
 }
 
-.k-out-of-range {
-  pointer-events: none;
-}
-
 .k-timeselector {
   border-width: var(--kendo-time-selector-border-width, 1px);
   border-style: solid;
@@ -37194,18 +36940,18 @@ kendo-drawer .k-drawer-wrapper {
 .k-drawer *::after {
   box-sizing: border-box;
 }
-.k-drawer-mini .k-drawer.k-drawer-start, .k-drawer-expanded .k-drawer.k-drawer-start, .k-drawer-left.k-drawer-mini .k-drawer, .k-drawer-left.k-drawer-expanded .k-drawer {
-  border-right-width: var(--kendo-drawer-border-width, 1px);
+.k-drawer-mini .k-drawer.k-drawer-start, .k-drawer-expanded .k-drawer.k-drawer-start {
+  border-inline-end-width: var(--kendo-drawer-border-width, 1px);
 }
-.k-drawer-mini .k-drawer.k-drawer-end, .k-drawer-expanded .k-drawer.k-drawer-end, .k-drawer-right.k-drawer-mini .k-drawer, .k-drawer-right.k-drawer-expanded .k-drawer {
-  border-left-width: var(--kendo-drawer-border-width, 1px);
+.k-drawer-mini .k-drawer.k-drawer-end, .k-drawer-expanded .k-drawer.k-drawer-end {
+  border-inline-start-width: var(--kendo-drawer-border-width, 1px);
 }
-.k-drawer.k-drawer-start, .k-drawer-left .k-drawer {
-  inset-block-start: 0;
+.k-drawer.k-drawer-start {
+  top: 0;
   inset-inline-start: 0;
 }
-.k-drawer.k-drawer-end, .k-drawer-right .k-drawer {
-  inset-block-start: 0;
+.k-drawer.k-drawer-end {
+  top: 0;
   inset-inline-end: 0;
 }
 
@@ -37236,8 +36982,8 @@ kendo-drawer .k-drawer-wrapper {
   position: relative;
   align-self: stretch;
 }
-.k-drawer-push .k-drawer.k-drawer-end, .k-drawer-push.k-drawer-right .k-drawer {
-  order: 1;
+.k-drawer-push:has(.k-drawer.k-drawer-end) {
+  flex-direction: row-reverse;
 }
 
 .k-drawer-wrapper {
@@ -37253,8 +36999,7 @@ kendo-drawer .k-drawer-wrapper {
   border-radius: var(--kendo-drawer-scrollbar-radius, 20px);
 }
 
-.k-drawer-items,
-.k-drawer-items ul {
+.k-drawer-items {
   margin: 0;
   padding: 0;
   list-style: none;
@@ -37360,33 +37105,6 @@ kendo-drawer .k-drawer-wrapper {
   width: var(--kendo-drawer-mini-initial-width, calc(2rem + var(--kendo-icon-size, 1rem)));
 }
 
-.k-rtl.k-drawer-mini .k-drawer-start,
-.k-rtl .k-drawer-mini .k-drawer-start,
-.k-rtl .k-drawer-expanded .k-drawer-start, .k-rtl.k-drawer-expanded .k-drawer-start,
-[dir=rtl].k-drawer-mini .k-drawer-start,
-[dir=rtl] .k-drawer-mini .k-drawer-start,
-[dir=rtl] .k-drawer-expanded .k-drawer-start,
-[dir=rtl].k-drawer-expanded .k-drawer-start {
-  border-left-width: var(--kendo-drawer-border-width, 1px);
-  border-right-width: 0;
-}
-.k-rtl.k-drawer-mini .k-drawer-end,
-.k-rtl .k-drawer-mini .k-drawer-end, .k-rtl.k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end,
-[dir=rtl].k-drawer-mini .k-drawer-end,
-[dir=rtl] .k-drawer-mini .k-drawer-end,
-[dir=rtl].k-drawer-expanded .k-drawer-end .k-drawer-expanded .k-drawer-end {
-  border-left-width: 0;
-  border-right-width: var(--kendo-drawer-border-width, 1px);
-}
-.k-rtl .k-drawer-left.k-drawer-push .k-drawer,
-[dir=rtl] .k-drawer-left.k-drawer-push .k-drawer {
-  order: 1;
-}
-.k-rtl .k-drawer-right.k-drawer-push .k-drawer,
-[dir=rtl] .k-drawer-right.k-drawer-push .k-drawer {
-  order: 0;
-}
-
 .k-drawer {
   border-color: var(--kendo-drawer-border, var(--kendo-component-border, initial));
   color: var(--kendo-drawer-text, var(--kendo-component-text, initial));
@@ -40035,14 +39753,12 @@ kendo-card-footer {
 .k-panelbar *::after {
   box-sizing: border-box;
 }
-.k-panelbar > .k-item,
 .k-panelbar > .k-panelbar-header {
   border-width: 0;
   border-style: var(--kendo-panelbar-item-border-style, solid);
   border-color: inherit;
   display: block;
 }
-.k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
   padding-inline-start: var(--kendo-panelbar-header-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem)*2 + var(--kendo-icon-size, 1rem)));
   padding-inline-end: var(--kendo-panelbar-header-padding-x-end, 0.5rem);
@@ -40062,11 +39778,9 @@ kendo-card-footer {
   cursor: default;
   transition: var(--kendo-transition, none);
 }
-.k-panelbar > .k-item > .k-link.k-selected,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected {
   font-weight: var(--kendo-font-weight-bold, 600);
 }
-.k-panelbar > .k-item > .k-link.k-selected::before,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected::before {
   content: "";
   width: 2px;
@@ -40074,7 +39788,6 @@ kendo-card-footer {
   position: absolute;
   inset-inline-start: 0;
 }
-.k-panelbar > .k-item + .k-item,
 .k-panelbar > .k-panelbar-header + .k-panelbar-header {
   border-top-width: var(--kendo-panelbar-item-border-width, 0);
 }
@@ -40082,7 +39795,6 @@ kendo-card-footer {
   position: absolute;
   inset-inline-start: var(--kendo-panelbar-icon-spacing, 0.5rem);
 }
-.k-panelbar .k-group,
 .k-panelbar .k-panelbar-group {
   margin: 0;
   padding: 0;
@@ -40092,11 +39804,9 @@ kendo-card-footer {
   background-color: transparent;
   list-style: none;
 }
-.k-panelbar .k-group > .k-item,
 .k-panelbar .k-panelbar-group > .k-panelbar-item {
   display: block;
 }
-.k-panelbar .k-group > .k-item > .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
   padding-inline-start: var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem)*2 + var(--kendo-icon-size, 1rem)));
   padding-inline-end: var(--kendo-panelbar-item-padding-x-end, 0.5rem);
@@ -40115,11 +39825,9 @@ kendo-card-footer {
   cursor: default;
   transition: var(--kendo-transition, color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, opacity 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out);
 }
-.k-panelbar .k-group > .k-item > .k-link.k-selected,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
   font-weight: var(--kendo-font-weight-bold, 600);
 }
-.k-panelbar .k-group > .k-item > .k-link.k-selected::before,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected::before {
   content: "";
   width: 2px;
@@ -40127,35 +39835,27 @@ kendo-card-footer {
   position: absolute;
   inset-inline-start: 0;
 }
-.k-panelbar .k-group > .k-item.k-level-1 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-link {
   padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + var(--kendo-padding-x-lg, 0.75rem) * 1);
 }
-.k-panelbar .k-group > .k-item.k-level-1 .k-panelbar-item-icon:first-child,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-1 .k-panelbar-item-icon:first-child {
   inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var(--kendo-padding-x-lg, 0.75rem)*1);
 }
-.k-panelbar .k-group > .k-item.k-level-2 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-link {
   padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + var(--kendo-padding-x-lg, 0.75rem) * 2);
 }
-.k-panelbar .k-group > .k-item.k-level-2 .k-panelbar-item-icon:first-child,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-2 .k-panelbar-item-icon:first-child {
   inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var(--kendo-padding-x-lg, 0.75rem)*2);
 }
-.k-panelbar .k-group > .k-item.k-level-3 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-link {
   padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + var(--kendo-padding-x-lg, 0.75rem) * 3);
 }
-.k-panelbar .k-group > .k-item.k-level-3 .k-panelbar-item-icon:first-child,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-3 .k-panelbar-item-icon:first-child {
   inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var(--kendo-padding-x-lg, 0.75rem)*3);
 }
-.k-panelbar .k-group > .k-item.k-level-4 .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-link {
   padding-inline-start: calc(var(--kendo-panelbar-item-padding-x-start, calc(var(--kendo-panelbar-icon-spacing, 0.5rem) * 2 + var(--kendo-icon-size, 1rem))) + var(--kendo-padding-x-lg, 0.75rem) * 4);
 }
-.k-panelbar .k-group > .k-item.k-level-4 .k-panelbar-item-icon:first-child,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-level-4 .k-panelbar-item-icon:first-child {
   inset-inline-start: calc(var(--kendo-panelbar-icon-spacing, 0.5rem) + var(--kendo-padding-x-lg, 0.75rem)*4);
 }
@@ -40173,26 +39873,21 @@ kendo-card-footer {
   color: var(--kendo-panelbar-text, var(--kendo-component-text, initial));
   background-color: var(--kendo-panelbar-bg, var(--kendo-component-bg, initial));
 }
-.k-panelbar > .k-item.k-expanded.k-level-0 > .k-link,
 .k-panelbar > .k-panelbar-header.k-expanded.k-level-0 > .k-link {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-expanded-text, inherit );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-expanded-bg, inherit );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-expanded-bg, inherit );
 }
-.k-panelbar > .k-item.k-expanded.k-level-0 > .k-link:hover, .k-panelbar > .k-item.k-expanded.k-level-0 > .k-link.k-hover,
-.k-panelbar > .k-panelbar-header.k-expanded.k-level-0 > .k-link:hover,
-.k-panelbar > .k-panelbar-header.k-expanded.k-level-0 > .k-link.k-hover {
+.k-panelbar > .k-panelbar-header.k-expanded.k-level-0 > .k-link:hover, .k-panelbar > .k-panelbar-header.k-expanded.k-level-0 > .k-link.k-hover {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hover-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hover-bg, var(--kendo-hover-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hover-border, inherit );
 }
-.k-panelbar > .k-item.k-expanded.k-level-0 > .k-link.k-selected,
 .k-panelbar > .k-panelbar-header.k-expanded.k-level-0 > .k-link.k-selected {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-text, #000000 );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-border, inherit );
 }
-.k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-text, var(--kendo-panelbar-text, var(--kendo-component-text, initial)) );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-bg, var(--kendo-panelbar-bg, var(--kendo-component-bg, initial)) );
@@ -40201,203 +39896,135 @@ kendo-card-footer {
   color: var(--INTERNAL--kendo-panelbar-header-text, inherit);
   background-color: var(--INTERNAL--kendo-panelbar-header-bg, inherit);
 }
-.k-panelbar > .k-item > .k-link .k-icon,
-.k-panelbar > .k-item > .k-link .k-panelbar-item-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
   color: var(--kendo-panelbar-text, var(--kendo-component-text, initial));
 }
-.k-panelbar > .k-item > .k-link:hover, .k-panelbar > .k-item > .k-link.k-hover,
-.k-panelbar > .k-panelbar-header > .k-link:hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-hover {
+.k-panelbar > .k-panelbar-header > .k-link:hover, .k-panelbar > .k-panelbar-header > .k-link.k-hover {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hover-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hover-bg, var(--kendo-hover-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hover-border, inherit );
 }
-.k-panelbar > .k-item > .k-link:focus, .k-panelbar > .k-item > .k-link.k-focus,
-.k-panelbar > .k-panelbar-header > .k-link:focus,
-.k-panelbar > .k-panelbar-header > .k-link.k-focus {
+.k-panelbar > .k-panelbar-header > .k-link:focus, .k-panelbar > .k-panelbar-header > .k-link.k-focus {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-focus-text, inherit );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-focus-bg, inherit );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-focus-border, inherit );
   box-shadow: var(--kendo-panelbar-header-focus-shadow, inset 0 0 0 1px var(--kendo-neutral-130, inherit));
 }
-.k-panelbar > .k-item > .k-link:focus:hover, .k-panelbar > .k-item > .k-link:focus.k-hover, .k-panelbar > .k-item > .k-link.k-focus:hover, .k-panelbar > .k-item > .k-link.k-focus.k-hover,
-.k-panelbar > .k-panelbar-header > .k-link:focus:hover,
-.k-panelbar > .k-panelbar-header > .k-link:focus.k-hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-focus:hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-focus.k-hover {
+.k-panelbar > .k-panelbar-header > .k-link:focus:hover, .k-panelbar > .k-panelbar-header > .k-link:focus.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-focus:hover, .k-panelbar > .k-panelbar-header > .k-link.k-focus.k-hover {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hover-focus-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hover-focus-bg, var(--kendo-hover-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hover-focus-border,  );
 }
-.k-panelbar > .k-item > .k-link.k-selected,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-text, #000000 );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-border, inherit );
 }
-.k-panelbar > .k-item > .k-link.k-selected .k-icon,
-.k-panelbar > .k-item > .k-link.k-selected .k-panelbar-item-icon,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-icon,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
   color: inherit;
 }
-.k-panelbar > .k-item > .k-link.k-selected::before,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected::before {
   background-color: var(--kendo-panelbar-selected-marker, var(--kendo-primary-100, inherit));
 }
-.k-panelbar > .k-item > .k-link.k-selected:hover, .k-panelbar > .k-item > .k-link.k-selected.k-hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
+.k-panelbar > .k-panelbar-header > .k-link.k-selected:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-hover {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-hover-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hover-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-hover-border, inherit );
 }
-.k-panelbar > .k-item > .k-link.k-selected:focus, .k-panelbar > .k-item > .k-link.k-selected.k-focus,
-.k-panelbar > .k-panelbar-header > .k-link.k-selected:focus,
-.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus {
+.k-panelbar > .k-panelbar-header > .k-link.k-selected:focus, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-focus-text, #000000 );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-focus-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-focus-border, inherit );
 }
-.k-panelbar > .k-item > .k-link.k-selected:focus:hover, .k-panelbar > .k-item > .k-link.k-selected:focus.k-hover, .k-panelbar > .k-item > .k-link.k-selected.k-focus:hover, .k-panelbar > .k-item > .k-link.k-selected.k-focus.k-hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-selected:focus:hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-selected:focus.k-hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus:hover,
-.k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus.k-hover {
+.k-panelbar > .k-panelbar-header > .k-link.k-selected:focus:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected:focus.k-hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus:hover, .k-panelbar > .k-panelbar-header > .k-link.k-selected.k-focus.k-hover {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-hover-focus-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hover-focus-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-hover-focus-border, inherit );
 }
-.k-panelbar > .k-item > .k-link:disabled, .k-panelbar > .k-item > .k-link.k-disabled,
-.k-panelbar > .k-panelbar-header > .k-link:disabled,
-.k-panelbar > .k-panelbar-header > .k-link.k-disabled {
+.k-panelbar > .k-panelbar-header > .k-link:disabled, .k-panelbar > .k-panelbar-header > .k-link.k-disabled {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-disabled-text, inherit );
 }
-.k-panelbar > .k-item > .k-link:disabled .k-icon,
-.k-panelbar > .k-item > .k-link:disabled .k-panelbar-item-icon, .k-panelbar > .k-item > .k-link.k-disabled .k-icon,
-.k-panelbar > .k-item > .k-link.k-disabled .k-panelbar-item-icon,
 .k-panelbar > .k-panelbar-header > .k-link:disabled .k-icon,
-.k-panelbar > .k-panelbar-header > .k-link:disabled .k-panelbar-item-icon,
-.k-panelbar > .k-panelbar-header > .k-link.k-disabled .k-icon,
+.k-panelbar > .k-panelbar-header > .k-link:disabled .k-panelbar-item-icon, .k-panelbar > .k-panelbar-header > .k-link.k-disabled .k-icon,
 .k-panelbar > .k-panelbar-header > .k-link.k-disabled .k-panelbar-item-icon {
   color: inherit;
 }
-.k-panelbar > .k-item:disabled, .k-panelbar > .k-item.k-disabled,
-.k-panelbar > .k-panelbar-header:disabled,
-.k-panelbar > .k-panelbar-header.k-disabled {
+.k-panelbar > .k-panelbar-header:disabled, .k-panelbar > .k-panelbar-header.k-disabled {
   background-color: transparent;
 }
-.k-panelbar > .k-item:disabled > .k-link, .k-panelbar > .k-item.k-disabled > .k-link,
-.k-panelbar > .k-panelbar-header:disabled > .k-link,
-.k-panelbar > .k-panelbar-header.k-disabled > .k-link {
+.k-panelbar > .k-panelbar-header:disabled > .k-link, .k-panelbar > .k-panelbar-header.k-disabled > .k-link {
   --INTERNAL--kendo-panelbar-header-text: var( --kendo-disabled-text, inherit );
 }
-.k-panelbar > .k-item:disabled .k-icon,
-.k-panelbar > .k-item:disabled .k-panelbar-item-icon, .k-panelbar > .k-item.k-disabled .k-icon,
-.k-panelbar > .k-item.k-disabled .k-panelbar-item-icon,
 .k-panelbar > .k-panelbar-header:disabled .k-icon,
-.k-panelbar > .k-panelbar-header:disabled .k-panelbar-item-icon,
-.k-panelbar > .k-panelbar-header.k-disabled .k-icon,
+.k-panelbar > .k-panelbar-header:disabled .k-panelbar-item-icon, .k-panelbar > .k-panelbar-header.k-disabled .k-icon,
 .k-panelbar > .k-panelbar-header.k-disabled .k-panelbar-item-icon {
   color: inherit;
 }
-.k-panelbar .k-group > .k-item > .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
   border-color: var(--INTERNAL--kendo-panelbar-item-border, inherit);
   color: var(--INTERNAL--kendo-panelbar-item-text, inherit);
   background-color: var(--INTERNAL--kendo-panelbar-item-bg, inherit);
 }
-.k-panelbar .k-group > .k-item > .k-link .k-icon,
-.k-panelbar .k-group > .k-item > .k-link .k-panelbar-item-icon,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link .k-icon,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link .k-panelbar-item-icon {
   color: var(--kendo-panelbar-text, var(--kendo-component-text, initial));
 }
-.k-panelbar .k-group > .k-item > .k-link:hover, .k-panelbar .k-group > .k-item > .k-link.k-hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-hover {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-hover-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-hover-bg, var(--kendo-hover-bg, inherit) );
   --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-hover-border, inherit );
 }
-.k-panelbar .k-group > .k-item > .k-link:focus, .k-panelbar .k-group > .k-item > .k-link.k-focus,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-focus-text, inherit );
   --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-focus-bg, inherit );
   --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-focus-border, inherit );
   box-shadow: var(--kendo-panelbar-item-focus-shadow, inset 0 0 0 1px var(--kendo-neutral-130, inherit));
 }
-.k-panelbar .k-group > .k-item > .k-link:focus:hover, .k-panelbar .k-group > .k-item > .k-link:focus.k-hover, .k-panelbar .k-group > .k-item > .k-link.k-focus:hover, .k-panelbar .k-group > .k-item > .k-link.k-focus.k-hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus.k-hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus.k-hover {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link:focus.k-hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-focus.k-hover {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-hover-focus-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-hover-focus-bg, var(--kendo-hover-bg, inherit) );
   --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-hover-focus-border, inherit );
 }
-.k-panelbar .k-group > .k-item > .k-link.k-selected,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-text, #000000 );
   --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-border, inherit );
 }
-.k-panelbar .k-group > .k-item > .k-link.k-selected::before,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected::before {
   background-color: var(--kendo-panelbar-selected-marker, var(--kendo-primary-100, inherit));
 }
-.k-panelbar .k-group > .k-item > .k-link.k-selected:hover, .k-panelbar .k-group > .k-item > .k-link.k-selected.k-hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-hover {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-hover-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-hover-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-hover-border, inherit );
 }
-.k-panelbar .k-group > .k-item > .k-link.k-selected:focus, .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-focus-text, #000000 );
   --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-focus-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-focus-border, inherit );
 }
-.k-panelbar .k-group > .k-item > .k-link.k-selected:focus:hover, .k-panelbar .k-group > .k-item > .k-link.k-selected:focus.k-hover, .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus:hover, .k-panelbar .k-group > .k-item > .k-link.k-selected.k-focus.k-hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus.k-hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus:hover,
-.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
+.k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected:focus.k-hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus:hover, .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-selected.k-focus.k-hover {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-hover-focus-text, var(--kendo-primary-110, inherit) );
   --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-hover-focus-bg, var(--kendo-selected-bg, inherit) );
   --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-hover-focus-border, inherit );
 }
-.k-panelbar .k-group > .k-item > .k-link.k-disabled,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-disabled {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-disabled-text, inherit );
 }
-.k-panelbar .k-group > .k-item > .k-link.k-disabled .k-icon,
-.k-panelbar .k-group > .k-item > .k-link.k-disabled .k-panelbar-item-icon,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-disabled .k-icon,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link.k-disabled .k-panelbar-item-icon {
   color: inherit;
 }
-.k-panelbar .k-group > .k-item:disabled, .k-panelbar .k-group > .k-item.k-disabled,
-.k-panelbar .k-panelbar-group > .k-panelbar-item:disabled,
-.k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled {
+.k-panelbar .k-panelbar-group > .k-panelbar-item:disabled, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled {
   background-color: transparent;
 }
-.k-panelbar .k-group > .k-item:disabled > .k-link, .k-panelbar .k-group > .k-item.k-disabled > .k-link,
-.k-panelbar .k-panelbar-group > .k-panelbar-item:disabled > .k-link,
-.k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled > .k-link {
+.k-panelbar .k-panelbar-group > .k-panelbar-item:disabled > .k-link, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled > .k-link {
   --INTERNAL--kendo-panelbar-item-text: var( --kendo-disabled-text, inherit );
 }
-.k-panelbar .k-group > .k-item:disabled .k-icon,
-.k-panelbar .k-group > .k-item:disabled .k-panelbar-item-icon, .k-panelbar .k-group > .k-item.k-disabled .k-icon,
-.k-panelbar .k-group > .k-item.k-disabled .k-panelbar-item-icon,
 .k-panelbar .k-panelbar-group > .k-panelbar-item:disabled .k-icon,
-.k-panelbar .k-panelbar-group > .k-panelbar-item:disabled .k-panelbar-item-icon,
-.k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled .k-icon,
+.k-panelbar .k-panelbar-group > .k-panelbar-item:disabled .k-panelbar-item-icon, .k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled .k-icon,
 .k-panelbar .k-panelbar-group > .k-panelbar-item.k-disabled .k-panelbar-item-icon {
   color: inherit;
 }