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

package/dist/all.css

@@ -28302,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;
 }
@@ -28620,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));
@@ -28635,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));
@@ -28656,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);
 }
@@ -28672,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)));
 }
 
@@ -32935,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;
@@ -32948,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;
@@ -32958,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;
@@ -32971,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;
@@ -32989,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);
@@ -33431,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;
@@ -36954,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;
 }
 
@@ -36996,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 {
@@ -37013,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;
@@ -37120,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));
@@ -39795,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);
@@ -39822,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;
@@ -39834,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);
 }
@@ -39842,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;
@@ -39852,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);
@@ -39875,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;
@@ -39887,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);
 }
@@ -39933,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)) );
@@ -39961,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;
 }