@progress/kendo-theme-material 6.1.1-dev.8 → 6.2.0

package/dist/all.css

@@ -182,8 +182,7 @@ kendo-sortable {
 }
 
 .k-disabled,
-.k-widget[disabled],
-.k-disabled {
+.k-widget[disabled] {
     outline: none;
     cursor: default;
     opacity: 0.6;
@@ -193,8 +192,7 @@ kendo-sortable {
 }
 
 .k-disabled .k-link,
-.k-widget[disabled] .k-link,
-.k-disabled .k-link {
+.k-widget[disabled] .k-link {
     cursor: default;
     outline: 0;
 }
@@ -202,9 +200,7 @@ kendo-sortable {
 .k-disabled [disabled],
 .k-disabled .k-disabled,
 .k-widget[disabled] [disabled],
-.k-widget[disabled] .k-disabled,
-.k-disabled [disabled],
-.k-disabled .k-disabled {
+.k-widget[disabled] .k-disabled {
     opacity: 1;
     filter: grayscale(0);
 }
@@ -1024,151 +1020,6 @@ kendo-sortable {
     color: white;
 }
 
-.k-body,
-.k-typography {
-    font-size: 14px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 2;
-    font-weight: 400;
-    margin: 0;
-}
-
-.k-body p,
-.k-typography p {
-    margin: 0 0 12px;
-}
-
-.k-h1 {
-    font-size: 96px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 96px;
-    font-weight: 300;
-    letter-spacing: -1.5px;
-    margin: 0 0 12px;
-}
-
-.k-h2 {
-    font-size: 60px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 60px;
-    font-weight: 300;
-    letter-spacing: -0.5px;
-    margin: 0 0 12px;
-}
-
-.k-h3 {
-    font-size: 48px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 50px;
-    font-weight: 400;
-    letter-spacing: 0px;
-    margin: 0 0 12px;
-}
-
-.k-h4 {
-    font-size: 34px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 40px;
-    font-weight: 400;
-    letter-spacing: 0.25px;
-    margin: 0 0 12px;
-}
-
-.k-h5 {
-    font-size: 24px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 32px;
-    font-weight: 400;
-    letter-spacing: 0px;
-    margin: 0 0 12px;
-}
-
-.k-h6 {
-    font-size: 20px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 32px;
-    font-weight: 500;
-    letter-spacing: 0.15px;
-    margin: 0 0 12px;
-}
-
-.k-paragraph {
-    font-size: 1rem;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 1.5;
-    font-weight: 400;
-    letter-spacing: 0.03125em;
-    margin: 0 0 12px;
-}
-
-.k-pre,
-.k-code {
-    font-size: 14px;
-    font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
-    line-height: 2;
-    font-weight: 400;
-    border-style: solid;
-    border-width: 1px;
-}
-
-.k-pre {
-    padding: 16px 24px;
-    overflow: auto;
-}
-
-.k-pre > .k-code {
-    padding: 0;
-    border-width: 0;
-    border-color: transparent;
-    background-color: transparent;
-    font-family: inherit;
-    font-size: inherit;
-}
-
-.k-code {
-    padding: 0px 4px;
-}
-
-.k-display-1 {
-    font-size: 112px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 1.2;
-    font-weight: 300;
-}
-
-.k-display-2 {
-    font-size: 56px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 1.2;
-    font-weight: 400;
-}
-
-.k-display-3 {
-    font-size: 45px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 1.2;
-    font-weight: 400;
-}
-
-.k-display-4 {
-    font-size: 34px;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    line-height: 1.2;
-    font-weight: 400;
-}
-
-.k-body {
-    color: rgba(0, 0, 0, 0.87);
-    background-color: #ffffff;
-}
-
-.k-pre,
-.k-code {
-    border-color: rgba(0, 0, 0, 0.12);
-    color: rgba(0, 0, 0, 0.87);
-    background-color: #ffffff;
-}
-
 .k-ratio-auto {
     aspect-ratio: auto;
 }
@@ -2081,28 +1932,68 @@ kendo-sortable {
     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 {
@@ -2137,36 +2028,92 @@ kendo-sortable {
     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 {
@@ -2193,28 +2140,84 @@ kendo-sortable {
     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 {
@@ -5609,28 +5612,92 @@ kendo-sortable {
     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 {
@@ -5657,14 +5724,6 @@ kendo-sortable {
     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%;
 }
@@ -5681,36 +5740,108 @@ kendo-sortable {
     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 {
@@ -5729,36 +5860,92 @@ kendo-sortable {
     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 {
@@ -5889,28 +6076,60 @@ kendo-sortable {
     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 {
@@ -5937,14 +6156,6 @@ kendo-sortable {
     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;
 }
@@ -5953,36 +6164,76 @@ kendo-sortable {
     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 {
@@ -6001,6 +6252,22 @@ kendo-sortable {
     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;
 }
@@ -6017,20 +6284,44 @@ kendo-sortable {
     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 {
@@ -11901,12 +12192,6 @@ kendo-sortable {
     max-width: fit-content !important;
 }
 
-.k-text-ellipsis {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
 .k-font-size-xs {
     font-size: 10px;
 }
@@ -12419,6 +12704,34 @@ kendo-sortable {
     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;
 }
@@ -21005,6 +21318,153 @@ kendo-sortable {
     will-change: transform !important;
 }
 
+.k-body,
+.k-typography {
+    font-size: 14px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 2;
+    font-weight: 400;
+    margin: 0;
+}
+
+.k-body p,
+.k-typography p {
+    margin: 0 0 12px;
+}
+
+.k-h1 {
+    font-size: 96px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 96px;
+    font-weight: 300;
+    letter-spacing: -1.5px;
+    margin: 0 0 12px;
+}
+
+.k-h2 {
+    font-size: 60px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 60px;
+    font-weight: 300;
+    letter-spacing: -0.5px;
+    margin: 0 0 12px;
+}
+
+.k-h3 {
+    font-size: 48px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 50px;
+    font-weight: 400;
+    letter-spacing: 0px;
+    margin: 0 0 12px;
+}
+
+.k-h4 {
+    font-size: 34px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 40px;
+    font-weight: 400;
+    letter-spacing: 0.25px;
+    margin: 0 0 12px;
+}
+
+.k-h5 {
+    font-size: 24px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 32px;
+    font-weight: 400;
+    letter-spacing: 0px;
+    margin: 0 0 12px;
+}
+
+.k-h6 {
+    font-size: 20px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 32px;
+    font-weight: 500;
+    letter-spacing: 0.15px;
+    margin: 0 0 12px;
+}
+
+.k-paragraph {
+    font-size: 1rem;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 1.5;
+    font-weight: 400;
+    letter-spacing: 0.03125em;
+    margin: 0 0 12px;
+}
+
+.k-pre,
+.k-code {
+    font-size: 14px;
+    font-family: Consolas, "Ubuntu Mono", "Lucida Console", "Courier New", monospace;
+    line-height: 2;
+    font-weight: 400;
+    border-style: solid;
+    border-width: 1px;
+}
+
+.k-pre {
+    padding-block: 16px;
+    padding-inline: 24px;
+    overflow: auto;
+}
+
+.k-pre > .k-code {
+    padding: 0;
+    border-width: 0;
+    border-color: transparent;
+    background-color: transparent;
+    font-family: inherit;
+    font-size: inherit;
+}
+
+.k-code {
+    padding-block: 0px;
+    padding-inline: 4px;
+}
+
+.k-display-1 {
+    font-size: 112px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 1.2;
+    font-weight: 300;
+}
+
+.k-display-2 {
+    font-size: 56px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 1.2;
+    font-weight: 400;
+}
+
+.k-display-3 {
+    font-size: 45px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 1.2;
+    font-weight: 400;
+}
+
+.k-display-4 {
+    font-size: 34px;
+    font-family: Roboto, "Helvetica Neue", sans-serif;
+    line-height: 1.2;
+    font-weight: 400;
+}
+
+.k-body {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: #ffffff;
+}
+
+.k-pre,
+.k-code {
+    border-color: rgba(0, 0, 0, 0.12);
+    color: rgba(0, 0, 0, 0.87);
+    background-color: #ffffff;
+}
+
 @font-face {
     font-family: "WebComponentsIcons";
     font-style: normal;
@@ -25330,10 +25790,10 @@ kendo-sortable {
 
 .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-left,
+[dir="rtl"] .k-i-caret-alt-right,
+[dir="rtl"] .k-i-caret-alt-left {
     transform: scaleX(-1);
 }
 
@@ -25354,7 +25814,8 @@ kendo-sortable {
 
 .k-messagebox {
     margin: 0 0 16px 0;
-    padding: 4px 16px;
+    padding-block: 4px;
+    padding-inline: 16px;
     border-width: 0 0 0 4px;
     border-style: solid;
     box-sizing: border-box;
@@ -25430,7 +25891,8 @@ kendo-sortable {
 
 .k-drag-clue {
     border-radius: 9999px;
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     box-sizing: border-box;
     font-size: 14px;
     font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -25644,7 +26106,8 @@ kendo-sortable {
 
 .k-checkbox-item,
 .k-checkbox-list-item {
-    padding: 8px 0px;
+    padding-block: 8px;
+    padding-inline: 0px;
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -25894,7 +26357,8 @@ kendo-sortable {
 }
 
 .k-list-item-group-label {
-    padding: 0 .5em;
+    padding-block: 0;
+    padding-inline: .5em;
     font-size: .75em;
     position: absolute;
     top: 0;
@@ -25940,15 +26404,18 @@ kendo-sortable {
 }
 
 .k-list-sm .k-list-group-sticky-header {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
 }
 
 .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
 }
 
 .k-list-sm .k-list-group-item {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
 }
 
 .k-list-md {
@@ -25957,15 +26424,18 @@ kendo-sortable {
 }
 
 .k-list-md .k-list-group-sticky-header {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-list-md .k-list-item, .k-list-md .k-list-optionlabel {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-list-md .k-list-group-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-list-lg {
@@ -25974,15 +26444,18 @@ kendo-sortable {
 }
 
 .k-list-lg .k-list-group-sticky-header {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-list-lg .k-list-group-item {
-    padding: 10px 16px;
+    padding-block: 10px;
+    padding-inline: 16px;
 }
 
 .k-no-data, .k-nodata {
@@ -26071,7 +26544,8 @@ kendo-sortable {
 }
 
 .k-listgroup-item {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 0;
     border-style: solid;
     border-color: inherit;
@@ -26084,8 +26558,10 @@ kendo-sortable {
 }
 
 .k-listgroup-item > .k-link {
-    margin: -8px -8px;
-    padding: 8px 8px;
+    margin-block: -8px;
+    margin-inline: -8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     color: inherit;
     text-decoration: none;
     outline: 0;
@@ -26126,8 +26602,10 @@ kendo-sortable {
 }
 
 .k-listgroup-form-row {
-    margin: -8px -8px;
-    padding: 8px 8px;
+    margin-block: -8px;
+    margin-inline: -8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     display: flex;
     flex-direction: row;
     align-items: center;
@@ -26180,7 +26658,8 @@ kendo-sortable {
     left: 0;
 }
 
-[dir="rtl"] .k-listgroup-item > .k-link > .k-select .k-icon {
+[dir="rtl"] .k-listgroup-item > .k-link > .k-select .k-icon,
+[dir="rtl"] .k-listgroup-item > .k-link > .k-select .k-svg-icon {
     transform: scaleX(-1);
 }
 
@@ -26196,7 +26675,8 @@ kendo-sortable {
     border-left-width: 0;
 }
 
-[dir="rtl"] .k-listgroup-item-segmented > .k-select .k-icon {
+[dir="rtl"] .k-listgroup-item-segmented > .k-select .k-icon,
+[dir="rtl"] .k-listgroup-item-segmented > .k-select .k-svg-icon {
     transform: scaleX(-1);
 }
 
@@ -26292,7 +26772,8 @@ kendo-sortable {
 }
 
 .k-popup > .k-colorpalette {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
 }
 
 .k-popup.k-popup-transparent {
@@ -26377,7 +26858,7 @@ kendo-sortable {
     max-width: none;
     border-width: 1px;
     border-style: solid;
-    text-align: left;
+    text-align: start;
     border-collapse: collapse;
     border-spacing: 0;
     empty-cells: show;
@@ -26496,7 +26977,7 @@ kendo-sortable {
 
 .k-table-list .k-table-group-row::before {
     content: "\200b";
-    padding: 0;
+    padding-inline: 0;
     width: 0;
     display: block;
     overflow: hidden;
@@ -26575,7 +27056,8 @@ kendo-sortable {
 
 .k-table-sm .k-table-th,
 .k-table-sm .k-table-td {
-    padding: 4px 10px;
+    padding-block: 4px;
+    padding-inline: 10px;
 }
 
 .k-table-sm .k-table-list .k-table-group-td > span {
@@ -26595,7 +27077,8 @@ kendo-sortable {
 
 .k-table-md .k-table-th,
 .k-table-md .k-table-td {
-    padding: 10px 24px;
+    padding-block: 10px;
+    padding-inline: 24px;
 }
 
 .k-table-md .k-table-list .k-table-group-td > span {
@@ -26615,7 +27098,8 @@ kendo-sortable {
 
 .k-table-lg .k-table-th,
 .k-table-lg .k-table-td {
-    padding: 10px 24px;
+    padding-block: 10px;
+    padding-inline: 24px;
 }
 
 .k-table-lg .k-table-list .k-table-group-td > span {
@@ -26628,13 +27112,6 @@ kendo-sortable {
     padding-inline: 0;
 }
 
-.k-rtl.k-table,
-.k-rtl .k-table,
-[dir="rtl"].k-table,
-[dir="rtl"] .k-table {
-    text-align: right;
-}
-
 .k-rtl.k-table .k-table-th,
 .k-rtl.k-table .k-table-td,
 .k-rtl .k-table .k-table-th,
@@ -26994,7 +27471,8 @@ a.k-badge:hover,
 }
 
 .k-badge-sm {
-    padding: 2px 2px;
+    padding-block: 2px;
+    padding-inline: 2px;
     font-size: 10px;
     line-height: 1;
     min-width: calc(1em + 6px);
@@ -27006,7 +27484,8 @@ a.k-badge:hover,
 }
 
 .k-badge-md {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     font-size: 10px;
     line-height: 1;
     min-width: calc(1em + 10px);
@@ -27018,7 +27497,8 @@ a.k-badge:hover,
 }
 
 .k-badge-lg {
-    padding: 6px 6px;
+    padding-block: 6px;
+    padding-inline: 6px;
     font-size: 10px;
     line-height: 1;
     min-width: calc(1em + 14px);
@@ -27243,7 +27723,8 @@ kendo-badge-container {
 }
 
 .k-chip {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     border-width: 1px;
     border-style: solid;
     outline: 0;
@@ -27273,9 +27754,15 @@ kendo-badge-container {
     display: none !important;
 }
 
+.k-chip .k-icon-wrapper-host {
+    display: initial;
+}
+
 .k-chip-content {
-    padding: .5em 0;
-    margin: -.5em 0;
+    padding-block: .5em;
+    padding-inline: 0;
+    margin-block: -.5em;
+    margin-inline: 0;
     min-width: 0;
     display: flex;
     flex-flow: row nowrap;
@@ -27316,7 +27803,8 @@ kendo-badge-container {
 }
 
 .k-chip-actions {
-    margin: -5em 0;
+    margin-block: -5em;
+    margin-inline: 0;
     flex: none;
     display: flex;
     flex-flow: row nowrap;
@@ -27349,7 +27837,8 @@ kendo-badge-container {
 }
 
 .k-chip-sm {
-    padding: 2px 4px;
+    padding-block: 2px;
+    padding-inline: 4px;
     font-size: 14px;
     line-height: 1.2857142857;
 }
@@ -27361,7 +27850,8 @@ kendo-badge-container {
 }
 
 .k-chip-md {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     font-size: 14px;
     line-height: 1.2857142857;
 }
@@ -27373,7 +27863,8 @@ kendo-badge-container {
 }
 
 .k-chip-lg {
-    padding: 6px 4px;
+    padding-block: 6px;
+    padding-inline: 4px;
     font-size: 14px;
     line-height: 1.2857142857;
 }
@@ -28461,7 +28952,8 @@ kendo-badge-container {
 }
 
 .k-button-sm {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
     font-size: 14px;
     line-height: 1.4285714286;
 }
@@ -28515,7 +29007,8 @@ kendo-badge-container {
 }
 
 .k-button-md {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     font-size: 14px;
     line-height: 1.4285714286;
 }
@@ -28569,7 +29062,8 @@ kendo-badge-container {
 }
 
 .k-button-lg {
-    padding: 10px 16px;
+    padding-block: 10px;
+    padding-inline: 16px;
     font-size: 14px;
     line-height: 1.4285714286;
 }
@@ -30164,7 +30658,8 @@ kendo-badge-container {
 }
 
 .k-menu-link {
-    padding: 4px 16px;
+    padding-block: 4px;
+    padding-inline: 16px;
     outline: 0;
     color: inherit;
     display: flex;
@@ -30203,7 +30698,8 @@ kendo-badge-container {
 }
 
 .k-menu-horizontal > .k-separator {
-    margin: 0 4px;
+    margin-block: 0;
+    margin-inline: 4px;
     width: 0;
     height: auto;
     border-width: 0 0 0 1px;
@@ -30219,7 +30715,8 @@ kendo-badge-container {
 }
 
 .k-menu-vertical > .k-menu-item > .k-menu-link {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     padding-right: 48px;
 }
 
@@ -30229,7 +30726,8 @@ kendo-badge-container {
 }
 
 .k-menu-vertical > .k-separator {
-    margin: 4px 0;
+    margin-block: 4px;
+    margin-inline: 0;
     height: 0;
     border-width: 1px 0 0;
     border-style: solid;
@@ -30265,7 +30763,8 @@ kendo-badge-container {
 }
 
 .k-menu-group .k-separator {
-    margin: 4px 0;
+    margin-block: 4px;
+    margin-inline: 0;
     height: 0;
     border-width: 1px 0 0;
     border-style: solid;
@@ -30288,7 +30787,8 @@ kendo-badge-container {
 }
 
 .k-menu-group-sm .k-menu-link {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
     padding-inline-end: 48px;
 }
 
@@ -30308,7 +30808,8 @@ kendo-badge-container {
 }
 
 .k-menu-group-md .k-menu-link {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     padding-inline-end: 48px;
 }
 
@@ -30328,7 +30829,8 @@ kendo-badge-container {
 }
 
 .k-menu-group-lg .k-menu-link {
-    padding: 10px 16px;
+    padding-block: 10px;
+    padding-inline: 16px;
     padding-inline-end: 48px;
 }
 
@@ -30350,9 +30852,6 @@ kendo-badge-container {
     border-style: solid;
 }
 
-.k-context-menu.k-menu-horizontal {
-}
-
 .k-animation-container .k-context-menu.k-menu-horizontal {
     display: flex !important;
     flex-wrap: nowrap;
@@ -30625,7 +31124,8 @@ kendo-badge-container {
 }
 
 .k-toolbar-sm {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     gap: 6px;
 }
 
@@ -30638,7 +31138,8 @@ kendo-badge-container {
 }
 
 .k-toolbar-md {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     gap: 8px;
 }
 
@@ -30651,7 +31152,8 @@ kendo-badge-container {
 }
 
 .k-toolbar-lg {
-    padding: 10px 10px;
+    padding-block: 10px;
+    padding-inline: 10px;
     gap: 10px;
 }
 
@@ -30677,7 +31179,8 @@ kendo-badge-container {
 
 .k-floating-toolbar,
 .editorToolbarWindow.k-window-content {
-    padding: 8px 8px !important;
+    padding-block: 8px !important;
+    padding-inline: 8px !important;
     border-width: 0;
     border-style: solid;
     display: flex;
@@ -30721,7 +31224,8 @@ kendo-badge-container {
 }
 
 .k-overflow-container .k-overflow-button {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     width: 100%;
     height: auto;
     border-width: 0;
@@ -30843,7 +31347,8 @@ kendo-badge-container {
 .k-actions, .k-edit-buttons,
 .k-action-buttons,
 .k-columnmenu-actions, .k-form-buttons {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     box-sizing: border-box;
     border-width: 0px 0 0 0;
     border-style: solid;
@@ -31036,7 +31541,8 @@ kendo-label > .k-label {
     display: inline-block;
     font-size: 10px;
     line-height: 1;
-    margin: 0 16px;
+    margin-block: 0;
+    margin-inline: 16px;
 }
 
 .k-form .k-multiselect,
@@ -31162,7 +31668,7 @@ kendo-label > .k-label {
 
 .k-form-inline legend {
     font-size: 12px;
-    text-align: left;
+    text-align: start;
     font-weight: 600;
     line-height: 1;
     margin-bottom: 12px;
@@ -31174,13 +31680,13 @@ kendo-label > .k-label {
 .k-form-inline .k-form-field {
     display: flex;
     align-items: flex-start;
-    text-align: left;
+    text-align: start;
     margin-bottom: 12px;
 }
 
 .k-form-inline .k-form-field > span:not(.k-widget) {
     width: 25%;
-    text-align: right;
+    text-align: end;
     line-height: 2;
     padding: 5px 0;
     padding-right: 24px;
@@ -31234,7 +31740,7 @@ kendo-label > .k-label {
     padding: 9px 0;
     width: 30%;
     line-height: 2;
-    text-align: right;
+    text-align: end;
     float: left;
     clear: both;
 }
@@ -31341,7 +31847,8 @@ kendo-label > .k-label {
 .k-tooltip {
     border-radius: 4px;
     margin: 0;
-    padding: 3px 8px;
+    padding-block: 3px;
+    padding-inline: 8px;
     border-width: 0px;
     border-style: solid;
     box-sizing: border-box;
@@ -31388,7 +31895,8 @@ kendo-label > .k-label {
     flex-shrink: 0;
 }
 
-.k-tooltip-button .k-icon {
+.k-tooltip-button .k-icon,
+.k-tooltip-button .k-svg-icon {
     color: inherit;
     vertical-align: top;
 }
@@ -31582,7 +32090,8 @@ kendo-label > .k-label {
 
 input.k-input,
 textarea.k-textarea {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 input.k-input:disabled, input.k-input[disabled],
@@ -31618,7 +32127,8 @@ textarea.k-textarea {
 }
 
 select.k-picker {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     appearance: auto;
 }
 
@@ -31639,7 +32149,8 @@ select.k-picker:disabled, select.k-picker[disabled] {
 }
 
 .k-input-inner {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     width: 100%;
     border: 0;
     outline: 0;
@@ -31749,7 +32260,9 @@ textarea.k-input-inner {
 .k-input-validation-icon,
 .k-input-loading-icon,
 .k-input-prefix > .k-icon,
-.k-input-suffix > .k-icon {
+.k-input-prefix > .k-svg-icon,
+.k-input-suffix > .k-icon,
+.k-input-suffix > .k-svg-icon {
     flex: none;
     align-self: center;
     display: inline-flex;
@@ -31873,16 +32386,19 @@ 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;
 }
 
-.k-input-spinner .k-spinner-increase .k-icon {
+.k-input-spinner .k-spinner-increase .k-icon,
+.k-input-spinner .k-spinner-increase .k-svg-icon {
     bottom: auto;
 }
 
-.k-input-spinner .k-spinner-decrease .k-icon {
+.k-input-spinner .k-spinner-decrease .k-icon,
+.k-input-spinner .k-spinner-decrease .k-svg-icon {
     top: auto;
 }
 
@@ -31942,7 +32458,8 @@ textarea.k-input-inner {
 
 .k-input-sm .k-input-inner,
 .k-picker-sm .k-input-inner {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
 }
 
 .k-input-sm .k-input-button,
@@ -31951,7 +32468,8 @@ textarea.k-input-inner {
 .k-picker-sm .k-input-button,
 .k-picker-sm .k-spinner-increase,
 .k-picker-sm .k-spinner-decrease {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
 }
 
 .k-input-sm .k-input-icon,
@@ -31959,13 +32477,17 @@ textarea.k-input-inner {
 .k-input-sm .k-input-loading-icon,
 .k-input-sm .k-clear-value,
 .k-input-sm .k-input-prefix > .k-icon,
+.k-input-sm .k-input-prefix > .k-svg-icon,
 .k-input-sm .k-input-suffix > .k-icon,
+.k-input-sm .k-input-suffix > .k-svg-icon,
 .k-picker-sm .k-input-icon,
 .k-picker-sm .k-input-validation-icon,
 .k-picker-sm .k-input-loading-icon,
 .k-picker-sm .k-clear-value,
 .k-picker-sm .k-input-prefix > .k-icon,
-.k-picker-sm .k-input-suffix > .k-icon {
+.k-picker-sm .k-input-prefix > .k-svg-icon,
+.k-picker-sm .k-input-suffix > .k-icon,
+.k-picker-sm .k-input-suffix > .k-svg-icon {
     width: 28px;
     height: 28px;
 }
@@ -31983,7 +32505,8 @@ textarea.k-input-inner {
 }
 
 select.k-picker-sm {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
 }
 
 .k-input-md,
@@ -32007,7 +32530,8 @@ select.k-picker-sm {
 
 .k-input-md .k-input-inner,
 .k-picker-md .k-input-inner {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-input-md .k-input-button,
@@ -32016,7 +32540,8 @@ select.k-picker-sm {
 .k-picker-md .k-input-button,
 .k-picker-md .k-spinner-increase,
 .k-picker-md .k-spinner-decrease {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
 }
 
 .k-input-md .k-input-icon,
@@ -32024,13 +32549,17 @@ select.k-picker-sm {
 .k-input-md .k-input-loading-icon,
 .k-input-md .k-clear-value,
 .k-input-md .k-input-prefix > .k-icon,
+.k-input-md .k-input-prefix > .k-svg-icon,
 .k-input-md .k-input-suffix > .k-icon,
+.k-input-md .k-input-suffix > .k-svg-icon,
 .k-picker-md .k-input-icon,
 .k-picker-md .k-input-validation-icon,
 .k-picker-md .k-input-loading-icon,
 .k-picker-md .k-clear-value,
 .k-picker-md .k-input-prefix > .k-icon,
-.k-picker-md .k-input-suffix > .k-icon {
+.k-picker-md .k-input-prefix > .k-svg-icon,
+.k-picker-md .k-input-suffix > .k-icon,
+.k-picker-md .k-input-suffix > .k-svg-icon {
     width: 32px;
     height: 32px;
 }
@@ -32048,7 +32577,8 @@ select.k-picker-sm {
 }
 
 select.k-picker-md {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-input-lg,
@@ -32072,7 +32602,8 @@ select.k-picker-md {
 
 .k-input-lg .k-input-inner,
 .k-picker-lg .k-input-inner {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-input-lg .k-input-button,
@@ -32081,7 +32612,8 @@ select.k-picker-md {
 .k-picker-lg .k-input-button,
 .k-picker-lg .k-spinner-increase,
 .k-picker-lg .k-spinner-decrease {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
 }
 
 .k-input-lg .k-input-icon,
@@ -32089,13 +32621,17 @@ select.k-picker-md {
 .k-input-lg .k-input-loading-icon,
 .k-input-lg .k-clear-value,
 .k-input-lg .k-input-prefix > .k-icon,
+.k-input-lg .k-input-prefix > .k-svg-icon,
 .k-input-lg .k-input-suffix > .k-icon,
+.k-input-lg .k-input-suffix > .k-svg-icon,
 .k-picker-lg .k-input-icon,
 .k-picker-lg .k-input-validation-icon,
 .k-picker-lg .k-input-loading-icon,
 .k-picker-lg .k-clear-value,
 .k-picker-lg .k-input-prefix > .k-icon,
-.k-picker-lg .k-input-suffix > .k-icon {
+.k-picker-lg .k-input-prefix > .k-svg-icon,
+.k-picker-lg .k-input-suffix > .k-icon,
+.k-picker-lg .k-input-suffix > .k-svg-icon {
     width: 32px;
     height: 32px;
 }
@@ -32113,7 +32649,8 @@ select.k-picker-md {
 }
 
 select.k-picker-lg {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-input > kendo-popup,
@@ -32582,22 +33119,26 @@ select.k-picker-lg {
 }
 
 .k-split-button .k-split-button-arrow {
-    padding: 8px 4px;
+    padding-block: 8px;
+    padding-inline: 4px;
     width: auto;
     aspect-ratio: auto;
     flex: none;
 }
 
 .k-split-button .k-split-button-arrow.k-button-sm {
-    padding: 6px 4px;
+    padding-block: 6px;
+    padding-inline: 4px;
 }
 
 .k-split-button .k-split-button-arrow.k-button-md {
-    padding: 8px 4px;
+    padding-block: 8px;
+    padding-inline: 4px;
 }
 
 .k-split-button .k-split-button-arrow.k-button-lg {
-    padding: 10px 4px;
+    padding-block: 10px;
+    padding-inline: 4px;
 }
 
 .k-split-button .k-split-button-arrow .k-button-icon {
@@ -32713,7 +33254,8 @@ select.k-picker-lg {
 }
 
 .k-listbox .k-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-listbox .k-list-scroller {
@@ -32903,7 +33445,7 @@ select.k-picker-lg {
 
 .k-circular-progressbar {
     display: inline-block;
-    text-align: left;
+    text-align: start;
     position: relative;
 }
 
@@ -33230,7 +33772,8 @@ select.k-picker-lg {
 
 .k-radio-item,
 .k-radio-list-item {
-    padding: 8px 0px;
+    padding-block: 8px;
+    padding-inline: 0px;
     display: flex;
     flex-flow: row nowrap;
     align-items: center;
@@ -33574,12 +34117,12 @@ select.k-picker-lg {
 }
 
 .k-slider-vertical .k-tick {
-    text-align: right;
+    text-align: end;
     margin-left: 2px;
 }
 
 .k-slider-vertical .k-slider-topleft .k-tick {
-    text-align: left;
+    text-align: start;
 }
 
 .k-slider-vertical .k-tick {
@@ -33657,7 +34200,7 @@ select.k-picker-lg {
 }
 
 .k-slider-vertical .k-label {
-    text-align: left;
+    text-align: start;
     left: 120%;
     top: 50%;
     transform: translateY(-50%);
@@ -33794,11 +34337,19 @@ select.k-picker-lg {
 }
 
 .k-rtl .k-slider-horizontal .k-button-increase .k-icon,
-.k-rtl .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
+.k-rtl .k-slider-horizontal .k-button-increase .k-svg-icon,
+.k-rtl .k-slider-horizontal .k-button-decrease .k-icon,
+.k-rtl .k-slider-horizontal .k-button-decrease .k-svg-icon, .k-slider-horizontal.k-rtl .k-button-increase .k-icon,
+.k-slider-horizontal.k-rtl .k-button-increase .k-svg-icon,
 .k-slider-horizontal.k-rtl .k-button-decrease .k-icon,
+.k-slider-horizontal.k-rtl .k-button-decrease .k-svg-icon,
 [dir="rtl"] .k-slider-horizontal .k-button-increase .k-icon,
-[dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
-.k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon {
+[dir="rtl"] .k-slider-horizontal .k-button-increase .k-svg-icon,
+[dir="rtl"] .k-slider-horizontal .k-button-decrease .k-icon,
+[dir="rtl"] .k-slider-horizontal .k-button-decrease .k-svg-icon, .k-slider-horizontal[dir="rtl"] .k-button-increase .k-icon,
+.k-slider-horizontal[dir="rtl"] .k-button-increase .k-svg-icon,
+.k-slider-horizontal[dir="rtl"] .k-button-decrease .k-icon,
+.k-slider-horizontal[dir="rtl"] .k-button-decrease .k-svg-icon {
     transform: scaleX(-1);
 }
 
@@ -34027,7 +34578,8 @@ select.k-picker-lg {
 }
 
 .k-calendar-table {
-    margin: 0 auto;
+    margin-block: 0;
+    margin-inline: auto;
     border-width: 0;
     border-color: inherit;
     border-spacing: 0;
@@ -34044,11 +34596,12 @@ select.k-picker-lg {
 .k-calendar-caption.k-calendar-th,
 .k-calendar .k-meta-header,
 .k-calendar .k-month-header {
-    padding: 4px 16px;
+    padding-block: 4px;
+    padding-inline: 16px;
     height: 36px;
     box-sizing: border-box;
     text-transform: none;
-    text-align: left;
+    text-align: start;
     font-weight: bold;
     cursor: default;
 }
@@ -34081,7 +34634,6 @@ select.k-picker-lg {
 
 .k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
     border-radius: 100px;
-    padding: 0.25em 0.25em;
     padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.25em);
     padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.25em);
     width: 100%;
@@ -34097,7 +34649,8 @@ select.k-picker-lg {
 }
 
 .k-calendar .k-header {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     border-bottom-width: 0px;
     border-bottom-style: solid;
     display: flex;
@@ -34108,7 +34661,8 @@ select.k-picker-lg {
 }
 
 .k-calendar-header {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     min-width: 288px;
     box-sizing: border-box;
     display: flex;
@@ -34130,14 +34684,16 @@ select.k-picker-lg {
 
 .k-calendar-footer,
 .k-calendar .k-footer {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     text-align: center;
     clear: both;
 }
 
 .k-calendar-view {
     margin: auto;
-    padding: 0 4px;
+    padding-block: 0;
+    padding-inline: 4px;
     width: 288px;
     inline-size: var(--INTERNAL--kendo-calendar-view-width, 288px);
     min-height: 252px;
@@ -34183,7 +34739,7 @@ select.k-picker-lg {
 .k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link,
 .k-calendar-centuryview .k-calendar-cell-inner,
 .k-calendar-centuryview .k-link {
-    text-align: left;
+    text-align: start;
 }
 
 .k-popup .k-calendar {
@@ -34311,7 +34867,8 @@ select.k-picker-lg {
 }
 
 .k-calendar-infinite .k-calendar-view {
-    padding: 0px 16px;
+    padding-block: 0px;
+    padding-inline: 16px;
     height: 324px;
     flex: 0 0 auto;
     display: flex;
@@ -34340,7 +34897,8 @@ select.k-picker-lg {
 .k-calendar-infinite .k-calendar-header {
     margin-left: -16px;
     margin-right: -16px;
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     width: auto;
     min-width: 0;
 }
@@ -34400,7 +34958,8 @@ select.k-picker-lg {
     height: 2em;
     line-height: 2em;
     cursor: pointer;
-    padding: 0 1em;
+    padding-block: 0;
+    padding-inline: 1em;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: clip;
@@ -34473,13 +35032,6 @@ select.k-picker-lg {
     margin-right: -100px;
 }
 
-.k-rtl .k-calendar tbody th,
-.k-rtl .k-calendar .k-calendar-tbody .k-calendar-th,
-.k-calendar[dir="rtl"] tbody th,
-.k-calendar[dir="rtl"] .k-calendar-tbody .k-calendar-th {
-    text-align: right;
-}
-
 .k-calendar .k-title,
 .k-calendar .k-calendar-title {
     font-weight: 500;
@@ -34673,7 +35225,8 @@ select.k-picker-lg {
 
 .k-time-header,
 .k-time-selector-header {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     box-sizing: border-box;
     display: flex;
     align-items: center;
@@ -34685,7 +35238,8 @@ select.k-picker-lg {
 .k-time-header .k-time-selector-header-title,
 .k-time-selector-header .k-title,
 .k-time-selector-header .k-time-selector-header-title {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     font-weight: bold;
     display: inline-block;
 }
@@ -34828,7 +35382,8 @@ select.k-picker-lg {
 
 .k-time-list-item,
 .k-time-list .k-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-time-separator {
@@ -34859,7 +35414,8 @@ select.k-picker-lg {
 
 .k-timeselector-sm .k-time-list-item,
 .k-timeselector-sm .k-time-list .k-item {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
 }
 
 .k-timeselector-md {
@@ -34878,7 +35434,8 @@ select.k-picker-lg {
 
 .k-timeselector-md .k-time-list-item,
 .k-timeselector-md .k-time-list .k-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-timeselector-lg {
@@ -34897,7 +35454,8 @@ select.k-picker-lg {
 
 .k-timeselector-lg .k-time-list-item,
 .k-timeselector-lg .k-time-list .k-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-rtl .k-time-container,
@@ -35075,7 +35633,8 @@ select.k-picker-lg {
 .k-colorgradient {
     border-radius: 4px;
     width: 294px;
-    padding: 12px 12px;
+    padding-block: 12px;
+    padding-inline: 12px;
     border-style: solid;
     border-width: 1px;
     box-sizing: border-box;
@@ -35230,11 +35789,13 @@ select.k-picker-lg {
     gap: 4px;
 }
 
-.k-colorgradient-color-contrast .k-contrast-validation .k-icon {
+.k-colorgradient-color-contrast .k-contrast-validation .k-icon,
+.k-colorgradient-color-contrast .k-contrast-validation .k-svg-icon {
     vertical-align: middle;
 }
 
 .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon,
+.k-colorgradient-color-contrast .k-contrast-validation .k-svg-icon + .k-svg-icon,
 .k-colorgradient-color-contrast .k-contrast-validation .k-icon-wrapper-host + .k-icon-wrapper-host .k-icon {
     margin-inline-start: -13px;
 }
@@ -35348,7 +35909,8 @@ select.k-picker-lg {
 
 .k-coloreditor-views {
     min-width: calc(var(--kendo-color-preview-width, 24px)*var(--kendo-color-preview-columns, 10));
-    padding: 12px 12px;
+    padding-block: 12px;
+    padding-inline: 12px;
     gap: 12px;
 }
 
@@ -35413,7 +35975,8 @@ select.k-picker-lg {
 }
 
 .k-datetime-wrap .k-datetime-buttongroup {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
 }
 
 .k-datetime-wrap .k-calendar,
@@ -35578,7 +36141,8 @@ select.k-picker-lg {
 }
 
 .k-treeview-leaf {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     border: 0px solid transparent;
     text-decoration: none;
     display: inline-flex;
@@ -35589,6 +36153,7 @@ select.k-picker-lg {
 }
 
 .k-treeview-leaf .k-icon,
+.k-treeview-leaf .k-svg-icon,
 .k-treeview-leaf .k-image,
 .k-treeview-leaf .k-sprite {
     margin-right: 8px;
@@ -35625,15 +36190,19 @@ select.k-picker-lg {
 }
 
 .k-rtl .k-treeview .k-treeview-leaf .k-icon,
+.k-rtl .k-treeview .k-treeview-leaf .k-svg-icon,
 .k-rtl .k-treeview .k-treeview-leaf .k-image,
 .k-rtl .k-treeview .k-treeview-leaf .k-sprite,
 .k-rtl .k-treeview .k-in .k-icon,
+.k-rtl .k-treeview .k-in .k-svg-icon,
 .k-rtl .k-treeview .k-in .k-image,
 .k-rtl .k-treeview .k-in .k-sprite,
 .k-treeview[dir="rtl"] .k-treeview-leaf .k-icon,
+.k-treeview[dir="rtl"] .k-treeview-leaf .k-svg-icon,
 .k-treeview[dir="rtl"] .k-treeview-leaf .k-image,
 .k-treeview[dir="rtl"] .k-treeview-leaf .k-sprite,
 .k-treeview[dir="rtl"] .k-in .k-icon,
+.k-treeview[dir="rtl"] .k-in .k-svg-icon,
 .k-treeview[dir="rtl"] .k-in .k-image,
 .k-treeview[dir="rtl"] .k-in .k-sprite {
     margin-right: 0;
@@ -35646,7 +36215,8 @@ select.k-picker-lg {
 }
 
 .k-treeview-sm .k-treeview-leaf {
-    padding: 6px 16px;
+    padding-block: 6px;
+    padding-inline: 16px;
 }
 
 .k-treeview-md {
@@ -35655,7 +36225,8 @@ select.k-picker-lg {
 }
 
 .k-treeview-md .k-treeview-leaf {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-treeview-lg {
@@ -35664,7 +36235,8 @@ select.k-picker-lg {
 }
 
 .k-treeview-lg .k-treeview-leaf {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-treeview {
@@ -35715,7 +36287,8 @@ select.k-picker-lg {
 }
 
 .k-popup-dropdowntree .k-treeview {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
 }
 
 .k-rating {
@@ -35746,13 +36319,15 @@ select.k-picker-lg {
 .k-rating-container {
     flex: 0 1 auto;
     position: relative;
-    margin: 0 4px;
+    margin-block: 0;
+    margin-inline: 4px;
 }
 
 .k-rating-container .k-rating-item {
     display: inline-flex;
     position: relative;
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     align-items: center;
     vertical-align: middle;
     margin: 0;
@@ -35769,6 +36344,11 @@ select.k-picker-lg {
     font-size: 24px;
 }
 
+.k-rating-container .k-rating-item .k-svg-icon {
+    width: 24px;
+    height: 24px;
+}
+
 .k-rating-container .k-rating-item .k-rating-precision-part,
 .k-rating-container .k-rating-item .k-rating-precision-complement {
     display: inherit;
@@ -35791,7 +36371,8 @@ select.k-picker-lg {
     align-items: center;
     vertical-align: middle;
     line-height: 1.5;
-    margin: 4px 8px;
+    margin-block: 4px;
+    margin-inline: 8px;
 }
 
 .k-rtl .k-rating-precision-part,
@@ -35813,10 +36394,18 @@ select.k-picker-lg {
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
+.k-rating:focus .k-rating-item > .k-svg-icon, .k-rating.k-focus .k-rating-item > .k-svg-icon {
+    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+}
+
 .k-rating:focus .k-rating-item.k-selected > .k-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-icon {
     text-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }
 
+.k-rating:focus .k-rating-item.k-selected > .k-svg-icon, .k-rating.k-focus .k-rating-item.k-selected > .k-svg-icon {
+    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
+}
+
 .k-rating-item {
     color: rgba(0, 0, 0, 0.54);
 }
@@ -36147,7 +36736,8 @@ select.k-picker-lg {
 }
 
 .k-dropzone-inner {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -36160,7 +36750,6 @@ select.k-picker-lg {
     align-items: center;
     justify-content: center;
     position: relative;
-    cursor: pointer;
 }
 
 .k-dropzone-inner .k-icon,
@@ -36169,6 +36758,11 @@ select.k-picker-lg {
     font-size: 48px;
 }
 
+.k-dropzone-inner .k-svg-icon {
+    width: 48px;
+    height: 48px;
+}
+
 .k-dropzone-inner .k-dropzone-hint {
     margin-bottom: 8px;
 }
@@ -36223,7 +36817,8 @@ select.k-picker-lg {
 
 .k-upload .k-dropzone,
 .k-upload .k-upload-dropzone {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 0;
     text-align: end;
     display: flex;
@@ -36253,7 +36848,9 @@ select.k-picker-lg {
 }
 
 .k-upload .k-dropzone .k-upload-status > .k-icon,
-.k-upload .k-upload-dropzone .k-upload-status > .k-icon {
+.k-upload .k-dropzone .k-upload-status > .k-svg-icon,
+.k-upload .k-upload-dropzone .k-upload-status > .k-icon,
+.k-upload .k-upload-dropzone .k-upload-status > .k-svg-icon {
     margin-inline-end: 8px;
 }
 
@@ -36320,7 +36917,8 @@ select.k-picker-lg {
 }
 
 .k-upload .k-upload-files .k-upload-pct {
-    margin: 0 8px;
+    margin-block: 0;
+    margin-inline: 8px;
     font-weight: normal;
     vertical-align: middle;
 }
@@ -36519,7 +37117,8 @@ select.k-picker-lg {
 }
 
 .k-appbar {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 0px;
     border-style: solid;
     box-sizing: border-box;
@@ -36712,20 +37311,24 @@ select.k-picker-lg {
 }
 
 .k-fab-sm {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
 }
 
 .k-fab-md {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
 }
 
 .k-fab-lg {
-    padding: 24px 24px;
+    padding-block: 24px;
+    padding-inline: 24px;
 }
 
 .k-fab-items {
     margin: 0;
-    padding: 16px 0px;
+    padding-block: 16px;
+    padding-inline: 0px;
     display: flex;
 }
 
@@ -36773,7 +37376,8 @@ select.k-picker-lg {
 }
 
 .k-fab-item-text {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     border-width: 1px;
     border-radius: 2px;
     font-size: 10px;
@@ -36783,7 +37387,8 @@ select.k-picker-lg {
 .k-fab-item-icon {
     width: 20px;
     height: 20px;
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 0;
     border-radius: 50%;
     box-sizing: content-box;
@@ -37296,7 +37901,8 @@ select.k-picker-lg {
 }
 
 .k-actionsheet-titlebar, .k-actionsheet-jq .k-actionsheet-header {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     border-width: 0;
     border-style: solid;
     border-color: transparent;
@@ -37356,7 +37962,8 @@ select.k-picker-lg {
 
 .k-actionsheet-action {
     margin: 0;
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     min-height: 40px;
     box-sizing: border-box;
     color: inherit;
@@ -37445,16 +38052,19 @@ select.k-picker-lg {
 }
 
 .k-adaptive-actionsheet .k-actionsheet-titlebar, .k-adaptive-actionsheet .k-actionsheet-jq .k-actionsheet-header, .k-actionsheet-jq .k-adaptive-actionsheet .k-actionsheet-header {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
     border-bottom-width: 1px;
 }
 
 .k-adaptive-actionsheet .k-actionsheet-content {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-adaptive-actionsheet .k-actionsheet-footer {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-adaptive-actionsheet .k-actionsheet-filter {
@@ -37620,7 +38230,8 @@ select.k-picker-lg {
 .k-window-titlebar {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-    padding: 16px 24px;
+    padding-block: 16px;
+    padding-inline: 24px;
     border-width: 0px;
     border-style: solid;
     white-space: nowrap;
@@ -37635,8 +38246,10 @@ select.k-picker-lg {
 }
 
 .k-window-title {
-    padding: .5em 0;
-    margin: -.5em 0;
+    padding-block: .5em;
+    padding-inline: 0;
+    margin-block: -.5em;
+    margin-inline: 0;
     font-size: 20px;
     line-height: 1.6;
     text-overflow: ellipsis;
@@ -37652,7 +38265,8 @@ select.k-picker-lg {
 }
 
 .k-window-titlebar-actions {
-    margin: -5em 0;
+    margin-block: -5em;
+    margin-inline: 0;
     margin-inline-end: -8px;
     line-height: 1;
     display: flex;
@@ -37668,7 +38282,8 @@ select.k-picker-lg {
 
 .k-window-content,
 .k-prompt-container {
-    padding: 8px 24px;
+    padding-block: 8px;
+    padding-inline: 24px;
     border-width: 0;
     border-color: inherit;
     color: inherit;
@@ -37706,7 +38321,8 @@ select.k-picker-lg {
 .k-window-actions {
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 0px 0 0;
     border-style: solid;
     border-color: inherit;
@@ -37800,7 +38416,8 @@ select.k-picker-lg {
 .k-dialog-actions {
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 1px 0 0;
     border-style: solid;
     border-color: inherit;
@@ -37946,7 +38563,8 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-drawer-item {
-    padding: 12px 16px;
+    padding-block: 12px;
+    padding-inline: 16px;
     outline: 0;
     color: inherit;
     font-size: 16px;
@@ -37958,8 +38576,10 @@ kendo-drawer .k-drawer-wrapper {
 }
 
 .k-drawer-item > .k-drawer-link {
-    margin: -12px -16px;
-    padding: 12px 16px;
+    margin-block: -12px;
+    margin-inline: -16px;
+    padding-block: 12px;
+    padding-inline: 16px;
     color: inherit;
     display: flex;
     flex-flow: row nowrap;
@@ -38146,7 +38766,8 @@ kendo-drawer .k-drawer-wrapper {
 
 .k-notification {
     border-radius: 4px;
-    padding: 14px 16px;
+    padding-block: 14px;
+    padding-inline: 16px;
     border-width: 0px;
     border-style: solid;
     box-sizing: border-box;
@@ -38307,7 +38928,8 @@ kendo-card-footer {
 }
 
 .k-card-header {
-    padding: 12px 16px;
+    padding-block: 12px;
+    padding-inline: 16px;
     border-width: 0 0 1px;
     border-style: solid;
     outline: 0;
@@ -38328,7 +38950,8 @@ kendo-card-footer {
 }
 
 .k-card-footer {
-    padding: 12px 16px;
+    padding-block: 12px;
+    padding-inline: 16px;
     border-width: 1px 0 0;
     border-style: solid;
     outline: 0;
@@ -38336,7 +38959,8 @@ kendo-card-footer {
 }
 
 .k-card-body {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
     outline: 0;
     flex: 1 1 auto;
 }
@@ -38425,7 +39049,8 @@ kendo-card-footer {
 }
 
 .k-card-actions {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 0;
     border-style: solid;
     border-color: inherit;
@@ -38783,14 +39408,16 @@ kendo-card-footer {
 .k-popover-header {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-    padding: 12px 16px;
+    padding-block: 12px;
+    padding-inline: 16px;
     border-width: 0 0 1px;
     border-style: solid;
     border-color: inherit;
 }
 
 .k-popover-body {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
 }
 
 .k-popover-actions {
@@ -38897,7 +39524,8 @@ kendo-card-footer {
 }
 
 .k-bottom-nav {
-    padding: 0px 0px;
+    padding-block: 0px;
+    padding-inline: 0px;
     width: 100%;
     border-width: 0;
     border-style: solid;
@@ -38932,7 +39560,8 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-item {
-    padding: 0 8px;
+    padding-block: 0;
+    padding-inline: 8px;
     min-width: 72px;
     min-height: 56px;
     border-width: 0;
@@ -38961,8 +39590,10 @@ kendo-card-footer {
 }
 
 .k-bottom-nav-item > .k-bottom-nav-link {
-    margin: 0 -8px;
-    padding: 0 8px;
+    margin-block: 0;
+    margin-inline: -8px;
+    padding-block: 0;
+    padding-inline: 8px;
     width: 100%;
     color: inherit;
     display: flex;
@@ -39245,7 +39876,8 @@ kendo-card-footer {
 .k-breadcrumb-link,
 .k-breadcrumb-root-link {
     border-radius: 4px;
-    padding: 4px 10px;
+    padding-block: 4px;
+    padding-inline: 10px;
     color: inherit;
     text-decoration: none;
     white-space: nowrap;
@@ -39260,16 +39892,18 @@ kendo-card-footer {
 }
 
 .k-breadcrumb-root-link {
-    margin-right: 10px;
+    margin-inline-end: 10px;
 }
 
 .k-breadcrumb-link > .k-image,
-.k-breadcrumb-icontext-link .k-icon {
-    margin-right: 8px;
+.k-breadcrumb-icontext-link .k-icon,
+.k-breadcrumb-icontext-link .k-svg-icon {
+    margin-inline-end: 8px;
 }
 
 .k-breadcrumb-icon-link {
-    padding: 10px 10px;
+    padding-block: 10px;
+    padding-inline: 10px;
 }
 
 .k-breadcrumb-delimiter,
@@ -39287,20 +39921,6 @@ kendo-card-footer {
     border-color: transparent;
 }
 
-.k-breadcrumb[dir="rtl"] .k-breadcrumb-root-link,
-.k-rtl .k-breadcrumb .k-breadcrumb-root-link {
-    margin-right: 0;
-    margin-left: 10px;
-}
-
-.k-breadcrumb[dir="rtl"] .k-breadcrumb-link > .k-image,
-.k-breadcrumb[dir="rtl"] .k-breadcrumb-icontext-link .k-icon,
-.k-rtl .k-breadcrumb .k-breadcrumb-link > .k-image,
-.k-rtl .k-breadcrumb .k-breadcrumb-icontext-link .k-icon {
-    margin-right: 0;
-    margin-left: 8px;
-}
-
 .k-breadcrumb {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.87);
@@ -39460,7 +40080,8 @@ kendo-card-footer {
 }
 
 .k-pager-input .k-textbox {
-    margin: 0 1ex;
+    margin-block: 0;
+    margin-inline: 1ex;
     width: 5em;
 }
 
@@ -39487,7 +40108,7 @@ kendo-card-footer {
 }
 
 .k-pager-info {
-    text-align: right;
+    text-align: end;
     justify-content: flex-end;
     flex: 1 1 0%;
     order: 9;
@@ -39629,6 +40250,7 @@ kendo-card-footer {
     padding: 0;
     list-style: none;
     display: flex;
+    position: relative;
     z-index: 1;
 }
 
@@ -39693,7 +40315,8 @@ kendo-card-footer {
 
 .k-stepper .k-step-label:only-child {
     border-radius: 15px;
-    padding: 5px 12px;
+    padding-block: 5px;
+    padding-inline: 12px;
     border-width: 0;
 }
 
@@ -39705,7 +40328,8 @@ kendo-card-footer {
     overflow: hidden;
 }
 
-.k-stepper .k-step-label .k-icon {
+.k-stepper .k-step-label .k-icon,
+.k-stepper .k-step-label .k-svg-icon {
     margin-left: 8px;
 }
 
@@ -39814,7 +40438,8 @@ kendo-card-footer {
     flex-direction: column;
     justify-content: space-between;
     margin-left: 30px;
-    padding: 20px 10px;
+    padding-block: 20px;
+    padding-inline: 10px;
 }
 
 .k-rtl .k-stepper,
@@ -39823,7 +40448,9 @@ kendo-card-footer {
 }
 
 .k-rtl .k-stepper .k-step-label .k-icon,
-.k-stepper[dir="rtl"] .k-step-label .k-icon {
+.k-rtl .k-stepper .k-step-label .k-svg-icon,
+.k-stepper[dir="rtl"] .k-step-label .k-icon,
+.k-stepper[dir="rtl"] .k-step-label .k-svg-icon {
     margin-left: 0;
     margin-right: 8px;
 }
@@ -39913,7 +40540,8 @@ kendo-card-footer {
     background-color: #8c97d3;
 }
 
-.k-stepper .k-step-success .k-step-label .k-icon {
+.k-stepper .k-step-success .k-step-label .k-icon,
+.k-stepper .k-step-success .k-step-label .k-svg-icon {
     color: #37b400;
 }
 
@@ -39934,7 +40562,8 @@ kendo-card-footer {
 }
 
 .k-tabstrip-wrapper {
-    padding: 0px 0px;
+    padding-block: 0px;
+    padding-inline: 0px;
     box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
@@ -39974,7 +40603,8 @@ kendo-card-footer {
     box-sizing: border-box;
     outline: 0;
     display: flex;
-    flex-flow: row wrap;
+    flex-direction: inherit;
+    flex-wrap: wrap;
     flex: 1 1 auto;
     gap: 0px;
 }
@@ -40003,7 +40633,8 @@ kendo-card-footer {
 }
 
 .k-tabstrip-items .k-link {
-    padding: 14px 24px;
+    padding-block: 14px;
+    padding-inline: 24px;
     color: inherit;
     cursor: pointer;
     display: inline-flex;
@@ -40014,10 +40645,17 @@ kendo-card-footer {
     align-items: center;
 }
 
+.k-tabstrip-items .k-item.k-disabled,
+.k-tabstrip-items .k-item[disabled] {
+    opacity: 1;
+    filter: none;
+}
+
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
     margin: 0 !important;
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
     box-sizing: border-box;
     border-width: 0px;
     border-style: solid;
@@ -40067,6 +40705,8 @@ kendo-card-footer {
 }
 
 .k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-button {
+    padding-block: 4px;
+    padding-inline: 4px;
     width: auto;
     height: auto;
     flex: none;
@@ -40079,12 +40719,12 @@ kendo-card-footer {
     min-height: auto;
 }
 
-.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hstack > .k-button, .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-hbox > .k-button {
-    padding: 0 4px;
+.k-tabstrip-horizontal, .k-tabstrip-top > .k-tabstrip-items-wrapper, .k-tabstrip-bottom > .k-tabstrip-items-wrapper {
+    flex-direction: row;
 }
 
-.k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vstack > .k-button, .k-tabstrip-scrollable > .k-tabstrip-items-wrapper.k-vbox > .k-button {
-    padding: 4px 0;
+.k-tabstrip-vertical, .k-tabstrip-left > .k-tabstrip-items-wrapper, .k-tabstrip-right > .k-tabstrip-items-wrapper {
+    flex-direction: column;
 }
 
 .k-tabstrip-top > .k-tabstrip-items-wrapper {
@@ -40094,11 +40734,14 @@ kendo-card-footer {
 .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
     border-top-left-radius: 0px;
     border-top-right-radius: 0px;
-    margin-bottom: -1px;
+    border-bottom-width: 0;
 }
 
+.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:active,
 .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
-    border-bottom-color: transparent;
+    margin-bottom: -1px;
+    border-bottom-width: 1px;
+    border-bottom-color: transparent !important;
 }
 
 .k-tabstrip-top > .k-content,
@@ -40115,11 +40758,14 @@ kendo-card-footer {
 .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item {
     border-bottom-right-radius: 0px;
     border-bottom-left-radius: 0px;
-    margin-top: -1px;
+    border-top-width: 0;
 }
 
+.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item:active,
 .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active {
-    border-top-color: transparent;
+    margin-top: -1px;
+    border-top-width: 1px;
+    border-top-color: transparent !important;
 }
 
 .k-tabstrip-bottom > .k-content,
@@ -40137,18 +40783,17 @@ kendo-card-footer {
     border-right-width: 1px;
 }
 
-.k-tabstrip-left > .k-tabstrip-items-wrapper > .k-tabstrip-items {
-    flex-direction: column;
-}
-
 .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item {
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
-    margin-right: -1px;
+    border-right-width: 0;
 }
 
+.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item:active,
 .k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
-    border-right-color: transparent;
+    margin-right: -1px;
+    border-right-width: 1px;
+    border-right-color: transparent !important;
 }
 
 .k-tabstrip-left > .k-content,
@@ -40166,18 +40811,17 @@ kendo-card-footer {
     border-left-width: 1px;
 }
 
-.k-tabstrip-right > .k-tabstrip-items-wrapper > .k-tabstrip-items {
-    flex-direction: column;
-}
-
 .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item {
     border-top-right-radius: 0px;
     border-bottom-right-radius: 0px;
-    margin-left: -1px;
+    border-left-width: 0;
 }
 
+.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item:active,
 .k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
-    border-left-color: transparent;
+    margin-left: -1px;
+    border-left-width: 1px;
+    border-left-color: transparent !important;
 }
 
 .k-tabstrip-right > .k-content,
@@ -40221,6 +40865,14 @@ kendo-card-footer {
     pointer-events: none;
 }
 
+.k-tabstrip-items-wrapper .k-item.k-active::after {
+    display: block;
+}
+
+.k-tabstrip-items-wrapper .k-item > .k-link {
+    z-index: 1;
+}
+
 .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item::after {
     border-bottom-width: 2px;
 }
@@ -40237,12 +40889,8 @@ kendo-card-footer {
     border-left-width: 2px;
 }
 
-.k-tabstrip-items-wrapper .k-item.k-active::after {
-    display: block;
-}
-
-.k-tabstrip-items-wrapper .k-item > .k-link {
-    z-index: 1;
+.k-tabstrip-items-wrapper .k-item.k-tabstrip-dragging::after {
+    display: none !important;
 }
 
 .k-rtl .k-tabstrip.k-tabstrip-left > .k-tabstrip-items-wrapper, .k-rtl .k-tabstrip.k-tabstrip-right > .k-tabstrip-items-wrapper,
@@ -40263,17 +40911,13 @@ kendo-card-footer {
     order: 0;
 }
 
-.k-rtl .k-tabstrip .k-tabstrip-prev,
-.k-rtl .k-tabstrip .k-tabstrip-next,
-.k-tabstrip[dir="rtl"] .k-tabstrip-prev,
-.k-tabstrip[dir="rtl"] .k-tabstrip-next {
+.k-rtl .k-tabstrip .k-tabstrip-prev .k-button-icon,
+.k-rtl .k-tabstrip .k-tabstrip-next .k-button-icon,
+.k-tabstrip[dir="rtl"] .k-tabstrip-prev .k-button-icon,
+.k-tabstrip[dir="rtl"] .k-tabstrip-next .k-button-icon {
     transform: scaleX(-1);
 }
 
-.k-tabstrip {
-    line-height: 1.4285714286;
-}
-
 .k-tabstrip-items {
     text-transform: uppercase;
 }
@@ -40282,11 +40926,6 @@ kendo-card-footer {
     justify-content: flex-end;
 }
 
-.k-tabstrip-items .k-disabled {
-    opacity: 1;
-    filter: none;
-}
-
 .k-tabstrip-items-wrapper {
     border-color: rgba(0, 0, 0, 0.12);
     color: rgba(0, 0, 0, 0.54);
@@ -40309,6 +40948,10 @@ kendo-card-footer {
     box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
 }
 
+.k-tabstrip-items-wrapper .k-item.k-disabled, .k-tabstrip-items-wrapper .k-item[disabled] {
+    color: rgba(0, 0, 0, 0.38);
+}
+
 .k-tabstrip-content,
 .k-tabstrip > .k-content {
     background-color: transparent;
@@ -40324,12 +40967,9 @@ kendo-card-footer {
     border-color: #3f51b5;
 }
 
-.k-tabstrip-items .k-disabled {
-    color: rgba(0, 0, 0, 0.38);
-}
-
 .k-wizard {
-    padding: 20px 20px;
+    padding-block: 20px;
+    padding-inline: 20px;
     border-width: 0px;
     border-style: solid;
     box-sizing: border-box;
@@ -40467,7 +41107,8 @@ kendo-card-footer {
 }
 
 .k-expander-header {
-    padding: 12px 24px;
+    padding-block: 12px;
+    padding-inline: 24px;
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -40488,7 +41129,8 @@ kendo-card-footer {
 }
 
 .k-expander-content {
-    padding: 24px 24px;
+    padding-block: 24px;
+    padding-inline: 24px;
 }
 
 .k-expander + .k-expander.k-expanded,
@@ -40565,7 +41207,8 @@ kendo-card-footer {
 
 .k-panelbar > .k-item > .k-link,
 .k-panelbar > .k-panelbar-header > .k-link {
-    padding: 12px 24px;
+    padding-block: 12px;
+    padding-inline: 24px;
     color: inherit;
     background: none;
     text-decoration: none;
@@ -40606,7 +41249,8 @@ kendo-card-footer {
 
 .k-panelbar .k-group > .k-item > .k-link,
 .k-panelbar .k-panelbar-group > .k-panelbar-item > .k-link {
-    padding: 12px 24px;
+    padding-block: 12px;
+    padding-inline: 24px;
     color: inherit;
     text-decoration: none;
     display: flex;
@@ -40707,8 +41351,10 @@ kendo-card-footer {
 }
 
 .k-panelbar > .k-item > .k-link .k-icon,
+.k-panelbar > .k-item > .k-link .k-svg-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-svg-icon,
 .k-panelbar > .k-panelbar-header > .k-link .k-panelbar-item-icon {
     color: rgba(0, 0, 0, 0.87);
 }
@@ -40741,8 +41387,10 @@ kendo-card-footer {
 }
 
 .k-panelbar > .k-item > .k-link.k-selected .k-icon,
+.k-panelbar > .k-item > .k-link.k-selected .k-svg-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-svg-icon,
 .k-panelbar > .k-panelbar-header > .k-link.k-selected .k-panelbar-item-icon {
     color: inherit;
 }
@@ -40905,6 +41553,12 @@ kendo-card-footer {
     font-size: 10px;
 }
 
+.k-ghost-splitbar .k-svg-icon,
+.k-splitbar .k-svg-icon {
+    width: 10px;
+    height: 10px;
+}
+
 .k-splitbar-draggable-horizontal {
     cursor: col-resize;
 }
@@ -41233,7 +41887,8 @@ kendo-card-footer {
 
 .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 {
@@ -41253,7 +41908,8 @@ kendo-card-footer {
 }
 
 .k-scheduler-mobile .k-scheduler-toolbar {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
 }
 
 .k-scheduler-mobile .k-scheduler-toolbar > * {
@@ -41286,7 +41942,8 @@ kendo-card-footer {
 }
 
 .k-scheduler-mobile .k-scheduler-footer {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     display: flex;
     justify-content: space-between;
 }
@@ -41428,12 +42085,14 @@ kendo-card-footer {
 
 .k-pane-wrapper .k-list-title,
 .k-pane-wrapper .k-filter-help-text {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     display: block;
 }
 
 .k-pane-wrapper .k-listgroup-title {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     font-weight: bold;
     text-transform: uppercase;
 }
@@ -41842,7 +42501,8 @@ kendo-card-footer {
     margin-inline-start: 4px;
 }
 
-.k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon .k-icon {
+.k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon .k-icon,
+.k-grid .k-grid-header .k-cell-inner > .k-link > .k-sort-icon .k-svg-icon {
     display: flex;
 }
 
@@ -41924,7 +42584,8 @@ kendo-card-footer {
     text-overflow: clip;
 }
 
-.k-grid .k-grouping-row .k-icon {
+.k-grid .k-grouping-row .k-icon,
+.k-grid .k-grouping-row .k-svg-icon {
     margin-inline-start: -16px;
     margin-inline-end: 8px;
     text-decoration: none;
@@ -41949,7 +42610,8 @@ kendo-card-footer {
 
 .k-grid .k-hierarchy-cell > .k-icon,
 .k-grid .k-drag-cell > .k-icon {
-    padding: 10px 0;
+    padding-block: 10px;
+    padding-inline: 0;
     width: 100%;
     height: 100%;
     display: inline-block;
@@ -42150,8 +42812,10 @@ div.k-grid-footer {
 .k-grid-column-menu-standalone a.k-grid-filter {
     position: initial;
     display: inline-block;
-    margin: -4px 0;
-    padding: 4px 8px;
+    margin-block: -4px;
+    margin-inline: 0;
+    padding-block: 4px;
+    padding-inline: 8px;
 }
 
 .k-filter-row {
@@ -42433,9 +43097,9 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 kendo-grid .k-grid-row-sticky td.k-grid-content-sticky,
-kendo-grid .k-grid-row-sticky.k-alt td.k-grid-content-sticky,
+kendo-grid .k-grid-row-sticky.k-table-alt-row td.k-grid-content-sticky,
 kendo-grid .k-grid-row-sticky .k-table-td.k-grid-content-sticky,
-kendo-grid .k-grid-row-sticky.k-alt .k-table-td.k-grid-content-sticky {
+kendo-grid .k-grid-row-sticky.k-table-alt-row .k-table-td.k-grid-content-sticky {
     z-index: 3;
 }
 
@@ -42508,7 +43172,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;
@@ -42524,16 +43189,19 @@ div.k-grid-norecords {
 }
 
 .k-grid-sm .k-table-th {
-    padding: 10px 10px;
+    padding-block: 10px;
+    padding-inline: 10px;
 }
 
 .k-grid-sm td,
 .k-grid-sm .k-table-td {
-    padding: 4px 10px;
+    padding-block: 4px;
+    padding-inline: 10px;
 }
 
 .k-grid-sm .k-grouping-header {
-    padding: 6px 6px;
+    padding-block: 6px;
+    padding-inline: 6px;
     gap: 6px;
 }
 
@@ -42542,8 +43210,10 @@ div.k-grid-norecords {
 }
 
 .k-grid-sm .k-grid-header .k-table-th > .k-link {
-    margin: -10px -10px;
-    padding: 10px 10px;
+    margin-block: -10px;
+    margin-inline: -10px;
+    padding-block: 10px;
+    padding-inline: 10px;
 }
 
 .k-grid-sm .k-grid-header .k-grid-filter,
@@ -42556,14 +43226,17 @@ div.k-grid-norecords {
 }
 
 .k-grid-sm .k-table-th > .k-cell-inner {
-    margin: -10px -10px;
+    margin-block: -10px;
+    margin-inline: -10px;
 }
 
 .k-grid-sm .k-table-th > .k-cell-inner > .k-link {
-    padding: 10px 10px;
+    padding-block: 10px;
+    padding-inline: 10px;
 }
 
-.k-grid-sm .k-grouping-row .k-icon {
+.k-grid-sm .k-grouping-row .k-icon,
+.k-grid-sm .k-grouping-row .k-svg-icon {
     margin-inline-start: -2px;
 }
 
@@ -42577,21 +43250,26 @@ div.k-grid-norecords {
 }
 
 .k-grid-sm .k-hierarchy-cell > .k-icon,
-.k-grid-sm .k-drag-cell > .k-icon {
-    padding: 4px 0;
+.k-grid-sm .k-hierarchy-cell > .k-svg-icon,
+.k-grid-sm .k-drag-cell > .k-icon,
+.k-grid-sm .k-drag-cell > .k-svg-icon {
+    padding-block: 4px;
+    padding-inline: 0;
 }
 
 .k-grid-sm .k-edit-cell,
 .k-grid-sm .k-command-cell,
 .k-grid-sm .k-grid-edit-row td,
 .k-grid-sm .k-grid-edit-row .k-table-td {
-    padding: 4px 10px;
+    padding-block: 4px;
+    padding-inline: 10px;
 }
 
 .k-grid-sm .k-filter-row td,
 .k-grid-sm .k-filter-row .k-table-td,
 .k-grid-sm .k-filter-row .k-table-th {
-    padding: 8px 10px;
+    padding-block: 8px;
+    padding-inline: 10px;
 }
 
 .k-grid-sm .k-filtercell > span,
@@ -42600,16 +43278,19 @@ div.k-grid-norecords {
 }
 
 .k-grid-md .k-table-th {
-    padding: 16px 24px;
+    padding-block: 16px;
+    padding-inline: 24px;
 }
 
 .k-grid-md td,
 .k-grid-md .k-table-td {
-    padding: 10px 24px;
+    padding-block: 10px;
+    padding-inline: 24px;
 }
 
 .k-grid-md .k-grouping-header {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     gap: 8px;
 }
 
@@ -42618,8 +43299,10 @@ div.k-grid-norecords {
 }
 
 .k-grid-md .k-grid-header .k-table-th > .k-link {
-    margin: -16px -24px;
-    padding: 16px 24px;
+    margin-block: -16px;
+    margin-inline: -24px;
+    padding-block: 16px;
+    padding-inline: 24px;
 }
 
 .k-grid-md .k-grid-header .k-grid-filter,
@@ -42632,14 +43315,17 @@ div.k-grid-norecords {
 }
 
 .k-grid-md .k-table-th > .k-cell-inner {
-    margin: -16px -24px;
+    margin-block: -16px;
+    margin-inline: -24px;
 }
 
 .k-grid-md .k-table-th > .k-cell-inner > .k-link {
-    padding: 16px 24px;
+    padding-block: 16px;
+    padding-inline: 24px;
 }
 
-.k-grid-md .k-grouping-row .k-icon {
+.k-grid-md .k-grouping-row .k-icon,
+.k-grid-md .k-grouping-row .k-svg-icon {
     margin-inline-start: -16px;
 }
 
@@ -42653,21 +43339,26 @@ div.k-grid-norecords {
 }
 
 .k-grid-md .k-hierarchy-cell > .k-icon,
-.k-grid-md .k-drag-cell > .k-icon {
-    padding: 10px 0;
+.k-grid-md .k-hierarchy-cell > .k-svg-icon,
+.k-grid-md .k-drag-cell > .k-icon,
+.k-grid-md .k-drag-cell > .k-svg-icon {
+    padding-block: 10px;
+    padding-inline: 0;
 }
 
 .k-grid-md .k-edit-cell,
 .k-grid-md .k-command-cell,
 .k-grid-md .k-grid-edit-row td,
 .k-grid-md .k-grid-edit-row .k-table-td {
-    padding: 6px 24px;
+    padding-block: 6px;
+    padding-inline: 24px;
 }
 
 .k-grid-md .k-filter-row td,
 .k-grid-md .k-filter-row .k-table-td,
 .k-grid-md .k-filter-row .k-table-th {
-    padding: 10px 24px;
+    padding-block: 10px;
+    padding-inline: 24px;
 }
 
 .k-grid-md .k-filtercell > span,
@@ -42770,7 +43461,11 @@ div.k-grid-norecords {
 .k-filter-menu-container kendo-grid-string-filter-menu,
 .k-filter-menu-container kendo-grid-date-filter-menu,
 .k-filter-menu-container kendo-grid-numeric-filter-menu,
-.k-filter-menu-container kendo-grid-filter-menu-input-wrapper {
+.k-filter-menu-container kendo-grid-filter-menu-input-wrapper,
+.k-filter-menu-container kendo-treelist-string-filter-menu,
+.k-filter-menu-container kendo-treelist-date-filter-menu,
+.k-filter-menu-container kendo-treelist-numeric-filter-menu,
+.k-filter-menu-container kendo-treelist-filter-menu-input-wrapper {
     display: flex;
     flex-flow: column nowrap;
     align-items: stretch;
@@ -42793,7 +43488,8 @@ div.k-grid-norecords {
 
 .k-popup .k-multicheck-wrap .k-item,
 .k-popup .k-multicheck-wrap .k-check-all-wrap {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     display: flex;
     flex-flow: row nowrap;
 }
@@ -42870,7 +43566,8 @@ div.k-grid-norecords {
 
 .k-column-chooser-title,
 .k-column-list-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-column-list-item {
@@ -42888,16 +43585,19 @@ div.k-grid-norecords {
 }
 
 .k-columns-items-wrap {
-    padding: 8px 0;
+    padding-block: 8px;
+    padding-inline: 0;
 }
 
 .k-columnmenu-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     outline: 0;
     cursor: pointer;
 }
 
-.k-columnmenu-item > .k-icon {
+.k-columnmenu-item > .k-icon,
+.k-columnmenu-item > .k-svg-icon {
     margin-inline-end: 8px;
 }
 
@@ -42911,7 +43611,8 @@ div.k-grid-norecords {
 }
 
 .k-column-menu-group-header {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     display: flex;
     flex: 0 0 auto;
     position: relative;
@@ -42970,7 +43671,8 @@ div.k-grid-norecords {
 .k-cell-inner .k-grid-filter,
 .k-cell-inner .k-header-column-menu,
 .k-cell-inner .k-grid-header-menu,
-.k-cell-inner .k-hierarchy-cell .k-icon {
+.k-cell-inner .k-hierarchy-cell .k-icon,
+.k-cell-inner .k-hierarchy-cell .k-svg-icon {
     line-height: normal;
 }
 
@@ -43091,7 +43793,8 @@ div.k-grid-norecords {
 .k-grid .k-grid-filter,
 .k-grid .k-header-column-menu,
 .k-grid .k-grid-header-menu,
-.k-grid .k-hierarchy-cell .k-icon {
+.k-grid .k-hierarchy-cell .k-icon,
+.k-grid .k-hierarchy-cell .k-svg-icon {
     color: rgba(0, 0, 0, 0.54);
 }
 
@@ -43099,7 +43802,8 @@ div.k-grid-norecords {
     background-color: transparent;
 }
 
-.k-grid .k-grouping-row .k-icon {
+.k-grid .k-grouping-row .k-icon,
+.k-grid .k-grouping-row .k-svg-icon {
     color: rgba(0, 0, 0, 0.54);
 }
 
@@ -43164,14 +43868,17 @@ col.k-sorted,
 .k-grid-header .k-grid-header-menu:focus,
 .k-grid-header .k-grid-header-menu.k-focus,
 .k-grid-header .k-hierarchy-cell .k-icon:focus,
-.k-grid-header .k-hierarchy-cell .k-icon.k-focus {
+.k-grid-header .k-hierarchy-cell .k-icon.k-focus,
+.k-grid-header .k-hierarchy-cell .k-svg-icon:focus,
+.k-grid-header .k-hierarchy-cell .k-svg-icon.k-focus {
     box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
 }
 
 .k-grid-header .k-grid-filter.k-active,
 .k-grid-header .k-header-column-menu.k-active,
 .k-grid-header .k-grid-header-menu.k-active,
-.k-grid-header .k-hierarchy-cell .k-icon.k-active {
+.k-grid-header .k-hierarchy-cell .k-icon.k-active,
+.k-grid-header .k-hierarchy-cell .k-svg-icon.k-active {
     color: white;
     background-color: #e51a5f;
 }
@@ -43555,14 +44262,17 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-grid-header .k-sorted > .k-icon,
-.k-grid-header .k-link:hover > .k-icon {
+.k-grid-header .k-sorted > .k-svg-icon,
+.k-grid-header .k-link:hover > .k-icon,
+.k-grid-header .k-link:hover > .k-svg-icon {
     color: inherit;
 }
 
 .k-grid-header .k-grid-filter:hover,
 .k-grid-header .k-table-th-column-menu:hover,
 .k-grid-header .k-grid-header-menu:hover,
-.k-grid-header .k-hierarchy-cell .k-icon:hover {
+.k-grid-header .k-hierarchy-cell .k-icon:hover,
+.k-grid-header .k-hierarchy-cell .k-svg-icon:hover {
     color: rgba(0, 0, 0, 0.87);
     background-color: transparent;
 }
@@ -43573,7 +44283,9 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .k-grid-header .k-grid-header-menu:focus,
 .k-grid-header .k-grid-header-menu.k-focus,
 .k-grid-header .k-hierarchy-cell .k-icon:focus,
-.k-grid-header .k-hierarchy-cell .k-icon.k-focus {
+.k-grid-header .k-hierarchy-cell .k-icon.k-focus,
+.k-grid-header .k-hierarchy-cell .k-svg-icon:focus,
+.k-grid-header .k-hierarchy-cell .k-svg-icon.k-focus {
     color: rgba(0, 0, 0, 0.87);
     background-color: rgba(0, 0, 0, 0.12);
     box-shadow: none;
@@ -43582,7 +44294,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .k-grid-header .k-grid-filter.k-active,
 .k-grid-header .k-table-th-column-menu.k-active,
 .k-grid-header .k-grid-header-menu.k-active,
-.k-grid-header .k-hierarchy-cell .k-icon.k-active {
+.k-grid-header .k-hierarchy-cell .k-icon.k-active,
+.k-grid-header .k-hierarchy-cell .k-svg-icon.k-active {
     color: white;
     background-color: #3f51b5;
 }
@@ -43705,7 +44418,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-listview-content-padding-rectangle {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
 }
 
 .k-listview-content-padding-square {
@@ -43722,12 +44436,15 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-listview-item-padding-rectangle {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
 }
 
 .k-listview-item-padding-rectangle .k-listview-link {
-    margin: -4px -4px;
-    padding: 4px 4px;
+    margin-block: -4px;
+    margin-inline: -4px;
+    padding-block: 4px;
+    padding-inline: 4px;
 }
 
 .k-listview-item-padding-square {
@@ -43918,7 +44635,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet-formula-bar > .k-i-formula-fx {
-    padding: 0 4px;
+    padding-block: 0;
+    padding-inline: 4px;
     box-sizing: content-box;
     border-width: 0 1px 0 0;
     border-style: solid;
@@ -43933,7 +44651,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet-formula-bar .k-spreadsheet-formula-input {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     line-height: 1.25;
 }
 
@@ -43974,7 +44693,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet-formula-list .k-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
 }
 
 .k-syntax-func,
@@ -43983,7 +44703,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet-cell-editor {
-    padding: 0 3px;
+    padding-block: 0;
+    padding-inline: 3px;
     line-height: 20px;
     display: none;
     overflow: hidden;
@@ -44388,7 +45109,9 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-spreadsheet-filter-menu > .k-menu .k-icon,
-.k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon {
+.k-spreadsheet-filter-menu > .k-menu .k-svg-icon,
+.k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-icon,
+.k-spreadsheet-filter-menu > .k-menu.k-menu-vertical .k-svg-icon {
     margin-left: -20px;
     margin-right: 4px;
 }
@@ -44421,14 +45144,17 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .k-spreadsheet-filter-menu .k-details-summary,
 .k-spreadsheet-filter-menu .k-columnmenu-item {
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     display: flex;
     align-items: center;
     cursor: pointer;
 }
 
 .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
-.k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon {
+.k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
+.k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
+.k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon {
     margin-right: 4px;
 }
 
@@ -44558,6 +45284,11 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     font-size: 6em;
 }
 
+.k-export-config .k-page-orientation .k-svg-icon {
+    width: 6em;
+    height: 6em;
+}
+
 .k-spreadsheet-insert-comment textarea {
     height: auto;
 }
@@ -44719,6 +45450,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     padding-top: 0;
 }
 
+.k-spreadsheet-tabstrip .k-tabstrip-items-wrapper {
+    border-width: 0;
+}
+
 .k-spreadsheet-sheets-bar {
     padding: 0;
 }
@@ -44951,7 +45686,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     font-size: 14px;
     font-family: Roboto, "Helvetica Neue", sans-serif;
     line-height: 2;
-    text-align: left;
+    text-align: start;
     vertical-align: top;
     display: grid;
     grid-template-columns: 300px auto;
@@ -44968,6 +45703,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     border-collapse: separate;
     border-spacing: 0;
     outline: 0;
+    text-align: inherit;
     empty-cells: show;
 }
 
@@ -44977,6 +45713,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .k-pivotgrid tr,
 .k-pivotgrid td {
     border-color: inherit;
+    text-align: inherit;
 }
 
 .k-pivotgrid-table {
@@ -45061,7 +45798,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-pivotgrid-cell {
-    padding: 10px 24px;
+    padding-block: 10px;
+    padding-inline: 24px;
     text-overflow: ellipsis;
     white-space: nowrap;
     vertical-align: top;
@@ -45072,7 +45810,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     outline: none;
 }
 
-.k-pivotgrid-cell .k-icon {
+.k-pivotgrid-cell .k-icon,
+.k-pivotgrid-cell .k-svg-icon {
     cursor: pointer;
     padding-inline-end: 8px;
 }
@@ -45082,7 +45821,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-column-menu .k-treeview {
-    padding: 0px 16px;
+    padding-block: 0px;
+    padding-inline: 16px;
     overflow: auto;
 }
 
@@ -45101,7 +45841,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-pivotgrid-configurator-button {
-    padding: 4px 4px;
+    padding-block: 4px;
+    padding-inline: 4px;
     border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
@@ -45124,7 +45865,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-flex-row .k-pivotgrid-configurator-button .k-icon, .k-d-flex-row .k-pivotgrid-configurator-button .k-icon,
-.k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon {
+.k-flex-row .k-pivotgrid-configurator-button .k-svg-icon,
+.k-d-flex-row .k-pivotgrid-configurator-button .k-svg-icon,
+.k-flex-row-reverse .k-pivotgrid-configurator-button .k-icon,
+.k-flex-row-reverse .k-pivotgrid-configurator-button .k-svg-icon {
     vertical-align: baseline;
 }
 
@@ -45161,7 +45905,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-pivotgrid-configurator-header {
-    padding: 12px 16px;
+    padding-block: 12px;
+    padding-inline: 16px;
     font-size: 18px;
     font-weight: 500;
     display: flex;
@@ -45175,7 +45920,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-pivotgrid-configurator-content {
-    padding: 0px 16px;
+    padding-block: 0px;
+    padding-inline: 16px;
     flex: 1 1 auto;
     overflow: auto;
 }
@@ -45203,7 +45949,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-pivotgrid-configurator-content .k-value-fields {
-    margin: 8px 0px;
+    margin-block: 8px;
+    margin-inline: 0px;
     display: flex;
     flex-direction: column;
     gap: 8px;
@@ -45228,12 +45975,14 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-pivotgrid-configurator-content .k-treeview {
-    padding: 0px 16px;
+    padding-block: 0px;
+    padding-inline: 16px;
     overflow: auto;
 }
 
 .k-calculated-field {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
     border-width: 1px;
     border-radius: 4px;
     border-style: solid;
@@ -45274,7 +46023,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     align-items: center;
 }
 
-.k-calculated-field-actions .k-icon {
+.k-calculated-field-actions .k-icon,
+.k-calculated-field-actions .k-svg-icon {
     margin-right: 8px;
 }
 
@@ -45402,11 +46152,12 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-pivot-layout .k-grid-footer,
-.k-pivot-layout .k-grid .k-alt {
+.k-pivot-layout .k-grid .k-table-alt-row {
     font-weight: bold;
 }
 
 .k-pivot-layout > tbody,
+.k-pivot .k-table-td,
 .k-pivot td {
     vertical-align: top;
 }
@@ -45669,7 +46420,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     color: rgba(0, 0, 0, 0.54);
 }
 
-.k-alt {
+.k-pivot .k-alt {
     background-color: #ffffff;
 }
 
@@ -45721,7 +46472,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-treelist .k-status {
-    padding: .4em .6em;
+    padding-block: .4em;
+    padding-inline: .6em;
     line-height: 1.6em;
 }
 
@@ -45798,7 +46550,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     border-right: 1px solid;
     height: 1em;
     vertical-align: top;
-    margin: 0 .5em;
+    margin-block: 0;
+    margin-inline: .5em;
 }
 
 .k-treelist tr.k-footer-template td {
@@ -45870,7 +46623,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .k-filter .k-filter-toolbar {
     display: inline-flex;
     position: relative;
-    padding: 8px 0;
+    padding-block: 8px;
+    padding-inline: 0;
 }
 
 .k-filter .k-filter-toolbar::before {
@@ -46010,7 +46764,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-filemanager-navigation {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
     width: 20%;
     border-width: 0;
     border-right-width: 1px;
@@ -46041,7 +46796,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .k-filemanager-breadcrumb {
     border-width: 0;
     border-bottom-width: 1px;
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     flex-shrink: 0;
 }
 
@@ -46051,7 +46807,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-filemanager-listview .k-listview-item {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
     width: 120px;
     height: 120px;
     text-align: center;
@@ -46181,10 +46938,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     display: flex;
     flex-direction: row;
     align-items: center;
-}
-
-.k-filemanager-drag-hint .k-icon {
-    margin-right: 8px;
+    gap: 8px;
 }
 
 .k-filemanager {
@@ -46232,7 +46986,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-taskboard-toolbar {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
     border-width: 0;
     box-shadow: none;
     background: none;
@@ -46268,7 +47023,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-taskboard-column-header {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     font-weight: 500;
     display: flex;
     flex-direction: row;
@@ -46285,7 +47041,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .k-taskboard-column-cards-container {
     margin-bottom: 8px;
-    padding: 0px 8px;
+    padding-block: 0px;
+    padding-inline: 8px;
     outline: none;
     overflow: auto;
     flex: 1 1 auto;
@@ -46323,7 +47080,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-taskboard-pane-header {
-    padding: 12px 16px;
+    padding-block: 12px;
+    padding-inline: 16px;
     font-weight: 500;
     display: flex;
     flex-direction: row;
@@ -46341,13 +47099,15 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-taskboard-pane-content {
-    padding: 0px 16px;
+    padding-block: 0px;
+    padding-inline: 16px;
     overflow: auto;
     flex: 1 1 auto;
 }
 
 .k-taskboard-pane-actions {
-    padding: 12px 16px;
+    padding-block: 12px;
+    padding-inline: 16px;
 }
 
 .k-taskboard-pane-start {
@@ -46366,7 +47126,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .k-taskboard-card .k-card-header .k-card-body,
 .k-taskboard-card .k-card-footer {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
 }
 
 .k-taskboard-card .k-card-header {
@@ -46499,7 +47260,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .k-editor-inline {
     border-radius: 4px;
-    padding: 2px 8px;
+    padding-block: 2px;
+    padding-inline: 8px;
     border: 1px solid transparent;
     word-wrap: break-word;
     overflow: auto;
@@ -46602,11 +47364,13 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     flex-shrink: 0;
 }
 
-.k-editor-toolbar .k-editor-export .k-icon {
+.k-editor-toolbar .k-editor-export .k-icon,
+.k-editor-toolbar .k-editor-export .k-svg-icon {
     margin-right: 0.5em;
 }
 
 .k-editor-toolbar .k-editor-export .k-icon,
+.k-editor-toolbar .k-editor-export .k-svg-icon,
 .k-editor-toolbar .k-editor-export .k-export-tool-text {
     vertical-align: middle;
 }
@@ -46692,7 +47456,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .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;
@@ -46700,7 +47465,11 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .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 {
@@ -46717,8 +47486,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .k-edit-form-content {
     flex: 1 1 auto;
     overflow: auto;
-    margin: -8px -24px;
-    padding: 8px 24px;
+    margin-block: -8px;
+    margin-inline: -24px;
+    padding-block: 8px;
+    padding-inline: 24px;
 }
 
 .k-ct-popup {
@@ -46826,7 +47597,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     width: 100px;
 }
 
-.k-filebrowser .k-search-wrap .k-icon {
+.k-filebrowser .k-search-wrap .k-icon,
+.k-filebrowser .k-search-wrap .k-svg-icon {
     margin: 0;
     position: static;
 }
@@ -46859,7 +47631,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     height: 390px;
     max-height: 50vh;
     margin: 0 0 16px 0;
-    padding: 4px 16px;
+    padding-block: 4px;
+    padding-inline: 16px;
     border-top-width: 0;
     overflow: auto;
 }
@@ -46867,7 +47640,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .k-filebrowser .k-tile {
     width: 33%;
     height: 90px;
-    padding: 4px 16px;
+    padding-block: 4px;
+    padding-inline: 16px;
     box-sizing: border-box;
     white-space: nowrap;
     overflow: hidden;
@@ -46920,7 +47694,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     top: 8px;
 }
 
-.k-filebrowser .k-breadcrumbs-wrap .k-icon {
+.k-filebrowser .k-breadcrumbs-wrap .k-icon,
+.k-filebrowser .k-breadcrumbs-wrap .k-svg-icon {
     position: static;
     margin-top: 0;
 }
@@ -46973,7 +47748,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .k-editor-inline .k-table td {
     min-width: 1px;
-    padding: 2px 8px;
+    padding-block: 2px;
+    padding-inline: 8px;
 }
 
 .k-editor-inline .k-element-resize-handle-wrapper {
@@ -47038,7 +47814,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 .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: .8;
 }
@@ -47088,7 +47865,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
     font-size: 14px;
 }
 
-.k-editor-export .k-icon {
+.k-editor-export .k-icon,
+.k-editor-export .k-svg-icon {
     margin-left: 0.5em;
 }
 
@@ -47203,7 +47981,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-imageeditor-action-pane {
-    padding: 32px 16px;
+    padding-block: 32px;
+    padding-inline: 16px;
     width: 241px;
     border-width: 0;
     border-left-width: 1px;
@@ -47237,7 +48016,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-imageeditor-crop .k-resize-handle {
-    margin: 1px 1px;
+    margin-block: 1px;
+    margin-inline: 1px;
     border-style: solid;
     border-width: 0 2px 2px 0;
 }
@@ -47410,7 +48190,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-gantt .k-treelist-scrollable .k-grid-header th:last-child .k-header {
-    padding: 16px 24px;
+    padding-block: 16px;
+    padding-inline: 24px;
     border-width: 0 0 1px 1px;
     white-space: nowrap;
 }
@@ -47436,7 +48217,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-gantt .k-treelist-scrollable .k-task-content {
-    padding: 4px 8px;
+    padding-block: 4px;
+    padding-inline: 8px;
     display: block;
     line-height: normal;
     flex: 1 1 auto;
@@ -47607,7 +48389,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-gantt-timeline .k-header {
-    padding: 16px 24px;
+    padding-block: 16px;
+    padding-inline: 24px;
     border-width: 0 0 1px 1px;
     white-space: nowrap;
 }
@@ -47691,8 +48474,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .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;
@@ -47770,7 +48555,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-milestone-wrap {
-    margin: 0 -2em;
+    margin-block: 0;
+    margin-inline: -2em;
 }
 
 .k-task-milestone {
@@ -47891,7 +48677,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-task-template {
-    padding: 4px 8px;
+    padding-block: 4px;
+    padding-inline: 8px;
     line-height: normal;
     flex: 1;
     overflow: hidden;
@@ -47924,11 +48711,13 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 }
 
 .k-resources-wrap .k-resource {
-    margin: 0 5px;
+    margin-block: 0;
+    margin-inline: 5px;
 }
 
 .k-task-details {
-    padding: 4px 16px;
+    padding-block: 4px;
+    padding-inline: 16px;
     white-space: nowrap;
 }
 
@@ -48109,12 +48898,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .k-rtl .k-task-wrap:not(.k-milestone-wrap),
 [dir="rtl"] .k-task-wrap:not(.k-milestone-wrap) {
-    margin: 0 -26px;
-}
-
-.k-rtl .k-gantt-timeline .k-gantt-tasks tbody,
-[dir="rtl"] .k-gantt-timeline .k-gantt-tasks tbody {
-    text-align: left;
+    margin-block: 0;
+    margin-inline: -26px;
 }
 
 .k-rtl .k-gantt-timeline .k-header,
@@ -48141,7 +48926,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
 
 .k-rtl .k-task-content,
 [dir="rtl"] .k-task-content {
-    text-align: right;
+    text-align: end;
 }
 
 .k-rtl .k-task-complete,
@@ -48448,7 +49233,8 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
 
 .k-scheduler-table td,
 .k-scheduler-table th {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     height: 2rem;
     overflow: hidden;
     white-space: nowrap;
@@ -48542,7 +49328,8 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
 .k-scheduler-layout-flex .k-scheduler-cell {
     display: flex;
     flex: 1 1 100%;
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     min-height: 1.5em;
     overflow: hidden;
     white-space: nowrap;
@@ -48728,7 +49515,7 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
 
 .k-scheduler-times th {
     border-width: 0 1px 1px 0;
-    text-align: right;
+    text-align: end;
 }
 
 .k-scheduler-times .k-slot-cell,
@@ -48772,7 +49559,7 @@ kendo-scheduler .k-event,
     border-width: 0;
     border-style: solid;
     border-radius: 4px;
-    text-align: left;
+    text-align: start;
     outline: 0;
     cursor: default;
     position: absolute;
@@ -48789,7 +49576,8 @@ kendo-scheduler .k-event > div,
 kendo-scheduler .k-event .k-event-template,
 .k-event .k-event-template {
     line-height: 21px;
-    padding: 4px 16px;
+    padding-block: 4px;
+    padding-inline: 16px;
 }
 
 kendo-scheduler .k-event .k-event-time,
@@ -48823,7 +49611,9 @@ kendo-scheduler .k-event .k-event-actions:hover .k-event-delete, kendo-scheduler
 }
 
 kendo-scheduler .k-event .k-event-actions .k-icon,
-.k-event .k-event-actions .k-icon {
+kendo-scheduler .k-event .k-event-actions .k-svg-icon,
+.k-event .k-event-actions .k-icon,
+.k-event .k-event-actions .k-svg-icon {
     line-height: normal;
     font-size: inherit;
 }
@@ -48946,7 +49736,8 @@ kendo-scheduler .k-event .k-event-bottom-actions,
     justify-content: center;
 }
 
-.k-more-events > .k-icon {
+.k-more-events > .k-icon,
+.k-more-events > .k-svg-icon {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -49063,7 +49854,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 {
@@ -49169,7 +49960,8 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-scheduler-yearview .k-scheduler-body {
-    padding: 20px 20px;
+    padding-block: 20px;
+    padding-inline: 20px;
     justify-content: center;
 }
 
@@ -49206,7 +49998,8 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-scheduler-tooltip {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-width: 0;
     color: inherit;
 }
@@ -49236,7 +50029,8 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-scheduler-tooltip .k-tooltip-event {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     border-radius: 4px;
     box-sizing: border-box;
     display: flex;
@@ -49325,7 +50119,6 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-rtl .k-event {
-    text-align: right;
     padding-right: 0;
     padding-left: 16px;
 }
@@ -49421,7 +50214,7 @@ kendo-scheduler .k-recurrence-editor {
 }
 
 .k-scheduler-header {
-    text-align: left;
+    text-align: start;
 }
 
 .k-scheduler-header th,
@@ -49440,7 +50233,8 @@ kendo-scheduler .k-event.k-selected::before,
 
 kendo-scheduler .k-event .k-event-template,
 .k-event .k-event-template {
-    padding: 2px 8px;
+    padding-block: 2px;
+    padding-inline: 8px;
 }
 
 kendo-scheduler .k-event .k-event-actions,
@@ -49462,6 +50256,14 @@ kendo-scheduler .k-event .k-event-actions,
     vertical-align: unset;
 }
 
+.k-event .k-event-delete .k-svg-icon {
+    width: 12px;
+    height: 12px;
+    padding: 2px;
+    box-sizing: content-box;
+    vertical-align: unset;
+}
+
 .k-event .k-resize-handle {
     opacity: 1;
 }
@@ -49713,7 +50515,8 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-chat .k-message-list-content {
-    padding: 16px 16px;
+    padding-block: 16px;
+    padding-inline: 16px;
     width: 100%;
     box-sizing: border-box;
     position: relative;
@@ -49740,7 +50543,7 @@ kendo-scheduler .k-event .k-event-actions,
 
 .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 {
@@ -49766,7 +50569,7 @@ kendo-scheduler .k-event .k-event-actions,
 .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 {
@@ -49823,7 +50626,8 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-chat .k-bubble {
     border-radius: 12px;
-    padding: 8px 12px;
+    padding-block: 8px;
+    padding-inline: 12px;
     border-width: 1px;
     border-style: solid;
     line-height: 1.25;
@@ -49913,7 +50717,8 @@ kendo-scheduler .k-event .k-event-actions,
     border-radius: 100px;
     margin-right: 8px;
     margin-bottom: 4px;
-    padding: 8px 12px;
+    padding-block: 8px;
+    padding-inline: 12px;
     border-width: 1px;
     border-style: solid;
     line-height: 1.25;
@@ -50076,7 +50881,8 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-chat-toolbar,
 .k-chat .k-toolbar-box {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     width: 100%;
     border-width: 1px 0 0;
     box-sizing: border-box;
@@ -50129,11 +50935,6 @@ kendo-scheduler .k-event .k-event-actions,
     right: 0;
 }
 
-.k-rtl .k-message-group:not(.k-alt),
-[dir="rtl"] .k-message-group:not(.k-alt) {
-    text-align: right;
-}
-
 .k-rtl .k-message-group:not(.k-alt) .k-message-time,
 [dir="rtl"] .k-message-group:not(.k-alt) .k-message-time {
     margin-left: 0;
@@ -50148,11 +50949,6 @@ kendo-scheduler .k-event .k-event-actions,
     right: 0;
 }
 
-.k-rtl .k-message-group.k-alt,
-[dir="rtl"] .k-message-group.k-alt {
-    text-align: left;
-}
-
 .k-rtl .k-message-group.k-alt .k-message-time,
 [dir="rtl"] .k-message-group.k-alt .k-message-time {
     margin-right: 0;
@@ -50304,7 +51100,8 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-mediaplayer-titlebar {
-    padding: 8px 8px;
+    padding-block: 8px;
+    padding-inline: 8px;
     position: absolute;
     z-index: 2;
     top: 0;
@@ -50413,7 +51210,8 @@ kendo-scheduler .k-event .k-event-actions,
 .k-timeline .k-timeline-flag {
     display: inline-block;
     text-align: center;
-    padding: 8px 16px;
+    padding-block: 8px;
+    padding-inline: 16px;
     border-radius: 4px;
     line-height: 1.4285714286;
     min-width: 80px;
@@ -50480,8 +51278,10 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-timeline-vertical,
 .k-timeline-horizontal {
-    padding: 0 40px;
-    margin: 40px 0;
+    padding-block: 0;
+    padding-inline: 40px;
+    margin-block: 40px;
+    margin-inline: 0;
     width: 100%;
     position: relative;
     border: 0;
@@ -50529,13 +51329,14 @@ kendo-scheduler .k-event .k-event-actions,
     padding-right: 16px;
     margin-top: 36px;
     transform: translate(-100%, -50%);
-    text-align: right;
+    text-align: end;
 }
 
 .k-timeline-vertical .k-timeline-event {
     display: flex;
     align-items: flex-start;
-    padding: 40px 0;
+    padding-block: 40px;
+    padding-inline: 0;
 }
 
 .k-timeline-vertical .k-timeline-card {
@@ -50565,7 +51366,8 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-timeline-vertical .k-timeline-card .k-event-collapse {
-    margin: -8px 0;
+    margin-block: -8px;
+    margin-inline: 0;
     transform: rotate(90deg);
     transition: transform .2s ease-in-out;
 }
@@ -50610,7 +51412,7 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-timeline-vertical.k-timeline-alternating .k-timeline-event.k-reverse .k-timeline-date-wrap {
-    text-align: left;
+    text-align: start;
     padding-right: 0;
     padding-left: 16px;
 }
@@ -50705,7 +51507,8 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-timeline-horizontal .k-timeline-track-wrap .k-timeline-track {
     overflow: hidden;
-    margin: 0 36px;
+    margin-block: 0;
+    margin-inline: 36px;
     position: relative;
     z-index: 2;
 }
@@ -50757,8 +51560,10 @@ kendo-scheduler .k-event .k-event-actions,
 }
 
 .k-timeline-mobile {
-    padding: 0 16px;
-    margin: 16px 0;
+    padding-block: 0;
+    padding-inline: 16px;
+    margin-block: 16px;
+    margin-inline: 0;
 }
 
 .k-timeline-mobile .k-timeline-flag {
@@ -50924,7 +51729,8 @@ kendo-scheduler .k-event .k-event-actions,
 
 .k-pdf-viewer .k-page {
     position: relative;
-    margin: 30px auto;
+    margin-block: 30px;
+    margin-inline: auto;
 }
 
 .k-pdf-viewer .k-page canvas {
@@ -50976,12 +51782,18 @@ kendo-scheduler .k-event .k-event-actions,
     font-size: 48px;
 }
 
+.k-pdf-viewer .k-blank-page > .k-svg-icon {
+    width: 48px;
+    height: 48px;
+}
+
 .k-pdf-viewer-search-dialog {
     padding: 0 !important;
 }
 
 .k-search-panel, .k-search-container {
-    padding: 16px 8px;
+    padding-block: 16px;
+    padding-inline: 8px;
     display: flex;
     gap: 8px;
     flex-flow: row nowrap;
@@ -51039,7 +51851,8 @@ kendo-scheduler .k-event .k-event-actions,
     box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
 }
 
-.k-pdf-viewer .k-blank-page > .k-icon {
+.k-pdf-viewer .k-blank-page > .k-icon,
+.k-pdf-viewer .k-blank-page > .k-svg-icon {
     color: rgba(97, 97, 97, 0.9116);
 }
 
@@ -51091,7 +51904,7 @@ kendo-scheduler .k-event .k-event-actions,
 .km-scroller-pull .km-template {
     display: inline-block;
     min-width: 200px;
-    text-align: left;
+    text-align: start;
 }
 
 .km-load-more .km-icon,
@@ -51310,7 +52123,9 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
 }
 
 .k-scrollview-next .k-icon,
-.k-scrollview-prev .k-icon {
+.k-scrollview-next .k-svg-icon,
+.k-scrollview-prev .k-icon,
+.k-scrollview-prev .k-svg-icon {
     display: table-cell;
     overflow: visible;
     margin: 0;
@@ -51320,6 +52135,13 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
     font-weight: normal;
 }
 
+.k-scrollview-next .k-svg-icon,
+.k-scrollview-prev .k-svg-icon {
+    font-size: inherit;
+    width: 4.5em;
+    height: 4.5em;
+}
+
 .k-scrollview-prev {
     left: 0;
 }
@@ -51529,7 +52351,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     border-radius: 4px;
     font-size: 13.006px;
     line-height: 2;
-    padding: 3px 8px;
+    padding-block: 3px;
+    padding-inline: 8px;
 }
 
 .k-chart-tooltip th {
@@ -51540,8 +52363,9 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 
 .k-chart-tooltip td {
     width: auto;
-    text-align: left;
-    padding: 2px 8px;
+    text-align: start;
+    padding-block: 2px;
+    padding-inline: 8px;
     line-height: 2;
     vertical-align: middle;
 }
@@ -51732,7 +52556,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-treemap .k-treemap-title {
-    padding: 2px 8px;
+    padding-block: 2px;
+    padding-inline: 8px;
     border-width: 0 0 1px;
     border-style: solid;
     border-color: inherit;
@@ -51742,7 +52567,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-treemap .k-treemap-title-vertical {
-    padding: 8px 2px;
+    padding-block: 8px;
+    padding-inline: 2px;
     width: 2em;
     white-space: nowrap;
     overflow: hidden;
@@ -51784,7 +52610,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-gauge {
-    text-align: left;
+    text-align: start;
     position: relative;
 }
 
@@ -52192,7 +53018,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 }
 
 .k-map .k-attribution {
-    padding: 2px 8px;
+    padding-block: 2px;
+    padding-inline: 8px;
     border-width: 0;
     font-size: 10.5px;
     z-index: 1000;
@@ -52228,7 +53055,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     position: absolute;
 }
 
-.k-navigator .k-button .k-icon {
+.k-navigator .k-button .k-icon,
+.k-navigator .k-button .k-svg-icon {
     min-width: 0;
     min-height: 0;
 }
@@ -52295,7 +53123,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 
 .k-orgchart {
     width: 100%;
-    padding: 24px 24px;
+    padding-block: 24px;
+    padding-inline: 24px;
     box-sizing: border-box;
     font-size: 14px;
     font-family: Roboto, "Helvetica Neue", sans-serif;
@@ -52310,7 +53139,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;
@@ -52330,7 +53160,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
 
 .k-orgchart-node-group-container {
     border-radius: 4px;
-    padding: 24px 24px;
+    padding-block: 24px;
+    padding-inline: 24px;
     border-width: 1px;
     border-style: solid;
     outline: 0;
@@ -52381,7 +53212,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: 1px;
     height: 25px;
 }