@progress/kendo-theme-fluent 6.1.1-dev.4 → 6.1.1-dev.53

package/dist/all.css

@@ -1981,28 +1981,68 @@ hr.k-separator {
   align-content: stretch !important;
 }
 
+.k-align-content-center {
+  align-content: center;
+}
+
+.\!k-align-content-center {
+  align-content: center !important;
+}
+
 .k-align-content-start {
-  align-content: flex-start;
+  align-content: start;
 }
 
 .\!k-align-content-start {
-  align-content: flex-start !important;
+  align-content: start !important;
 }
 
 .k-align-content-end {
-  align-content: flex-end;
+  align-content: end;
 }
 
 .\!k-align-content-end {
+  align-content: end !important;
+}
+
+.k-align-content-flex-start {
+  align-content: flex-start;
+}
+
+.\!k-align-content-flex-start {
+  align-content: flex-start !important;
+}
+
+.k-align-content-flex-end {
+  align-content: flex-end;
+}
+
+.\!k-align-content-flex-end {
   align-content: flex-end !important;
 }
 
-.k-align-content-center {
-  align-content: center;
+.k-align-content-baseline {
+  align-content: baseline;
 }
 
-.\!k-align-content-center {
-  align-content: center !important;
+.\!k-align-content-baseline {
+  align-content: baseline !important;
+}
+
+.k-align-content-first-baseline {
+  align-content: first baseline;
+}
+
+.\!k-align-content-first-baseline {
+  align-content: first baseline !important;
+}
+
+.k-align-content-last-baseline {
+  align-content: last baseline;
+}
+
+.\!k-align-content-last-baseline {
+  align-content: last baseline !important;
 }
 
 .k-align-content-between {
@@ -2037,36 +2077,92 @@ hr.k-separator {
   align-items: normal !important;
 }
 
+.k-align-items-stretch {
+  align-items: stretch;
+}
+
+.\!k-align-items-stretch {
+  align-items: stretch !important;
+}
+
+.k-align-items-center {
+  align-items: center;
+}
+
+.\!k-align-items-center {
+  align-items: center !important;
+}
+
 .k-align-items-start {
-  align-items: flex-start;
+  align-items: start;
 }
 
 .\!k-align-items-start {
-  align-items: flex-start !important;
+  align-items: start !important;
 }
 
 .k-align-items-end {
-  align-items: flex-end;
+  align-items: end;
 }
 
 .\!k-align-items-end {
+  align-items: end !important;
+}
+
+.k-align-items-flex-start {
+  align-items: flex-start;
+}
+
+.\!k-align-items-flex-start {
+  align-items: flex-start !important;
+}
+
+.k-align-items-flex-end {
+  align-items: flex-end;
+}
+
+.\!k-align-items-flex-end {
   align-items: flex-end !important;
 }
 
-.k-align-items-center {
-  align-items: center;
+.k-align-items-baseline {
+  align-items: baseline;
 }
 
-.\!k-align-items-center {
-  align-items: center !important;
+.\!k-align-items-baseline {
+  align-items: baseline !important;
 }
 
-.k-align-items-stretch {
-  align-items: stretch;
+.k-align-items-first-baseline {
+  align-items: first baseline;
 }
 
-.\!k-align-items-stretch {
-  align-items: stretch !important;
+.\!k-align-items-first-baseline {
+  align-items: first baseline !important;
+}
+
+.k-align-items-last-baseline {
+  align-items: last baseline;
+}
+
+.\!k-align-items-last-baseline {
+  align-items: last baseline !important;
+}
+
+.k-align-items-self-start {
+  align-items: self-start;
+}
+
+.\!k-align-items-self-start {
+  align-items: self-start !important;
+}
+
+.k-align-items-self-end {
+  align-items: self-end;
+}
+
+.\!k-align-items-self-end {
+  align-items: self-end !important;
 }
 
 .k-align-self-auto {
@@ -2093,28 +2189,84 @@ hr.k-separator {
   align-self: stretch !important;
 }
 
+.k-align-self-center {
+  align-self: center;
+}
+
+.\!k-align-self-center {
+  align-self: center !important;
+}
+
 .k-align-self-start {
-  align-self: flex-start;
+  align-self: start;
 }
 
 .\!k-align-self-start {
-  align-self: flex-start !important;
+  align-self: start !important;
 }
 
 .k-align-self-end {
-  align-self: flex-end;
+  align-self: end;
 }
 
 .\!k-align-self-end {
+  align-self: end !important;
+}
+
+.k-align-self-flex-start {
+  align-self: flex-start;
+}
+
+.\!k-align-self-flex-start {
+  align-self: flex-start !important;
+}
+
+.k-align-self-flex-end {
+  align-self: flex-end;
+}
+
+.\!k-align-self-flex-end {
   align-self: flex-end !important;
 }
 
-.k-align-self-center {
-  align-self: center;
+.k-align-self-baseline {
+  align-self: baseline;
 }
 
-.\!k-align-self-center {
-  align-self: center !important;
+.\!k-align-self-baseline {
+  align-self: baseline !important;
+}
+
+.k-align-self-first-baseline {
+  align-self: first baseline;
+}
+
+.\!k-align-self-first-baseline {
+  align-self: first baseline !important;
+}
+
+.k-align-self-last-baseline {
+  align-self: last baseline;
+}
+
+.\!k-align-self-last-baseline {
+  align-self: last baseline !important;
+}
+
+.k-align-self-self-start {
+  align-self: self-start;
+}
+
+.\!k-align-self-self-start {
+  align-self: self-start !important;
+}
+
+.k-align-self-self-end {
+  align-self: self-end;
+}
+
+.\!k-align-self-self-end {
+  align-self: self-end !important;
 }
 
 .k-basis-0 {
@@ -5509,28 +5661,92 @@ hr.k-separator {
   justify-content: normal !important;
 }
 
+.k-justify-content-stretch {
+  justify-content: stretch;
+}
+
+.\!k-justify-content-stretch {
+  justify-content: stretch !important;
+}
+
+.k-justify-content-center {
+  justify-content: center;
+}
+
+.\!k-justify-content-center {
+  justify-content: center !important;
+}
+
 .k-justify-content-start {
-  justify-content: flex-start;
+  justify-content: start;
 }
 
 .\!k-justify-content-start {
-  justify-content: flex-start !important;
+  justify-content: start !important;
 }
 
 .k-justify-content-end {
-  justify-content: flex-end;
+  justify-content: end;
 }
 
 .\!k-justify-content-end {
+  justify-content: end !important;
+}
+
+.k-justify-content-flex-start {
+  justify-content: flex-start;
+}
+
+.\!k-justify-content-flex-start {
+  justify-content: flex-start !important;
+}
+
+.k-justify-content-flex-end {
+  justify-content: flex-end;
+}
+
+.\!k-justify-content-flex-end {
   justify-content: flex-end !important;
 }
 
-.k-justify-content-center {
-  justify-content: center;
+.k-justify-content-left {
+  justify-content: left;
 }
 
-.\!k-justify-content-center {
-  justify-content: center !important;
+.\!k-justify-content-left {
+  justify-content: left !important;
+}
+
+.k-justify-content-right {
+  justify-content: right;
+}
+
+.\!k-justify-content-right {
+  justify-content: right !important;
+}
+
+.k-justify-content-baseline {
+  justify-content: baseline;
+}
+
+.\!k-justify-content-baseline {
+  justify-content: baseline !important;
+}
+
+.k-justify-content-first-baseline {
+  justify-content: first baseline;
+}
+
+.\!k-justify-content-first-baseline {
+  justify-content: first baseline !important;
+}
+
+.k-justify-content-last-baseline {
+  justify-content: last baseline;
+}
+
+.\!k-justify-content-last-baseline {
+  justify-content: last baseline !important;
 }
 
 .k-justify-content-between {
@@ -5557,14 +5773,6 @@ hr.k-separator {
   justify-content: space-evenly !important;
 }
 
-.k-justify-content-stretch {
-  justify-content: stretch;
-}
-
-.\!k-justify-content-stretch {
-  justify-content: stretch !important;
-}
-
 .k-justify-content-stretch > * {
   flex: 1 0 0%;
 }
@@ -5581,36 +5789,108 @@ hr.k-separator {
   justify-items: normal !important;
 }
 
+.k-justify-items-stretch {
+  justify-items: stretch;
+}
+
+.\!k-justify-items-stretch {
+  justify-items: stretch !important;
+}
+
+.k-justify-items-center {
+  justify-items: center;
+}
+
+.\!k-justify-items-center {
+  justify-items: center !important;
+}
+
 .k-justify-items-start {
-  justify-items: flex-start;
+  justify-items: start;
 }
 
 .\!k-justify-items-start {
-  justify-items: flex-start !important;
+  justify-items: start !important;
 }
 
 .k-justify-items-end {
-  justify-items: flex-end;
+  justify-items: end;
 }
 
 .\!k-justify-items-end {
+  justify-items: end !important;
+}
+
+.k-justify-items-flex-start {
+  justify-items: flex-start;
+}
+
+.\!k-justify-items-flex-start {
+  justify-items: flex-start !important;
+}
+
+.k-justify-items-flex-end {
+  justify-items: flex-end;
+}
+
+.\!k-justify-items-flex-end {
   justify-items: flex-end !important;
 }
 
-.k-justify-items-center {
-  justify-items: center;
+.k-justify-items-self-start {
+  justify-items: self-start;
 }
 
-.\!k-justify-items-center {
-  justify-items: center !important;
+.\!k-justify-items-self-start {
+  justify-items: self-start !important;
 }
 
-.k-justify-items-stretch {
-  justify-items: stretch;
+.k-justify-items-self-end {
+  justify-items: self-end;
 }
 
-.\!k-justify-items-stretch {
-  justify-items: stretch !important;
+.\!k-justify-items-self-end {
+  justify-items: self-end !important;
+}
+
+.k-justify-items-left {
+  justify-items: left;
+}
+
+.\!k-justify-items-left {
+  justify-items: left !important;
+}
+
+.k-justify-items-right {
+  justify-items: right;
+}
+
+.\!k-justify-items-right {
+  justify-items: right !important;
+}
+
+.k-justify-items-baseline {
+  justify-items: baseline;
+}
+
+.\!k-justify-items-baseline {
+  justify-items: baseline !important;
+}
+
+.k-justify-items-first-baseline {
+  justify-items: first baseline;
+}
+
+.\!k-justify-items-first-baseline {
+  justify-items: first baseline !important;
+}
+
+.k-justify-items-last-baseline {
+  justify-items: last baseline;
+}
+
+.\!k-justify-items-last-baseline {
+  justify-items: last baseline !important;
 }
 
 .k-justify-self-auto {
@@ -5629,36 +5909,92 @@ hr.k-separator {
   justify-self: normal !important;
 }
 
+.k-justify-self-stretch {
+  justify-self: stretch;
+}
+
+.\!k-justify-self-stretch {
+  justify-self: stretch !important;
+}
+
+.k-justify-self-center {
+  justify-self: center;
+}
+
+.\!k-justify-self-center {
+  justify-self: center !important;
+}
+
 .k-justify-self-start {
-  justify-self: flex-start;
+  justify-self: start;
 }
 
 .\!k-justify-self-start {
-  justify-self: flex-start !important;
+  justify-self: start !important;
 }
 
 .k-justify-self-end {
-  justify-self: flex-end;
+  justify-self: end;
 }
 
 .\!k-justify-self-end {
+  justify-self: end !important;
+}
+
+.k-justify-self-flex-start {
+  justify-self: flex-start;
+}
+
+.\!k-justify-self-flex-start {
+  justify-self: flex-start !important;
+}
+
+.k-justify-self-flex-end {
+  justify-self: flex-end;
+}
+
+.\!k-justify-self-flex-end {
   justify-self: flex-end !important;
 }
 
-.k-justify-self-center {
-  justify-self: center;
+.k-justify-self-self-start {
+  justify-self: self-start;
 }
 
-.\!k-justify-self-center {
-  justify-self: center !important;
+.\!k-justify-self-self-start {
+  justify-self: self-start !important;
 }
 
-.k-justify-self-stretch {
-  justify-self: stretch;
+.k-justify-self-self-end {
+  justify-self: self-end;
 }
 
-.\!k-justify-self-stretch {
-  justify-self: stretch !important;
+.\!k-justify-self-self-end {
+  justify-self: self-end !important;
+}
+
+.k-justify-self-baseline {
+  justify-self: baseline;
+}
+
+.\!k-justify-self-baseline {
+  justify-self: baseline !important;
+}
+
+.k-justify-self-first-baseline {
+  justify-self: first baseline;
+}
+
+.\!k-justify-self-first-baseline {
+  justify-self: first baseline !important;
+}
+
+.k-justify-self-last-baseline {
+  justify-self: last baseline;
+}
+
+.\!k-justify-self-last-baseline {
+  justify-self: last baseline !important;
 }
 
 .k-order-1 {
@@ -5789,28 +6125,60 @@ hr.k-separator {
   place-content: normal !important;
 }
 
+.k-place-content-stretch {
+  place-content: stretch;
+}
+
+.\!k-place-content-stretch {
+  place-content: stretch !important;
+}
+
+.k-place-content-center {
+  place-content: center;
+}
+
+.\!k-place-content-center {
+  place-content: center !important;
+}
+
 .k-place-content-start {
-  place-content: flex-start;
+  place-content: start;
 }
 
 .\!k-place-content-start {
-  place-content: flex-start !important;
+  place-content: start !important;
 }
 
 .k-place-content-end {
-  place-content: flex-end;
+  place-content: end;
 }
 
 .\!k-place-content-end {
+  place-content: end !important;
+}
+
+.k-place-content-flex-start {
+  place-content: flex-start;
+}
+
+.\!k-place-content-flex-start {
+  place-content: flex-start !important;
+}
+
+.k-place-content-flex-end {
+  place-content: flex-end;
+}
+
+.\!k-place-content-flex-end {
   place-content: flex-end !important;
 }
 
-.k-place-content-center {
-  place-content: center;
+.k-place-content-baseline {
+  place-content: baseline;
 }
 
-.\!k-place-content-center {
-  place-content: center !important;
+.\!k-place-content-baseline {
+  place-content: baseline !important;
 }
 
 .k-place-content-between {
@@ -5837,14 +6205,6 @@ hr.k-separator {
   place-content: space-evenly !important;
 }
 
-.k-place-content-stretch {
-  place-content: stretch;
-}
-
-.\!k-place-content-stretch {
-  place-content: stretch !important;
-}
-
 .k-place-items-normal {
   place-items: normal;
 }
@@ -5853,36 +6213,76 @@ hr.k-separator {
   place-items: normal !important;
 }
 
+.k-place-items-stretch {
+  place-items: stretch;
+}
+
+.\!k-place-items-stretch {
+  place-items: stretch !important;
+}
+
+.k-place-items-center {
+  place-items: center;
+}
+
+.\!k-place-items-center {
+  place-items: center !important;
+}
+
 .k-place-items-start {
-  place-items: flex-start;
+  place-items: start;
 }
 
 .\!k-place-items-start {
-  place-items: flex-start !important;
+  place-items: start !important;
 }
 
 .k-place-items-end {
-  place-items: flex-end;
+  place-items: end;
 }
 
 .\!k-place-items-end {
+  place-items: end !important;
+}
+
+.k-place-items-flex-start {
+  place-items: flex-start;
+}
+
+.\!k-place-items-flex-start {
+  place-items: flex-start !important;
+}
+
+.k-place-items-flex-end {
+  place-items: flex-end;
+}
+
+.\!k-place-items-flex-end {
   place-items: flex-end !important;
 }
 
-.k-place-items-center {
-  place-items: center;
+.k-place-items-self-start {
+  place-items: flex-start;
 }
 
-.\!k-place-items-center {
-  place-items: center !important;
+.\!k-place-items-self-start {
+  place-items: flex-start !important;
 }
 
-.k-place-items-stretch {
-  place-items: stretch;
+.k-place-items-self-end {
+  place-items: flex-end;
 }
 
-.\!k-place-items-stretch {
-  place-items: stretch !important;
+.\!k-place-items-self-end {
+  place-items: flex-end !important;
+}
+
+.k-place-items-baseline {
+  place-items: baseline;
+}
+
+.\!k-place-items-baseline {
+  place-items: baseline !important;
 }
 
 .k-place-self-auto {
@@ -5901,6 +6301,22 @@ hr.k-separator {
   place-self: normal !important;
 }
 
+.k-place-self-stretch {
+  place-self: stretch;
+}
+
+.\!k-place-self-stretch {
+  place-self: stretch !important;
+}
+
+.k-place-self-center {
+  place-self: center;
+}
+
+.\!k-place-self-center {
+  place-self: center !important;
+}
+
 .k-place-self-start {
   place-self: flex-start;
 }
@@ -5917,20 +6333,44 @@ hr.k-separator {
   place-self: flex-end !important;
 }
 
-.k-place-self-center {
-  place-self: center;
+.k-place-self-flex-start {
+  place-self: flex-start;
 }
 
-.\!k-place-self-center {
-  place-self: center !important;
+.\!k-place-self-flex-start {
+  place-self: flex-start !important;
 }
 
-.k-place-self-stretch {
-  place-self: stretch;
+.k-place-self-flex-end {
+  place-self: flex-end;
 }
 
-.\!k-place-self-stretch {
-  place-self: stretch !important;
+.\!k-place-self-flex-end {
+  place-self: flex-end !important;
+}
+
+.k-place-self-self-start {
+  place-self: flex-start;
+}
+
+.\!k-place-self-self-start {
+  place-self: flex-start !important;
+}
+
+.k-place-self-self-end {
+  place-self: flex-end;
+}
+
+.\!k-place-self-self-end {
+  place-self: flex-end !important;
+}
+
+.k-place-self-baseline {
+  place-self: baseline;
+}
+
+.\!k-place-self-baseline {
+  place-self: baseline !important;
 }
 
 .k-m-0 {
@@ -11801,12 +12241,6 @@ hr.k-separator {
   max-width: fit-content !important;
 }
 
-.k-text-ellipsis {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .k-font-size-xs {
   font-size: 10px;
 }
@@ -12159,6 +12593,34 @@ hr.k-separator {
   color: white !important;
 }
 
+.k-text-clip {
+  text-overflow: clip;
+}
+
+.\!k-text-clip {
+  text-overflow: clip !important;
+}
+
+.k-text-ellipsis {
+  text-overflow: ellipsis;
+}
+
+.\!k-text-ellipsis {
+  text-overflow: ellipsis !important;
+}
+
+.k-text-truncate, .k-text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.\!k-text-truncate, .\!k-text-ellipsis {
+  white-space: nowrap !important;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+}
+
 .k-text-uppercase {
   text-transform: uppercase;
 }
@@ -20675,7 +21137,7 @@ hr.k-separator {
   margin: var(--kendo-h4-margin, 0 0 var(--kendo-font-size, inherit));
 }
 
-.k-h5, .k-card-header, .k-card-title, .k-popover-header {
+.k-h5 {
   font-size: var(--kendo-h5-font-size, 18px);
   font-family: var(--kendo-h5-font-family, var(--kendo-font-family, inherit));
   line-height: var(--kendo-h5-line-height, var(--kendo-line-height, normal));
@@ -20684,7 +21146,7 @@ hr.k-separator {
   margin: var(--kendo-h5-margin, 0 0 var(--kendo-font-size, inherit));
 }
 
-.k-h6, .k-card-subtitle {
+.k-h6 {
   font-size: var(--kendo-h6-font-size, 16px);
   font-family: var(--kendo-h6-font-family, var(--kendo-font-family, inherit));
   line-height: var(--kendo-h6-line-height, var(--kendo-line-height, normal));
@@ -25034,10 +25496,10 @@ hr.k-separator {
 
 .k-rtl .k-i-indent-increase,
 .k-rtl .k-i-indent-decrease,
-.k-rtl .k-i-expand,
-.k-rtl .k-i-collapse,
-[dir=rtl] .k-i-expand,
-[dir=rtl] .k-i-collapse {
+.k-rtl .k-i-caret-alt-right,
+.k-rtl .k-i-caret-alt-down,
+[dir=rtl] .k-i-caret-alt-right,
+[dir=rtl] .k-i-caret-alt-down {
   transform: scaleX(-1);
 }
 
@@ -26656,6 +27118,9 @@ kendo-badge-container {
 .k-chip .k-selected-icon-wrapper {
   display: none !important;
 }
+.k-chip .k-icon-wrapper-host {
+  display: initial;
+}
 .k-chip:hover, .k-chip:focus {
   outline: 0;
   text-decoration: none;
@@ -26671,8 +27136,10 @@ kendo-badge-container {
 }
 
 .k-chip-content {
-  padding: 0.5em 0;
-  margin: -0.5em 0;
+  padding-block: 0.5em;
+  padding-inline: 0;
+  margin-block: -0.5em;
+  margin-inline: 0;
   min-width: 0;
   display: flex;
   flex-flow: row nowrap;
@@ -26716,7 +27183,8 @@ kendo-badge-container {
 }
 
 .k-chip-actions {
-  margin: -5em 0;
+  margin-block: -5em;
+  margin-inline: 0;
   flex: none;
   display: flex;
   flex-flow: row nowrap;
@@ -27868,7 +28336,7 @@ kendo-label > .k-label {
 }
 .k-form-inline legend {
   font-size: var(--kendo-font-size-sm, 12px);
-  text-align: left;
+  text-align: start;
   font-weight: 600;
   line-height: 1;
   margin-block-end: calc(var(--kendo-padding-y-lg, 0.375rem)*2);
@@ -27879,12 +28347,12 @@ kendo-label > .k-label {
 .k-form-inline .k-form-field {
   display: flex;
   align-items: flex-start;
-  text-align: left;
+  text-align: start;
   margin-block-end: calc(var(--kendo-padding-y-lg, 0.375rem)*2);
 }
 .k-form-inline .k-form-field > span:not(.k-widget) {
   width: var(--kendo-inline-form-element-width, 25%);
-  text-align: right;
+  text-align: end;
   line-height: var(--kendo-line-height, 1.4285714286);
   padding-block: calc(0.25rem + 1px);
   padding-inline-end: var(--kendo-padding-x-lg, 0.75rem);
@@ -27933,7 +28401,7 @@ kendo-label > .k-label {
   padding-block: calc(0.375rem + 1px);
   width: 30%;
   line-height: var(--kendo-form-line-height, var(--kendo-line-height, normal));
-  text-align: right;
+  text-align: end;
   float: left;
   clear: both;
 }
@@ -28032,7 +28500,7 @@ kendo-label > .k-label {
   box-sizing: border-box;
 }
 .k-floating-label-container > .k-label {
-  max-width: 90%;
+  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));
   line-height: var(--kendo-floating-label-line-height, var(--kendo-line-height, normal));
@@ -30423,7 +30891,8 @@ textarea.k-input-inner {
 }
 .k-input-spinner .k-spinner-increase .k-button-icon,
 .k-input-spinner .k-spinner-decrease .k-button-icon {
-  margin: -1em 0;
+  margin-block: -1em;
+  margin-inline: 0;
   min-width: auto !important;
   min-height: auto !important;
 }
@@ -31323,7 +31792,7 @@ textarea.k-input-inner {
 
 .k-circular-progressbar {
   display: inline-block;
-  text-align: left;
+  text-align: start;
   position: relative;
 }
 
@@ -31957,11 +32426,11 @@ textarea.k-input-inner {
   bottom: calc(var(--kendo-slider-end, 0)*1%);
 }
 .k-vertical-slider .k-tick, .k-slider-vertical .k-tick {
-  text-align: right;
+  text-align: end;
   margin-left: 2px;
 }
 .k-vertical-slider .k-slider-topleft .k-tick, .k-slider-vertical .k-slider-topleft .k-tick {
-  text-align: left;
+  text-align: start;
 }
 .k-vertical-slider .k-tick, .k-slider-vertical .k-tick {
   background-position: -94px center;
@@ -32018,7 +32487,7 @@ textarea.k-input-inner {
   background-position: -64px 0;
 }
 .k-vertical-slider .k-label, .k-slider-vertical .k-label {
-  text-align: left;
+  text-align: start;
   inset-inline-start: 120%;
   inset-inline-end: auto;
   top: 50%;
@@ -32193,7 +32662,8 @@ textarea.k-input-inner {
 }
 
 .k-calendar-table {
-  margin: 0 auto;
+  margin-block: 0;
+  margin-inline: auto;
   border-width: 0;
   border-color: inherit;
   border-spacing: 0;
@@ -32374,7 +32844,7 @@ textarea.k-input-inner {
 }
 .k-century-calendar .k-link,
 .k-calendar-centuryview .k-link {
-  text-align: left;
+  text-align: start;
 }
 
 .k-popup .k-calendar {
@@ -34264,7 +34734,6 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
   align-items: center;
   justify-content: center;
   position: relative;
-  cursor: pointer;
 }
 .k-dropzone-inner .k-icon,
 .k-dropzone-inner .k-dropzone-icon {
@@ -35613,8 +36082,10 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
 }
 
 .k-window-title {
-  padding: 0.5em 0;
-  margin: -0.5em 0;
+  padding-block: 0.5em;
+  padding-inline: 0;
+  margin-block: -0.5em;
+  margin-inline: 0;
   font-size: var(--kendo-window-title-font-size, var(--kendo-font-size-xl, inherit));
   line-height: var(--kendo-window-title-line-height, var(--kendo-line-height, normal));
   font-weight: var(--kendo-window-title-font-weight, var(--kendo-font-weight-bold, bold));
@@ -35630,7 +36101,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
 }
 
 .k-window-titlebar-actions {
-  margin: -5em 0;
+  margin-block: -5em;
+  margin-inline: 0;
   margin-inline-end: -0.25rem;
   line-height: 1;
   display: flex;
@@ -37588,7 +38060,7 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-pager-info {
-  text-align: right;
+  text-align: end;
   justify-content: flex-end;
   flex: 1 1 0%;
   order: 9;
@@ -37979,6 +38451,7 @@ kendo-drawer .k-drawer-wrapper {
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
+
 .k-tabstrip-wrapper > .k-tabstrip {
   flex: 1 1 auto;
 }
@@ -38034,7 +38507,6 @@ kendo-drawer .k-drawer-wrapper {
   align-content: center;
   align-items: center;
 }
-
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
   margin: 0 !important;
@@ -38079,6 +38551,8 @@ kendo-drawer .k-drawer-wrapper {
   overflow: hidden;
 }
 .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
+  padding-block: var(--kendo-tabstrip-scrollable-button-padding-y, 0.25rem);
+  padding-inline: var(--kendo-tabstrip-scrollable-button-padding-x, 0.25rem);
   width: auto;
   height: auto;
   flex: none;
@@ -38089,11 +38563,13 @@ kendo-drawer .k-drawer-wrapper {
   min-width: auto;
   min-height: auto;
 }
-.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button {
-  padding-inline: var(--kendo-tabstrip-scrollable-button-padding-x, 0.25rem);
+
+.k-tabstrip-horizontal, .k-tabstrip-bottom > .k-tabstrip-items-wrapper, .k-tabstrip-top > .k-tabstrip-items-wrapper {
+  flex-direction: row;
 }
-.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button {
-  padding-block: var(--kendo-tabstrip-scrollable-button-padding-y, 0.25rem);
+
+.k-tabstrip-vertical, .k-tabstrip-right > .k-tabstrip-items-wrapper, .k-tabstrip-left > .k-tabstrip-items-wrapper {
+  flex-direction: column;
 }
 
 .k-tabstrip-top > .k-tabstrip-items-wrapper {
@@ -38172,27 +38648,31 @@ kendo-drawer .k-drawer-wrapper {
   pointer-events: none;
   transition: opacity 0.3s, transform 0.3s;
 }
+.k-tabstrip-items-wrapper .k-item:active::after,
+.k-tabstrip-items-wrapper .k-item.k-active::after,
+.k-tabstrip-items-wrapper .k-item.k-selected::after {
+  opacity: 1;
+  transform: scaleY(1);
+}
+.k-tabstrip-items-wrapper .k-item > .k-link {
+  z-index: 1;
+}
+
 .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item::after {
   border-bottom-width: var(--kendo-tabstrip-indicator-size, 0.125rem);
 }
+
 .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item::after {
   border-top-width: var(--kendo-tabstrip-indicator-size, 0.125rem);
 }
+
 .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item::after {
   border-right-width: var(--kendo-tabstrip-indicator-size, 0.125rem);
 }
+
 .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item::after {
   border-left-width: var(--kendo-tabstrip-indicator-size, 0.125rem);
 }
-.k-tabstrip-items-wrapper .k-item:active::after,
-.k-tabstrip-items-wrapper .k-item.k-active::after,
-.k-tabstrip-items-wrapper .k-item.k-selected::after {
-  opacity: 1;
-  transform: scaleY(1);
-}
-.k-tabstrip-items-wrapper .k-item > .k-link {
-  z-index: 1;
-}
 
 .k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging::after {
   display: none !important;
@@ -38624,11 +39104,17 @@ kendo-card-footer {
 }
 
 .k-card-title, .k-popover-header {
+  font-size: var(--kendo-card-title-font-size, var(--kendo-font-size-lg, inherit));
+  font-family: var(--kendo-card-title-font-family, var(--kendo-font-family, inherit));
+  line-height: var(--kendo-card-title-line-height, var(--kendo-line-height, normal));
   font-weight: var(--kendo-card-title-font-weight, var(--kendo-font-weight, initial));
-  margin-block-end: var(--kendo-card-title-margin-bottom, 0.75rem);
+  margin: 0 0 var(--kendo-card-title-margin-bottom, 0.75rem);
 }
 
 .k-card-subtitle {
+  font-size: var(--kendo-card-subtitle-font-size, var(--kendo-font-size-sm, inherit));
+  font-family: var(--kendo-card-subtitle-font-family, var(--kendo-font-family, inherit));
+  line-height: var(--kendo-card-subtitle-line-height, var(--kendo-line-height, normal));
   font-weight: var(--kendo-card-title-font-weight, var(--kendo-font-weight, initial));
   margin-block-end: var(--kendo-card-subtitle-margin-bottom, 0.75rem);
 }
@@ -38637,6 +39123,9 @@ kendo-card-footer {
 }
 
 .k-card-header {
+  font-size: var(--kendo-card-header-font-size, var(--kendo-font-size-lg, inherit));
+  font-family: var(--kendo-card-header-font-family, var(--kendo-font-family, inherit));
+  line-height: var(--kendo-card-header-line-height, var(--kendo-line-height, normal));
   font-weight: var(--kendo-card-title-font-weight, var(--kendo-font-weight, initial));
   margin: 0;
   padding-inline: var(--kendo-card-header-padding-x, 0.75rem);
@@ -40574,7 +41063,8 @@ div.k-grid-norecords {
 
 .k-grid-norecords-template {
   box-sizing: border-box;
-  margin: 0 auto;
+  margin-block: 0;
+  margin-inline: auto;
   width: 20em;
   height: 4em;
   border: 1px solid;
@@ -41644,7 +42134,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 
 .k-spreadsheet-cell-editor {
-  padding: 0 3px;
+  padding-block: 0;
+  padding-inline: 3px;
   line-height: var(--kendo-spreadsheet-line-height, var(--kendo-line-height, initial));
   display: none;
   overflow: hidden;
@@ -42493,7 +42984,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   font-size: var(--kendo-pivotgrid-font-size, var(--kendo-font-size, inherit));
   font-family: var(--kendo-pivotgrid-font-family, var(--kendo-font-family, inherit));
   line-height: var(--kendo-pivotgrid-line-height, var(--kendo-line-height, normal));
-  text-align: left;
+  text-align: start;
   vertical-align: top;
   display: grid;
   grid-template-columns: var(--kendo-pivotgrid-row-header-width, 300px) auto;
@@ -42509,6 +43000,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   border-collapse: separate;
   border-spacing: 0;
   outline: 0;
+  text-align: inherit;
   empty-cells: show;
 }
 .k-pivotgrid thead,
@@ -42517,6 +43009,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-pivotgrid tr,
 .k-pivotgrid td {
   border-color: inherit;
+  text-align: inherit;
 }
 
 .k-pivotgrid-table {
@@ -43213,8 +43706,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-treelist tr.k-footer + tr.k-footer td {
   border-top-width: 0;
 }
-.k-treelist .k-i-collapse,
-.k-treelist .k-i-expand {
+.k-treelist .k-i-caret-alt-down,
+.k-treelist .k-i-caret-alt-right {
   margin-inline-end: 0.5rem;
 }
 
@@ -43248,7 +43741,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   border-right: 1px solid;
   height: 1em;
   vertical-align: top;
-  margin: 0 0.5em;
+  margin-block: 0;
+  margin-inline: 0.5em;
 }
 
 .k-treelist tr.k-footer,
@@ -43881,7 +44375,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 
 .k-editor-inline {
   border-radius: 0.125rem;
-  padding: 0.125rem 0.25rem;
+  padding-block: 0.125rem;
+  padding-inline: 0.25rem;
   border: 1px solid transparent;
   word-wrap: break-word;
   overflow: auto;
@@ -44035,14 +44530,18 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-editor-content th {
   min-width: 1em;
   border: 1px solid;
-  padding: 3px 5px;
+  padding-block: 3px;
+  padding-inline: 5px;
   vertical-align: top;
   box-sizing: border-box;
   position: relative;
 }
 .k-editor-content th {
   font-weight: bold;
-  text-align: left;
+  text-align: start;
+}
+.k-editor-content td {
+  text-align: start;
 }
 .k-editor-content .selectedCell::after {
   z-index: 2;
@@ -44058,8 +44557,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-edit-form-content {
   flex: 1 1 auto;
   overflow: auto;
-  margin: -0.75rem -1.5rem;
-  padding: 0.75rem 1.5rem;
+  margin-block: -0.75rem;
+  margin-inline: -1.5rem;
+  padding-block: 0.75rem;
+  padding-inline: 1.5rem;
 }
 
 .k-ct-popup {
@@ -44182,14 +44683,16 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
   height: 390px;
   max-height: 50vh;
   margin-block-end: 1rem;
-  padding: 0.25rem 0.5rem;
+  padding-block: 0.25rem;
+  padding-inline: 0.5rem;
   border-top-width: 0;
   overflow: auto;
 }
 .k-filebrowser .k-tile {
   width: 33%;
   height: 90px;
-  padding: 0.25rem 0.5rem;
+  padding-block: 0.25rem;
+  padding-inline: 0.5rem;
   box-sizing: border-box;
   white-space: nowrap;
   overflow: hidden;
@@ -44277,7 +44780,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 }
 .k-editor-inline .k-table td {
   min-width: 1px;
-  padding: 0.125rem 0.25rem;
+  padding-block: 0.125rem;
+  padding-inline: 0.25rem;
 }
 .k-editor-inline .k-element-resize-handle-wrapper {
   position: absolute;
@@ -44329,7 +44833,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
 .k-editor-inline .k-column-resize-handle-wrapper .k-column-resize-handle .k-column-resize-marker {
   width: 2px;
   height: 100%;
-  margin: 0 auto;
+  margin-block: 0;
+  margin-inline: auto;
   display: none;
   opacity: 0.8;
 }
@@ -44651,7 +45156,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
   padding: 0;
 }
 .k-gantt .k-treelist-scrollable .k-grid-header th:last-child .k-header {
-  padding: 0.75rem 0.75rem;
+  padding-block: 0.75rem;
+  padding-inline: 0.75rem;
   border-width: 0 0 1px 1px;
   white-space: nowrap;
 }
@@ -44821,7 +45327,8 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
   overflow-x: scroll;
 }
 .k-gantt-timeline .k-header {
-  padding: 0.75rem 0.75rem;
+  padding-block: 0.75rem;
+  padding-inline: 0.75rem;
   border-block-start-width: 0;
   border-block-end-width: 1px;
   border-inline-start-width: 1px;
@@ -44902,8 +45409,10 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
 }
 
 .k-task-wrap {
-  margin: 0 -21px;
-  padding: 5px 21px;
+  margin-block: 0;
+  margin-inline: -21px;
+  padding-block: 5px;
+  padding-inline: 21px;
   display: inline-flex;
   flex-direction: row;
   align-items: center;
@@ -45127,11 +45636,13 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
   white-space: nowrap;
 }
 .k-resources-wrap .k-resource {
-  margin: 0 5px;
+  margin-block: 0;
+  margin-inline: 5px;
 }
 
 .k-task-details {
-  padding: 0.25rem 0.5rem;
+  padding-block: 0.25rem;
+  padding-inline: 0.5rem;
   white-space: nowrap;
 }
 .k-task-details strong {
@@ -45765,7 +46276,7 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
 .k-scheduler-times th {
   border-inline-width: 0 1px;
   border-block-width: 0 1px;
-  text-align: right;
+  text-align: end;
 }
 .k-scheduler-times .k-slot-cell,
 .k-scheduler-times .k-scheduler-times-all-day {
@@ -46038,7 +46549,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 .k-scheduler-monthview .k-scheduler-table td {
   height: 80px;
-  text-align: right;
+  text-align: end;
 }
 .k-scheduler-monthview .k-scheduler-body .k-scheduler-cell {
   min-height: 80px;
@@ -46526,7 +47037,8 @@ kendo-scheduler .k-recurrence-editor {
 }
 .k-pane-wrapper .k-scheduler-edit-form .k-recur-items-wrap {
   width: 100%;
-  margin: -1px 0;
+  margin-block: -1px;
+  margin-inline: 0;
 }
 .k-pane-wrapper .k-scheduler-edit-form .k-scheduler-recur-end-wrap {
   white-space: nowrap;
@@ -46543,7 +47055,8 @@ kendo-scheduler .k-recurrence-editor {
   visibility: hidden;
 }
 .k-scheduler-mobile .k-scheduler-toolbar {
-  padding: 0.5rem 0.5rem;
+  padding-block: 0.5rem;
+  padding-inline: 0.5rem;
 }
 .k-scheduler-mobile .k-scheduler-toolbar > * {
   margin: 0;
@@ -46570,7 +47083,8 @@ kendo-scheduler .k-recurrence-editor {
   display: inline-block;
 }
 .k-scheduler-mobile .k-scheduler-footer {
-  padding: 0.5rem 0.5rem;
+  padding-block: 0.5rem;
+  padding-inline: 0.5rem;
   display: flex;
   justify-content: space-between;
 }
@@ -46686,11 +47200,13 @@ kendo-scheduler .k-recurrence-editor {
 }
 .k-pane-wrapper .k-list-title,
 .k-pane-wrapper .k-filter-help-text {
-  padding: 0.5rem 0.5rem;
+  padding-block: 0.5rem;
+  padding-inline: 0.5rem;
   display: block;
 }
 .k-pane-wrapper .k-listgroup-title {
-  padding: 0.5rem 0.5rem;
+  padding-block: 0.5rem;
+  padding-inline: 0.5rem;
   font-weight: bold;
   text-transform: uppercase;
 }
@@ -46893,7 +47409,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 .k-chat .k-message-group:not(.k-alt) {
   align-items: flex-start;
-  text-align: left;
+  text-align: start;
 }
 .k-chat .k-message-group:not(.k-alt) .k-message-time {
   margin-inline-start: var(--kendo-chat-item-spacing-x, 0.5rem);
@@ -46913,7 +47429,7 @@ kendo-scheduler .k-recurrence-editor {
 .k-chat .k-message-group.k-alt {
   align-self: flex-end;
   align-items: flex-end;
-  text-align: right;
+  text-align: end;
 }
 .k-chat .k-message-group.k-alt .k-message-time {
   margin-inline-end: var(--kendo-chat-item-spacing-x, 0.5rem);
@@ -47330,6 +47846,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-mediaplayer-titlebar {
+  font-size: var(--kendo-media-player-title-font-size, var(--kendo-font-size-xl, inherit));
   padding-inline: var(--kendo-media-player-titlebar-padding-x, 0.5rem);
   padding-block: var(--kendo-media-player-titlebar-padding-y, 0.5rem);
   position: absolute;
@@ -47530,7 +48047,7 @@ kendo-scheduler .k-recurrence-editor {
   padding-inline-end: var(--kendo-timeline-items-padding, 1rem);
   margin-block-start: var(--kendo-timeline-track-event-offset, 2rem);
   transform: translate(-100%, -50%);
-  text-align: right;
+  text-align: end;
 }
 .k-timeline-vertical .k-timeline-event {
   display: flex;
@@ -47596,7 +48113,7 @@ kendo-scheduler .k-recurrence-editor {
   flex-direction: row-reverse;
 }
 .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap {
-  text-align: left;
+  text-align: start;
   padding-inline-end: 0;
   padding-inline-start: var(--kendo-timeline-items-padding, 1rem);
 }
@@ -48004,7 +48521,7 @@ kendo-scheduler .k-recurrence-editor {
 .km-scroller-pull .km-template {
   display: inline-block;
   min-width: 200px;
-  text-align: left;
+  text-align: start;
 }
 
 .km-load-more .km-icon,
@@ -48405,7 +48922,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 
 .k-chart-tooltip td {
   width: auto;
-  text-align: left;
+  text-align: start;
   padding-inline: var(--kendo-padding-x-sm, 0.25rem);
   padding-block: var(--kendo-padding-y-sm, 0.125rem);
   line-height: var(--kendo-chart-tooltip-line-height, var(--kendo-line-height-sm, normal));
@@ -48647,7 +49164,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-gauge {
-  text-align: left;
+  text-align: start;
   position: relative;
 }
 
@@ -49154,7 +49671,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-orgchart-container {
-  margin: 0 auto;
+  margin-block: 0;
+  margin-inline: auto;
   width: 100%;
   height: 100%;
   position: relative;
@@ -49202,7 +49720,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 .k-orgchart-card .k-card-title, .k-orgchart-card .k-popover-header {
   margin-block-end: var(--kendo-orgchart-card-title-margin-y, 0px);
-  font-size: var(--kendo-orgchart-card-title-font-size, var(--kendo-font-size, inherit));
+  font-size: var(--kendo-orgchart-card-title-font-size, var(--kendo-font-size-lg, inherit));
   line-height: var(--kendo-orgchart-card-title-line-height, var(--kendo-line-height, normal));
 }
 .k-orgchart-card .k-card-subtitle {
@@ -49235,7 +49753,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-orgchart-line-v {
-  margin: 0 auto;
+  margin-block: 0;
+  margin-inline: auto;
   width: var(--kendo-orgchart-line-size, 1px);
   height: var(--kendo-orgchart-line-v-height, 25px);
 }