@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/material3-dark.css

@@ -44,7 +44,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -99,7 +99,7 @@
 .e-bigger .e-pager,
 .e-pager.e-bigger {
   font-size: 14px;
-  padding: 8px 8px 8px 8px;
+  padding: 8px;
 }
 .e-bigger .e-pager div.e-icons,
 .e-pager.e-bigger div.e-icons {
@@ -118,6 +118,10 @@
   margin-top: -24px;
   width: 120px;
 }
+.e-bigger .e-pager .e-pagercontainer,
+.e-pager.e-bigger .e-pagercontainer {
+  margin: 0 0 -6px 0.8px;
+}
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
 .e-bigger .e-pager .e-pagercontainer .e-firstpagedisabled,
@@ -134,21 +138,13 @@
 .e-pager.e-bigger .e-pagercontainer .e-lastpage,
 .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
 .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
-  padding: 16px 14px 14px 14px;
+  padding: 16px 14px 14px;
 }
 .e-bigger .e-pager .e-pagerconstant,
 .e-pager.e-bigger .e-pagerconstant {
   margin-bottom: 6px;
   margin-left: 16px;
 }
-.e-bigger .e-pager .e-pagercontainer,
-.e-pager.e-bigger .e-pagercontainer {
-  margin: 0 0 -6px 0.8px;
-}
-.e-bigger .e-pager.e-rtl .e-pagercontainer,
-.e-pager.e-bigger.e-rtl .e-pagercontainer {
-  margin: 0 0 -5px 0;
-}
 @media (max-width: 769px) {
   .e-bigger .e-pager,
   .e-pager.e-bigger {
@@ -171,29 +167,10 @@
 .e-pager.e-bigger .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
 }
-.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-bigger .e-pager.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
-.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
-.e-pager.e-bigger.e-rtl e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
-  margin-left: 0;
-  margin-right: 0;
-}
-.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
-  margin-left: 6px;
-  margin-top: -4px;
-}
 .e-bigger .e-pager .e-numericitem,
 .e-pager.e-bigger .e-numericitem {
   margin: 0;
 }
-.e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
-.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem {
-  padding: 10px 15px;
-}
-.e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
-.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
-  padding: 10px 15px;
-}
 .e-bigger .e-pager .e-pp.e-spacing,
 .e-bigger .e-pager .e-np.e-spacing,
 .e-bigger .e-pager .e-pp.e-spacing:hover,
@@ -202,7 +179,7 @@
 .e-pager.e-bigger .e-np.e-spacing,
 .e-pager.e-bigger .e-pp.e-spacing:hover,
 .e-pager.e-bigger .e-np.e-spacing:hover {
-  padding: 10px 12px 10px 12px;
+  padding: 10px 12px;
 }
 .e-bigger .e-pager .e-spacing,
 .e-bigger .e-pager .e-numericitem:hover,
@@ -211,7 +188,45 @@
 .e-pager.e-bigger .e-numericitem:hover,
 .e-pager.e-bigger .e-currentitem {
   border-radius: 4px;
-  padding: 10px 15.5px 10px 15.5px;
+  padding: 10px 15.5px;
+}
+.e-bigger .e-pager.e-rtl .e-spacing,
+.e-bigger .e-pager.e-rtl .e-numericitem:hover,
+.e-bigger .e-pager.e-rtl .e-currentitem,
+.e-pager.e-bigger.e-rtl .e-spacing,
+.e-pager.e-bigger.e-rtl .e-numericitem:hover,
+.e-pager.e-bigger.e-rtl .e-currentitem {
+  padding: 10px 15.5px;
+}
+.e-bigger .e-pager.e-rtl .e-pagerdropdown,
+.e-pager.e-bigger.e-rtl .e-pagerdropdown {
+  margin: -24px 16px 0 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagerconstant,
+.e-pager.e-bigger.e-rtl .e-pagerconstant {
+  margin: 0 16px 7px 0;
+}
+.e-bigger .e-pager.e-rtl .e-pagercontainer,
+.e-pager.e-bigger.e-rtl .e-pagercontainer {
+  margin: 0 0 -5px;
+}
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-bigger .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable,
+.e-pager.e-bigger.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+  margin-left: 0;
+  margin-right: 0;
+}
+.e-bigger .e-pager.e-rtl div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl div.e-parentmsgbar {
+  margin-left: 6px;
+  margin-top: -4px;
+}
+.e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem,
+.e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
+.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
+.e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
+  padding: 10px 15px;
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
 .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
@@ -229,21 +244,17 @@
 .e-pager.e-bigger.e-rtl .e-np.e-spacing.e-numericitem:hover.e-focused {
   padding: 10px 12px;
 }
-.e-bigger .e-pager.e-rtl .e-spacing,
-.e-bigger .e-pager.e-rtl .e-numericitem:hover,
-.e-bigger .e-pager.e-rtl .e-currentitem,
-.e-pager.e-bigger.e-rtl .e-spacing,
-.e-pager.e-bigger.e-rtl .e-numericitem:hover,
-.e-pager.e-bigger.e-rtl .e-currentitem {
-  padding: 10px 15.5px 10px 15.5px;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-parentmsgbar,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-parentmsgbar {
+  margin-top: 0;
 }
-.e-bigger .e-pager.e-rtl .e-pagerdropdown,
-.e-pager.e-bigger.e-rtl .e-pagerdropdown {
-  margin: -24px 16px 0 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerdropdown,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerdropdown {
+  margin: 1px 4px 0 2px;
 }
-.e-bigger .e-pager.e-rtl .e-pagerconstant,
-.e-pager.e-bigger.e-rtl .e-pagerconstant {
-  margin: 0 16px 7px 0;
+.e-bigger .e-pager.e-rtl.e-adaptive div.e-pagerconstant.e-page-all,
+.e-pager.e-bigger.e-rtl.e-adaptive div.e-pagerconstant.e-page-all {
+  top: 14px;
 }
 .e-bigger .e-pager .e-pagercontainer .e-firstpage,
 .e-bigger .e-pager .e-pagercontainer .e-prevpage,
@@ -262,7 +273,7 @@
 .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
 .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
   margin-right: 0;
-  padding: 10px 10px 10px 10px;
+  padding: 10px;
 }
 .e-bigger .e-pager .e-pp,
 .e-bigger .e-pager .e-np,
@@ -286,37 +297,25 @@
 .e-pager.e-bigger.e-adaptive .e-pagerconstant.e-page-all {
   top: 15px;
 }
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
-  margin-top: 0;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerdropdown {
-  margin: 1px 4px 0 2px;
-}
-.e-bigger .e-pager.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all,
-.e-pager.e-bigger.e-rtl.e-adaptive.e-rtl div.e-pagerconstant.e-page-all {
-  top: 14px;
-}
 
 .e-bigger .e-responsive .e-pager div.e-icons,
 .e-responsive .e-pager.e-bigger div.e-icons {
   border-radius: 4px;
 }
-
 .e-pager {
   border-style: solid;
   border-width: 1px;
   display: inline-block;
   font-size: 14px;
-  padding: 7px 8px 7px 8px;
+  padding: 7px 8px;
   white-space: normal;
   width: 100%;
   /* stylelint-disable */
   /* stylelint-enable */
 }
 .e-pager [class^=e-] {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-pager .e-pager-default.e-hide,
 .e-pager .e-pagesizes.e-hide,
@@ -358,7 +357,7 @@
   line-height: 20px;
   margin-right: 0;
   min-width: 26px;
-  padding: 13px 12px 10px 12px;
+  padding: 13px 12px 10px;
   text-align: center;
   vertical-align: middle;
 }
@@ -378,7 +377,7 @@
 .e-pager .e-currentitem {
   border-radius: 4px;
   cursor: pointer;
-  padding: 6px 12px 6px 12px;
+  padding: 6px 12px;
   text-decoration: none;
 }
 .e-pager .e-currentitem {
@@ -391,6 +390,7 @@
 .e-pager a {
   display: inline;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -411,7 +411,7 @@
   margin-right: 0;
   margin-top: 0;
   min-width: 26px;
-  padding: 8px 8px 8px 8px;
+  padding: 8px;
   vertical-align: middle;
 }
 .e-pager .e-pagercontainer .e-firstpage.e-focused,
@@ -464,7 +464,7 @@
 .e-pager .e-pagermessage,
 .e-pager .e-pagerexternalmsg {
   display: block;
-  margin: 6px 6px 0 6px;
+  margin: 6px 6px 0;
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -491,36 +491,41 @@
 .e-pager .e-pp:hover,
 .e-pager .e-np:hover {
   font-size: 16px;
+  padding: 6px 9.5px;
   font-weight: bold;
   letter-spacing: 0;
-  padding: 6px 9.5px 6px 9.5px;
 }
 .e-pager .e-np.e-focused,
 .e-pager .e-pp.e-focused {
   line-height: 1;
-  padding: 8px 9.5px 8px 9.5px;
+  padding: 8px 9.5px;
 }
 .e-pager.e-rtl .e-np.e-focused, .e-pager.e-rtl .e-pp.e-focused {
-  padding: 8px 9.5px 8px 9.5px;
+  padding: 8px 9.5px;
 }
 .e-pager.e-adaptive {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   padding: 6px;
 }
 .e-pager.e-adaptive div.e-parentmsgbar {
   margin: 0 5px;
   margin-top: -4px;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
   min-width: 10px;
   white-space: nowrap;
 }
 .e-pager.e-adaptive .e-pagesizes {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: auto;
@@ -529,8 +534,9 @@
   margin: 3px 2px 0 4px;
   width: 77px;
   min-width: 77px;
-  -ms-flex-order: 2;
-      order: 2;
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
   height: 40px;
   padding-right: 5px;
 }
@@ -538,8 +544,9 @@
   font-size: 12px;
   position: relative;
   top: 10px;
-  -ms-flex-order: 1;
-      order: 1;
+  -webkit-box-ordinal-group: 2;
+      -ms-flex-order: 1;
+          order: 1;
   min-width: 52px;
   max-height: 34px;
   margin: 0 8px 0 10px;
@@ -564,21 +571,18 @@
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
-    box-sizing: border-box;
-    display: inline-block;
-    float: initial;
     padding-bottom: 0;
     padding-right: 0;
     padding-top: 0;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
+    display: inline-block;
+    float: initial;
     text-align: center;
     width: calc(60% - 48px);
   }
-  .e-pager .e-pagesizes {
-    display: none;
-  }
-  .e-pager .e-pagecountmsg {
-    display: none;
-  }
+  .e-pager .e-pagesizes,
+  .e-pager .e-pagecountmsg,
   .e-pager .e-pagercontainer {
     display: none;
   }
@@ -590,7 +594,8 @@
   .e-pager .e-mnext,
   .e-pager .e-mlast {
     border: 0;
-    box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+            box-sizing: border-box;
     display: inline-block;
     padding: 1% 5%;
   }
@@ -646,7 +651,7 @@
   padding: 0;
 }
 .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
-  padding: 8px 8px 8px 8px;
+  padding: 8px;
 }
 .e-pager.e-rtl .e-firstpage::before, .e-pager.e-rtl .e-firstpage:hover, .e-pager.e-rtl .e-firstpagedisabled::before {
   content: "\e701";
@@ -687,17 +692,17 @@
   border-right-width: 0;
   min-width: 26px;
 }
-.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl.e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
+.e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpagedisabled.e-disable, .e-pager.e-rtl .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
   margin-right: 0;
 }
 .e-pager.e-rtl .e-spacing, .e-pager.e-rtl .e-numericitem:hover, .e-pager.e-rtl .e-currentitem {
   margin: 0;
-  padding: 6px 12px 6px 12px;
+  padding: 6px 12px;
 }
 .e-pager.e-rtl .e-pp, .e-pager.e-rtl .e-np, .e-pager.e-rtl .e-pp:hover, .e-pager.e-rtl .e-np:hover {
   margin-top: 0;
-  padding: 6px 9.5px 6px 9.5px;
+  padding: 6px 9.5px;
 }
 .e-pager.e-rtl.e-adaptive.e-rtl div.e-parentmsgbar {
   margin: 0 5px;
@@ -742,6 +747,9 @@
     float: right;
   }
 }
+.e-pager.sf-pager .e-pagercontainer {
+  font-size: 0;
+}
 .e-pager.sf-pager .e-pagercontainer .e-first,
 .e-pager.sf-pager .e-pagercontainer .e-prev,
 .e-pager.sf-pager .e-pagercontainer .e-next,
@@ -751,9 +759,6 @@
 .e-pager.sf-pager .e-numericcontainer a {
   font-size: 14px;
 }
-.e-pager.sf-pager .e-pagercontainer {
-  font-size: 0;
-}
 .e-pager.sf-pager .e-link,
 .e-pager.sf-pager .e-next.e-icons.e-icon-next.e-nextpage.e-pager-default {
   margin-left: 0;
@@ -761,8 +766,8 @@
 
 /*! Pager theme */
 .e-pager {
-  background-color: rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
+  background: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
   opacity: 1;
 }
@@ -798,7 +803,6 @@
 }
 .e-pager .e-numericitem {
   background: rgba(var(--color-sf-surface));
-  border-right-color: transparent;
   color: rgba(var(--color-sf-on-background));
 }
 .e-pager .e-prevpagedisabled,
@@ -820,6 +824,7 @@
   background-color: rgba(var(--color-sf-surface));
   border-color: transparent;
 }
+.e-pager .e-numericitem,
 .e-pager .e-firstpage,
 .e-pager .e-prevpage,
 .e-pager .e-firstpagedisabled,
@@ -850,10 +855,12 @@
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
   background: rgba(var(--color-sf-primary-container));
-  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
+  -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
+          box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
 }
 .e-pager .e-focused {
-  box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
+  -webkit-box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
+          box-shadow: 0 0 0 1px rgba(var(--color-sf-primary)) inset;
 }
 @media (max-width: 590px) {
   .e-pager .e-pager-default:hover {
@@ -862,24 +869,31 @@
     opacity: 1;
   }
 }
-.e-pager.e-rtl .e-numericitem {
-  border-left-color: transparent;
-}
-.e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled {
-  border-left-color: transparent;
-}
-.e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
+.e-pager.e-rtl .e-numericitem, .e-pager.e-rtl .e-firstpage, .e-pager.e-rtl .e-prevpage, .e-pager.e-rtl .e-firstpagedisabled, .e-pager.e-rtl .e-prevpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-lastpage, .e-pager.e-rtl .e-nextpagedisabled, .e-pager.e-rtl .e-lastpagedisabled, .e-pager.e-rtl .e-nextpage, .e-pager.e-rtl .e-nextpagedisabled {
   border-left-color: transparent;
 }
 
 /*! component's theme wise override definitions and variables */
+@-webkit-keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 @keyframes hscroll-popup-shadow {
   0% {
     border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
   }
   100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
 /*! hscroll icons */
@@ -956,12 +970,14 @@
   padding-right: initial;
 }
 .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
   left: 48px;
   right: auto;
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-hscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
   left: auto;
@@ -974,12 +990,14 @@
   padding-right: 50px;
 }
 .e-hscroll.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
   width: 48px;
 }
 .e-hscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
   font-size: 18px;
-  transform: skewX(16deg);
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
 }
 .e-hscroll.e-scroll-device .e-scroll-overlay {
   opacity: 0.5;
@@ -991,7 +1009,8 @@
 .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-right-overlay {
   left: auto;
   right: 48px;
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
 }
 .e-hscroll.e-scroll-device .e-scroll-overlay.e-scroll-left-overlay {
   left: 0;
@@ -1021,10 +1040,12 @@
   right: 0;
 }
 .e-hscroll .e-scroll-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   bottom: 0;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   min-height: 35px;
@@ -1062,13 +1083,15 @@
 }
 .e-hscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   border-color: rgba(var(--color-sf-outline-variant));
-  box-shadow: rgba(var(--color-sf-shadow));
+  -webkit-box-shadow: rgba(var(--color-sf-shadow));
+          box-shadow: rgba(var(--color-sf-shadow));
 }
 .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
   border-width: 1px;
-  box-shadow: rgba(var(--color-sf-shadow));
+  -webkit-box-shadow: rgba(var(--color-sf-shadow));
+          box-shadow: rgba(var(--color-sf-shadow));
 }
 .e-hscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
   color: rgba(var(--color-sf-on-surface-variant));
@@ -1078,12 +1101,15 @@
   background-repeat: repeat-x;
 }
 .e-hscroll .e-scroll-overlay.e-scroll-left-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), color-stop(0%, 1), color-stop(rgba(var(--color-sf-surface))), to(0));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)), 1 0%, rgba(var(--color-sf-surface)), 0 100%);
 }
 .e-hscroll .e-scroll-overlay.e-scroll-right-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), color-stop(0%, 0), color-stop(rgba(var(--color-sf-surface))), to(1));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)), 0 0%, rgba(var(--color-sf-surface)), 1 100%);
 }
 .e-hscroll.e-rtl .e-scroll-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-hscroll.e-rtl .e-scroll-nav.e-scroll-left-nav {
@@ -1120,13 +1146,15 @@
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
   background: rgba(var(--color-sf-on-surface), 0.08);
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active .e-icons {
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-hscroll .e-scroll-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-hscroll .e-scroll-nav.e-scroll-left-nav {
@@ -1139,7 +1167,8 @@
   background-color: transparent;
   border-radius: 50%;
   border-width: 1px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   content: "";
   height: 1px;
   left: 50%;
@@ -1149,7 +1178,8 @@
   width: 1px;
 }
 .e-hscroll .e-scroll-nav:active::after {
-  animation: hscroll-popup-shadow 0.6s ease-out 0ms;
+  -webkit-animation: hscroll-popup-shadow 0.6s ease-out 0ms;
+          animation: hscroll-popup-shadow 0.6s ease-out 0ms;
   visibility: visible;
 }
 
@@ -1198,12 +1228,14 @@
   width: inherit;
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: 48px;
   right: auto;
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
   left: auto;
@@ -1213,13 +1245,15 @@
   padding: 0 40px;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
   width: 48px;
   z-index: 1001;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
   font-size: 14px;
-  transform: skewX(16deg);
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay {
   opacity: 0.5;
@@ -1231,7 +1265,8 @@
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: auto;
   right: 48px;
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
   left: 0;
@@ -1258,9 +1293,11 @@
   right: auto;
 }
 .e-vscroll .e-scroll-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 48px;
@@ -1293,13 +1330,15 @@
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   border-color: rgba(var(--color-sf-on-surface-variant));
-  box-shadow: rgba(var(--color-sf-shadow));
+  -webkit-box-shadow: rgba(var(--color-sf-shadow));
+          box-shadow: rgba(var(--color-sf-shadow));
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-on-surface-variant));
   border-width: 1px;
-  box-shadow: rgba(var(--color-sf-shadow));
+  -webkit-box-shadow: rgba(var(--color-sf-shadow));
+          box-shadow: rgba(var(--color-sf-shadow));
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
   color: rgba(var(--color-sf-on-surface-variant));
@@ -1309,12 +1348,15 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), color-stop(0%, 1), color-stop(rgba(var(--color-sf-surface))), to(0));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)), 1 0%, rgba(var(--color-sf-surface)), 0 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), color-stop(0%, 0), color-stop(rgba(var(--color-sf-surface))), to(1));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)), 0 0%, rgba(var(--color-sf-surface)), 1 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-vscroll.e-rtl .e-scroll-nav:hover {
@@ -1337,10 +1379,12 @@
 .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
   background: rgba(var(--color-sf-on-surface), 0.08);
   border: 0;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: rgba(var(--color-sf-primary-container));
 }
 .e-vscroll .e-scroll-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-vscroll .e-scroll-nav.e-scroll-up-nav {
@@ -1356,19 +1400,8 @@
   content: "";
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */ /*! Toolbar's material3 theme wise override definitions and variables */
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable */
-/*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e729";
   line-height: normal;
@@ -1378,7 +1411,6 @@
   line-height: normal;
 }
 
-/*! toolbar layout */
 /* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
@@ -1622,10 +1654,8 @@
   margin-right: initial;
 }
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
-.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
-  margin: 0;
-}
 .e-bigger .e-toolbar.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item,
+.e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
 .e-toolbar.e-bigger.e-rtl .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
   margin: 0;
 }
@@ -1651,12 +1681,14 @@
   min-height: 48px;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   overflow: hidden;
 }
 .e-toolbar.e-spacer-toolbar .e-toolbar-items {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: nowrap;
@@ -1675,7 +1707,8 @@
   visibility: hidden;
 }
 .e-toolbar.e-control[class*=e-toolbar] {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
 }
 .e-toolbar.e-corner {
   border-radius: 1px;
@@ -1685,12 +1718,14 @@
 }
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 100%;
   vertical-align: middle;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .e-toolbar .e-toolbar-items.e-toolbar-multirow {
   margin-bottom: 1px;
@@ -1753,9 +1788,7 @@
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 8px;
 }
-.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
-  margin: 0;
-}
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
   margin: 0;
 }
@@ -1765,29 +1798,36 @@
 .e-toolbar .e-toolbar-item {
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   min-height: 32px;
   vertical-align: middle;
   width: auto;
-  -ms-flex: 0 0 auto;
-      flex: 0 0 auto;
+  -webkit-box-flex: 0;
+      -ms-flex: 0 0 auto;
+          flex: 0 0 auto;
 }
 .e-toolbar .e-toolbar-item.e-spacer {
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   vertical-align: middle;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 0;
   min-height: 32px;
   min-width: 32px;
@@ -1856,10 +1896,13 @@
   height: auto;
 }
 .e-toolbar.e-vertical {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
   -ms-touch-action: pan-x pinch-zoom;
@@ -1887,6 +1930,7 @@
   margin-right: 0;
 }
 .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: auto;
@@ -1918,10 +1962,12 @@
   top: 0;
 }
 .e-toolbar .e-hor-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border-radius: 0 0 0 0;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
@@ -1938,14 +1984,17 @@
 .e-toolbar .e-popup-down-icon.e-icons,
 .e-toolbar .e-popup-up-icon.e-icons {
   color: rgba(var(--color-sf-on-surface-variant));
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-align: center;
   vertical-align: middle;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   width: 100%;
   font-size: 14px;
 }
@@ -1962,11 +2011,13 @@
   position: absolute;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 32px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   min-height: 32px;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-toolbar-popup.e-hidden {
@@ -1978,8 +2029,9 @@
   padding: 5px 12px;
   border: none;
   border-radius: 4px;
-  -ms-flex-pack: start;
-      justify-content: flex-start;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
   margin: 0;
@@ -2027,11 +2079,13 @@
   padding-right: 8px;
   padding-top: 0;
   margin-left: -1px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   display: inline;
   white-space: normal;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   min-height: 32px;
@@ -2049,13 +2103,16 @@
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon:not(.e-toolbar-pop),
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn.e-btn.e-control .e-icons.e-btn-icon:not(.e-toolbar-pop) {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   vertical-align: middle;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 0;
   font-size: 18px;
 }
@@ -2109,7 +2166,6 @@
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
-      -ms-grid-row-align: center;
       align-self: center;
   text-overflow: ellipsis;
 }
@@ -2117,6 +2173,7 @@
   display: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-separator:last-of-type {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -2139,9 +2196,7 @@
   margin-left: 8px;
   margin-right: initial;
 }
-.e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item {
-  margin: 0;
-}
+.e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-center .e-toolbar-item,
 .e-toolbar.e-rtl .e-hscroll-bar .e-hscroll-content .e-toolbar-right .e-toolbar-item {
   margin: 0;
 }
@@ -2178,9 +2233,7 @@
   right: auto;
   border-radius: 0 0 0 0;
 }
-.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item {
-  margin: 0;
-}
+.e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-center .e-toolbar-item,
 .e-toolbar.e-toolpop.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-right .e-toolbar-item {
   margin: 0;
 }
@@ -2200,20 +2253,23 @@
   padding-left: 0;
 }
 
-/*! toolbar theme */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.04);
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: 0 solid rgba(var(--color-sf-outline-variant));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-toolbar .e-toolbar-items {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn {
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-surface-variant));
   border: none;
 }
@@ -2224,14 +2280,17 @@
   color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active .e-tbar-btn-text {
   color: rgba(var(--color-sf-on-primary-container));
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
-  box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary), 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary), 0.5);
+          box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary), 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
   background: rgba(var(--color-sf-on-surface), 0.04);
@@ -2240,7 +2299,8 @@
   border-color: rgba(var(--color-sf-on-surface-variant));
   border-style: solid;
   border-width: 0;
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: rgba(var(--color-sf-on-surface-variant));
@@ -2274,7 +2334,8 @@
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-primary-container));
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
@@ -2288,6 +2349,7 @@
   border-width: 0 1px 0 0;
 }
 .e-toolbar .e-toolbar-item.e-overlay {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   opacity: 0.38;
   color: rgba(var(--color-sf-on-surface-variant));
@@ -2310,6 +2372,7 @@
   border-width: 0 0 1px 0;
 }
 .e-toolbar .e-hor-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: solid rgba(var(--color-sf-outline-variant));
   border-width: 0 0 0 1px;
@@ -2322,8 +2385,10 @@
 }
 .e-toolbar .e-hor-nav:active {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   color: rgba(var(--color-sf-on-primary-container));
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar .e-hor-nav:active .e-icons {
@@ -2364,7 +2429,8 @@
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
   background: rgba(var(--color-sf-on-surface), 0.08);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: rgba(var(--color-sf-on-surface), 0.08);
   border-style: solid;
   border-width: 0;
@@ -2384,33 +2450,38 @@
   color: rgba(var(--color-sf-on-primary-container));
 }
 .e-toolbar .e-toolbar-pop {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: 0 solid rgba(var(--color-sf-outline-variant));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn {
   background: transparent;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
   background: rgba(var(--color-sf-on-surface), 0.05);
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: rgba(var(--color-sf-outline-variant));
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
   background: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: rgba(var(--color-sf-outline-variant));
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
   background: rgba(var(--color-sf-on-surface), 0.04);
-  box-shadow: none;
   border-color: rgba(var(--color-sf-on-surface-variant));
   border-style: solid;
   border-width: 0;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-btn:focus {
   outline: 0;
@@ -2419,8 +2490,10 @@
   background: transparent;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
@@ -2429,7 +2502,8 @@
   border-color: rgba(var(--color-sf-on-surface-variant));
   border-style: solid;
   border-width: 0;
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
   background: rgba(var(--color-sf-on-surface), 0.05);
@@ -2441,7 +2515,8 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: rgba(var(--color-sf-on-surface), 0.08);
   border-radius: 4px;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: rgba(var(--color-sf-outline-variant));
   border-style: solid;
   border-width: 0;
@@ -2451,12 +2526,15 @@
   border-width: 0 1px 0 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
 }
 .e-toolbar.e-rtl .e-hor-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   border: solid rgba(var(--color-sf-outline-variant));
   border-width: 0 1px 0 0;
@@ -2468,17 +2546,14 @@
   border-width: 0 1px 0 0;
 }
 
-/*! Accordion's material 3 theme wise override definitions and variables */
-/* stylelint-disable */
-/*! accordion icons */
 .e-accordion .e-tgl-collapse-icon::before {
   content: "\e729";
 }
 .e-accordion .e-tgl-collapse-icon.e-expand-icon {
-  transform: rotate(-180deg);
+  -webkit-transform: rotate(-180deg);
+          transform: rotate(-180deg);
 }
 
-/*! accordion layout */
 .e-bigger .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-content,
 .e-accordion.e-bigger .e-acrdn-item .e-acrdn-header .e-acrdn-header-content {
   font-size: 16px;
@@ -2494,7 +2569,8 @@
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header,
 .e-accordion.e-bigger .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   padding: 12px 0 12px 28px;
 }
 .e-bigger .e-accordion .e-acrdn-item.e-select .e-acrdn-panel.e-nested > .e-acrdn-content,
@@ -2660,6 +2736,7 @@
   vertical-align: middle;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-toggle-animation {
+  -webkit-transition: 0.5s ease 0s;
   transition: 0.5s ease 0s;
 }
 .e-accordion .e-acrdn-item .e-acrdn-header .e-acrdn-header-icon {
@@ -2682,7 +2759,8 @@
   padding: 8px 0 8px 26px;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content > .e-accordion > .e-acrdn-item > .e-acrdn-header:focus {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested > .e-acrdn-content {
   padding: 0;
@@ -2744,8 +2822,6 @@
   padding: 0 0 0 8px;
 }
 
-/*! accordion theme */
-/* stylelint-disable property-no-vendor-prefix */
 .e-accordion {
   -webkit-tap-highlight-color: rgba(var(--color-sf-on-surface), 0.05), 0.05;
   background: transparent;
@@ -2893,7 +2969,8 @@
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus {
   border: 0;
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
   background: rgba(var(--color-sf-on-surface), 0.04);
 }
 .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
@@ -2971,7 +3048,8 @@
   color: rgba(var(--color-sf-primary));
 }
 .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
-  box-shadow: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  -webkit-box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
+          box-shadow: 0 0 0 1px #000, 0 0 0 3px #fff;
   position: relative;
   z-index: 2;
 }
@@ -3012,7 +3090,6 @@
   font-size: 14px;
 }
 
-/*! Carousel component bootstrap5 theme definitions and variables */
 .e-carousel .e-previous-icon::before {
   content: "\e765";
 }
@@ -3032,7 +3109,6 @@
   content: "\e765";
 }
 
-/*! carousel component styles */
 .e-carousel {
   display: block;
   margin: 0;
@@ -3066,13 +3142,21 @@
 }
 .e-carousel .e-carousel-items {
   width: calc(var(--carousel-items-count) * 100%);
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
   transition-property: transform;
-  transition-duration: 0.6s;
-  transition-timing-function: ease-in-out;
+  transition-property: transform, -webkit-transform;
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
 }
 .e-carousel .e-carousel-items .e-carousel-item {
   height: 100%;
@@ -3082,16 +3166,34 @@
   width: calc(100% / var(--carousel-items-count));
 }
 .e-carousel.e-blazor-carousel .e-carousel-items {
-  transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
+  -webkit-transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
+          transform: translateX(calc(-100% / var(--carousel-items-count) * var(--carousel-items-current)));
+  -webkit-transition: -webkit-transform;
+  transition: -webkit-transform;
   transition: transform;
+  transition: transform, -webkit-transform;
 }
 .e-carousel.e-blazor-carousel.e-rtl .e-carousel-items {
-  transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
+  -webkit-transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
+          transform: translateX(calc(100% / var(--carousel-items-count) * var(--carousel-items-current)));
+  -webkit-transition: -webkit-transform;
+  transition: -webkit-transform;
   transition: transform;
+  transition: transform, -webkit-transform;
 }
 .e-carousel.e-carousel-fade-animation .e-carousel-items.e-fade-in-out {
+  -webkit-transition-property: none;
   transition-property: none;
-  animation: fade-in-out 0.6s ease-in-out;
+  -webkit-animation: fade-in-out 0.6s ease-in-out;
+          animation: fade-in-out 0.6s ease-in-out;
+}
+@-webkit-keyframes fade-in-out {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 @keyframes fade-in-out {
   0% {
@@ -3102,7 +3204,8 @@
   }
 }
 .e-carousel.e-carousel-slide-animation .e-carousel-items.e-slide {
-  transition-duration: 0.6s;
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
 }
 .e-carousel.e-carousel-custom-animation:not(.e-partial) .e-carousel-item {
   display: block;
@@ -3117,13 +3220,16 @@
   pointer-events: visible;
 }
 .e-carousel .e-carousel-navigators {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   pointer-events: none;
   position: absolute;
   top: 0;
@@ -3140,7 +3246,8 @@
 .e-carousel .e-carousel-navigators .e-previous .e-btn,
 .e-carousel .e-carousel-navigators .e-next .e-btn {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:hover,
 .e-carousel .e-carousel-navigators .e-previous .e-btn:hover,
@@ -3150,7 +3257,8 @@
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-previous .e-btn.e-rtl,
 .e-carousel .e-carousel-navigators .e-next .e-btn.e-rtl {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn .e-play-icon,
 .e-carousel .e-carousel-navigators .e-previous .e-btn .e-play-icon,
@@ -3164,13 +3272,16 @@
   display: none;
 }
 .e-carousel .e-carousel-indicators {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   bottom: 0;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   min-height: 48px;
   padding: 0;
   pointer-events: none;
@@ -3179,33 +3290,41 @@
   z-index: 1;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   pointer-events: auto;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar {
   padding: 0;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 8px;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator div {
   border: 1px solid rgba(var(--color-sf-on-surface), 0.4);
   border-radius: 50%;
   height: 12px;
-  transition-duration: 0.6s;
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transition-property: background-color, border-color;
   transition-property: background-color, border-color;
-  transition-timing-function: ease-in-out;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
   width: 12px;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bars .e-indicator-bar .e-indicator .e-ripple-element {
@@ -3217,6 +3336,7 @@
 .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars {
   display: block;
   overflow: hidden;
+  -webkit-transition: opacity 0.6s ease-in-out;
   transition: opacity 0.6s ease-in-out;
   white-space: nowrap;
   width: 80px;
@@ -3229,18 +3349,26 @@
   margin: 0 4px;
   opacity: 1;
   position: relative;
-  transform: scale(0.33);
-  transition-duration: 0.6s;
+  -webkit-transform: scale(0.33);
+          transform: scale(0.33);
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transition-property: left, -webkit-transform;
+  transition-property: left, -webkit-transform;
   transition-property: transform, left;
-  transition-timing-function: ease-in-out;
+  transition-property: transform, left, -webkit-transform;
+  -webkit-transition-timing-function: ease-in-out;
+          transition-timing-function: ease-in-out;
   white-space: nowrap;
   width: 8px;
 }
 .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-active {
-  transform: scale(1);
+  -webkit-transform: scale(1);
+          transform: scale(1);
 }
 .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-prev, .e-carousel .e-carousel-indicators.e-dynamic .e-indicator-bars .e-indicator-bar.e-next {
-  transform: scale(0.66);
+  -webkit-transform: scale(0.66);
+          transform: scale(0.66);
 }
 .e-carousel .e-carousel-indicators.e-fraction {
   min-height: 36px;
@@ -3257,13 +3385,15 @@
   left: 0;
   position: absolute;
   top: 0;
-  transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
-  transition-duration: 0.6s;
-  transform-origin: left top;
+  -webkit-transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
+          transform: translate3d(0, 0, 0) scaleX(calc(var(--carousel-items-current) / var(--carousel-items-count))) scaleY(1);
+  -webkit-transition-duration: 0.6s;
+          transition-duration: 0.6s;
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
   width: 100%;
 }
 
-/*! carousel component theme */
 .e-carousel .e-carousel-navigators .e-previous .e-btn:not(:disabled),
 .e-carousel .e-carousel-navigators .e-next .e-btn:not(:disabled),
 .e-carousel .e-carousel-navigators .e-play-pause .e-btn:not(:disabled) {
@@ -3287,16 +3417,21 @@
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator {
   background-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator div {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
-  border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
+  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
+     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14)));
+     border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14));
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:active, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus, .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:hover {
   background: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
 }
 .e-carousel .e-carousel-indicators.e-default .e-indicator-bar .e-indicator:focus-visible {
@@ -3322,18 +3457,6 @@
   background-color: rgba(var(--color-sf-primary));
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! contextmenu layout */
 .e-contextmenu-wrapper ul .e-menu-item .e-previous::before,
 .e-contextmenu-container ul .e-menu-item .e-previous::before {
   content: "\e773";
@@ -3348,7 +3471,6 @@
   content: "\e765";
 }
 
-/*! contextmenu layout */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   font-weight: 400;
@@ -3358,13 +3480,15 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
   padding: 4px 0;
   border: 1px solid rgba(var(--color-sf-outline-variant));
   border-radius: 4px;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   display: none;
   min-width: 120px;
   position: absolute;
@@ -3372,7 +3496,8 @@
 .e-contextmenu-wrapper ul.e-ul, .e-contextmenu-wrapper ul.e-ul *,
 .e-contextmenu-container ul.e-ul,
 .e-contextmenu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-contextmenu-wrapper ul.e-ul:focus, .e-contextmenu-wrapper ul.e-ul *:focus,
 .e-contextmenu-container ul.e-ul:focus,
@@ -3381,7 +3506,8 @@
 }
 .e-contextmenu-wrapper ul.e-contextmenu,
 .e-contextmenu-container ul.e-contextmenu {
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   padding: 4px 0;
 }
 .e-contextmenu-wrapper ul.e-ul,
@@ -3466,6 +3592,8 @@
 }
 .e-contextmenu-wrapper ul .e-menu-item .e-checkbox-wrapper,
 .e-contextmenu-container ul .e-menu-item .e-checkbox-wrapper {
+  width: -webkit-max-content;
+  width: -moz-max-content;
   width: max-content;
 }
 
@@ -3485,7 +3613,8 @@
 .e-contextmenu-container.e-sfcontextmenu ul.e-transparent {
   background: transparent;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   height: 1px;
   left: 0;
   min-width: 0;
@@ -3505,7 +3634,8 @@
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -3522,7 +3652,8 @@
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll ul {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   margin-top: -12px;
   width: inherit;
 }
@@ -3566,7 +3697,8 @@
   font-size: 16px;
   padding: 8px 0;
   white-space: nowrap;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   max-width: 280px;
   min-width: 112px;
   padding: 8px 0;
@@ -3618,15 +3750,16 @@
   padding-left: 36px;
 }
 
-.e-contextmenu-wrapper .e-menu-item {
+.e-contextmenu-wrapper .e-menu-item,
+.e-contextmenu-container .e-menu-item {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-/*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -3708,14 +3841,6 @@
   border-color: rgba(var(--color-sf-outline-variant));
 }
 
-/*! Toolbar's material3 theme wise override definitions and variables */
-/* stylelint-disable */
-/*! Tab's material3 theme wise override definitions and variables */
-/* stylelint-disable */
-/*! Horizontal Tab */
-/*! Material3 specific themes definition's */
-/*! Vertical Tab */
-/*! tab icons */
 .e-tab .e-tab-header .e-close-icon::before {
   content: "\e7e7";
   position: relative;
@@ -3758,7 +3883,6 @@
   position: relative;
 }
 
-/*! tab layout */
 .e-bigger .e-tab .e-tab-header,
 .e-tab.e-bigger .e-tab-header {
   height: 48px;
@@ -4915,6 +5039,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
 }
 .e-tab .e-tab-header .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -4966,6 +5091,7 @@
   left: 0;
   right: 0;
   border-radius: 3px 3px 0 0;
+  -webkit-transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
 }
 .e-tab .e-tab-header .e-toolbar-item.e-hidden {
@@ -4998,8 +5124,10 @@
 .e-tab .e-tab-header .e-toolbar-item .e-text-wrap {
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 40px;
@@ -5016,7 +5144,6 @@
   font-weight: 500;
   text-transform: capitalize;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
   margin-bottom: 0;
 }
@@ -5090,6 +5217,7 @@
   top: 1px;
 }
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-tab-icon {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 24px;
@@ -5123,8 +5251,9 @@
   left: 0;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 9px;
 }
 @media screen and (max-width: 480px) {
@@ -5157,8 +5286,10 @@
   }
 }
 .e-tab .e-tab-header .e-toolbar-item.e-itop .e-tab-wrap, .e-tab .e-tab-header .e-toolbar-item.e-ibottom .e-tab-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 68px;
@@ -5210,14 +5341,19 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-top,
 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon.e-icon-bottom {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop {
@@ -5255,6 +5391,7 @@
   width: 100%;
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   width: 100%;
@@ -5298,22 +5435,25 @@
   }
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-text-wrap, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-text-wrap {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
   display: block;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 0 0 0 10px;
   padding-left: 0;
   padding-right: 10px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-itop .e-tab-text, .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item.e-ibottom .e-tab-text {
-    -ms-flex-pack: center;
-        justify-content: center;
+    -webkit-box-pack: center;
+        -ms-flex-pack: center;
+            justify-content: center;
     margin: 0 0 0 12px;
     padding-left: 0;
     padding-right: 0;
@@ -5328,14 +5468,17 @@
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-top,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-icon.e-icon-bottom {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .e-tab .e-tab-header.e-close-show .e-icons.e-close-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -ms-flex-item-align: center;
       align-self: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -5346,6 +5489,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header.e-close-show .e-toolbar-item.e-active .e-close-icon {
+    display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
   }
@@ -5459,22 +5603,30 @@
   }
 }
 .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-up-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-hor-nav .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
@@ -5513,6 +5665,7 @@
   position: unset;
   right: unset;
   top: unset;
+  -webkit-transition: unset;
   transition: unset;
 }
 .e-tab .e-tab-header.e-horizontal-bottom .e-toolbar-items .e-toolbar-item.e-active::after {
@@ -5606,15 +5759,19 @@
 }
 .e-tab .e-tab-header.e-vertical .e-indicator {
   display: block;
+  -webkit-transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   transition: top 0.125s cubic-bezier(0.35, 0, 0.25, 1), bottom 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   width: 3px;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items {
   height: inherit;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-align: normal;
-      align-items: normal;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: normal;
+      -ms-flex-align: normal;
+          align-items: normal;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-items.e-vscroll:not(.e-scroll-device) {
   padding: 16px 0;
@@ -5681,6 +5838,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
   width: unset;
 }
@@ -5722,6 +5880,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
   width: unset;
 }
@@ -5736,8 +5895,9 @@
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav {
   height: 18px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   min-height: 18px;
   width: 100%;
 }
@@ -5755,7 +5915,9 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   height: 100%;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
   width: 100%;
 }
@@ -5768,7 +5930,9 @@
   line-height: 40px;
   text-align: left;
   text-transform: capitalize;
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::after,
@@ -5835,14 +5999,17 @@
   overflow: hidden;
 }
 .e-tab.e-vertical-tab .e-content {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .e-tab.e-vertical-tab .e-content .e-item.e-active {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex: none;
-      flex: none;
+  -webkit-box-flex: 0;
+      -ms-flex: none;
+          flex: none;
 }
 .e-tab.e-vertical-tab .e-content .e-item,
 .e-tab.e-vertical-tab .e-content .e-item > :first-child {
@@ -5964,6 +6131,7 @@
 }
 .e-tab.e-ie .e-tab-header .e-hor-nav.e-ie-align,
 .e-tab.e-ie .e-tab-header .e-scroll-nav.e-ie-align {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -5983,31 +6151,42 @@
 }
 .e-tab.e-ie .e-tab-header .e-popup-up-icon,
 .e-tab.e-ie .e-tab-header .e-popup-down-icon {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
+  -webkit-transition: none;
   transition: none;
 }
 .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-ie .e-tab-header .e-popup-up-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-ie .e-tab-header .e-popup-down-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-hor-nav.e-ie-align,
 .e-tab.e-edge .e-tab-header .e-scroll-nav.e-ie-align {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -6028,48 +6207,66 @@
   position: relative;
 }
 .e-tab.e-edge .e-tab-header .e-popup-up-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-up-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 @media screen and (max-width: 480px) and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-up-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
 .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-transition: none;
   transition: none;
 }
 @media screen and (max-width: 480px) {
   .e-tab.e-edge .e-tab-header .e-popup-down-icon::before {
-    transform: none;
+    -webkit-transform: none;
+            transform: none;
+    -webkit-transition: none;
     transition: none;
   }
 }
@@ -6400,8 +6597,10 @@
 .e-tab-clone-element .e-text-wrap {
   -ms-flex-line-pack: center;
       align-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 40px;
@@ -6418,7 +6617,6 @@
   font-weight: 500;
   text-transform: capitalize;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
 }
 @media screen and (max-width: 480px) {
@@ -6443,6 +6641,7 @@
   top: 1px;
 }
 .e-tab-clone-element .e-icons.e-tab-icon {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 24px;
@@ -6467,8 +6666,9 @@
   }
 }
 .e-tab-clone-element.e-icon .e-tab-wrap {
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   padding: 9px;
 }
 @media screen and (max-width: 480px) {
@@ -6501,8 +6701,10 @@
   }
 }
 .e-tab-clone-element.e-itop .e-tab-wrap, .e-tab-clone-element.e-ibottom .e-tab-wrap {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 68px;
@@ -6548,21 +6750,28 @@
 }
 .e-tab-clone-element .e-tab-icon.e-icon-top,
 .e-tab-clone-element .e-tab-icon.e-icon-bottom {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: auto;
 }
 .e-tab-clone-element.e-close-show .e-icons.e-close-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   -ms-flex-item-align: center;
       align-self: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
@@ -6607,7 +6816,6 @@
 .e-bigger .e-tab-clone-element .e-tab-text {
   font-size: 14px;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
 }
 .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
@@ -6683,7 +6891,6 @@
   margin: 0 0 10px;
 }
 
-/*! tab theme */
 .e-tab {
   background: transparent;
   border: none;
@@ -6692,7 +6899,8 @@
   background: inherit;
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-weight: 400;
   border-bottom: 0;
 }
@@ -6817,10 +7025,12 @@
   border: initial;
 }
 .e-tab .e-tab-header .e-toolbar-pop {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border: 1px var(--color-sf-black);
   border-radius: 4px;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
   overflow-y: auto;
 }
 .e-tab .e-tab-header .e-toolbar-pop[e-animate=true] {
@@ -6828,7 +7038,8 @@
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-pop {
-    box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
+    -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
+            box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
   }
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap .e-tab-text,
@@ -6883,7 +7094,8 @@
 }
 .e-tab .e-tab-header .e-scroll-nav .e-nav-arrow:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border: 0;
 }
 .e-tab .e-tab-header .e-scroll-nav:focus,
@@ -6909,7 +7121,8 @@
 }
 .e-tab .e-tab-header .e-scroll-nav:active,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: inherit;
   border: 3px solid transparent;
 }
@@ -6976,7 +7189,8 @@
   color: rgba(var(--color-sf-on-surface-variant));
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-tab .e-tab-header .e-hor-nav:hover,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):hover {
@@ -6989,14 +7203,16 @@
 }
 .e-tab .e-tab-header .e-hor-nav:active,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav):active {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   background: transparent;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active,
 .e-tab .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active {
   background: inherit;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-radius: 0;
 }
 .e-tab .e-tab-header .e-hor-nav.e-nav-active .e-icons,
@@ -7057,7 +7273,8 @@
   border-radius: 0;
 }
 .e-tab .e-tab-header.e-vertical .e-toolbar-pop {
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1), 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.13);
 }
 .e-tab .e-tab-header.e-vertical .e-scroll-nav {
   background: inherit;
@@ -7122,7 +7339,8 @@
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active:hover {
   background: inherit;
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon:active,
 .e-tab .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon:active {
@@ -7525,7 +7743,8 @@
 }
 .e-tab.e-background .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active::after,
 .e-tab.e-background .e-tab-header .e-scroll-nav:active::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav),
 .e-tab.e-background .e-tab-header .e-hor-nav {
@@ -7577,7 +7796,8 @@
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav):active::after,
 .e-tab.e-background .e-tab-header .e-hor-nav:active::after {
-  animation: none;
+  -webkit-animation: none;
+          animation: none;
 }
 .e-tab.e-background .e-tab-header .e-hor-nav:not(.e-expended-nav).e-nav-active .e-popup-up-icon,
 .e-tab.e-background .e-tab-header .e-hor-nav.e-nav-active .e-popup-up-icon {
@@ -7750,6 +7970,7 @@
 }
 
 .e-tab-clone-element {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -7763,22 +7984,40 @@
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes e-input-ripple {
+  100% {
+    opacity: 0;
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
 @keyframes e-input-ripple {
   100% {
     opacity: 0;
-    transform: scale(4);
+    -webkit-transform: scale(4);
+            transform: scale(4);
+  }
+}
+@-webkit-keyframes slideTopUp {
+  from {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
 @keyframes slideTopUp {
   from {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
   to {
-    transform: translate3d(0, 0, 0) scale(1);
+    -webkit-transform: translate3d(0, 0, 0) scale(1);
+            transform: translate3d(0, 0, 0) scale(1);
   }
 }
-/*! TreeView's Material 3 theme wise override definitions and variables */
-/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e748";
@@ -7803,11 +8042,23 @@
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes rotation {
+  from {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  to {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
 @keyframes rotation {
   from {
+    -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   to {
+    -webkit-transform: rotate(359deg);
     transform: rotate(359deg);
   }
 }
@@ -7836,13 +8087,13 @@
   line-height: 17px;
   width: 18px;
 }
-.e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
-.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check {
+.e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check, .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
+.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
+.e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
   font-size: 12px;
 }
 .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
 .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
-  font-size: 12px;
   line-height: 17px;
 }
 .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
@@ -7854,20 +8105,13 @@
 .e-treeview.e-bigger .e-icon-collapsible,
 .e-treeview.e-bigger .e-icon-expandable {
   height: 20px;
-  margin: 0 0 0 -20px;
   width: 20px;
+  margin: 0 0 0 -20px;
 }
 .e-bigger .e-treeview.e-drag-item .e-drop-count,
 .e-treeview.e-bigger.e-drag-item .e-drop-count {
   padding: 3px 5px 4px;
 }
-.e-bigger .e-treeview .e-navigable .e-text-content,
-.e-treeview.e-bigger .e-navigable .e-text-content {
-  -ms-flex-align: center;
-      align-items: center;
-  display: -ms-flexbox;
-  display: flex;
-}
 .e-bigger .e-treeview .e-navigable .e-list-text,
 .e-treeview.e-bigger .e-navigable .e-list-text {
   width: 100%;
@@ -8038,6 +8282,16 @@
   position: relative;
   white-space: nowrap;
 }
+.e-treeview.e-virtualization {
+  overflow: auto;
+}
+.e-treeview.e-virtualization .e-virtual-mask {
+  display: block;
+  margin-bottom: 20px;
+}
+.e-treeview.e-virtualization .e-ul {
+  overflow: unset;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -8073,26 +8327,10 @@
   margin: 0;
   padding: 0 0 0 16px;
 }
-.e-treeview li.e-node-collapsed .e-list-item .e-fullrow {
-  display: none;
-}
+.e-treeview .e-node-collapsed .e-list-item .e-fullrow,
 .e-treeview .e-display-none {
   display: none;
 }
-.e-treeview .e-list-item div.e-icons.interaction {
-  -webkit-transition: -webkit-transform 0.3s ease-in-out;
-  border-radius: 15px;
-  transition: transform 0.3s ease-in-out;
-}
-.e-treeview .e-list-item .e-icons.e-icon-collapsible {
-  transform: rotate(90deg);
-}
-.e-treeview.e-drag-item.e-rtl .e-icons.e-drop-next {
-  transform: rotate(180deg);
-}
-.e-treeview.e-rtl div.e-icons {
-  transform: rotate(180deg);
-}
 .e-treeview .e-list-item {
   list-style: none;
 }
@@ -8109,6 +8347,17 @@
   pointer-events: none;
   touch-action: none;
 }
+.e-treeview .e-list-item div.e-icons.interaction {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  border-radius: 15px;
+  transition: -webkit-transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+}
+.e-treeview .e-list-item .e-icons.e-icon-collapsible {
+  -webkit-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
 .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
   content: none;
 }
@@ -8122,6 +8371,7 @@
   position: relative;
 }
 .e-treeview .e-text-content {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -8131,12 +8381,17 @@
   padding: 0 0 0 20px;
   border: none;
 }
+.e-treeview .e-text-content + .e-sibling {
+  margin-top: -1px;
+}
 .e-treeview .e-fullrow {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
   border: 1px solid;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   height: 40px;
   left: 0;
@@ -8164,7 +8419,8 @@
   width: 32px;
 }
 .e-treeview .e-list-text {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   line-height: 20px;
   margin: 0;
@@ -8210,9 +8466,10 @@
 .e-treeview .e-icon-collapsible::before,
 .e-treeview .e-icon-expandable::before {
   display: inline-block;
-  padding: 0px;
+  padding: 0;
 }
 .e-treeview .e-load {
+  -webkit-animation: rotation 0.5s infinite linear;
   animation: rotation 0.5s infinite linear;
 }
 .e-treeview .e-sibling {
@@ -8220,20 +8477,19 @@
   height: 6px;
   margin-top: -5px;
   width: 6px;
-  position: absolute;
-  z-index: 2;
-}
-.e-treeview .e-text-content + .e-sibling {
-  margin-top: -1px;
 }
 .e-treeview .e-sibling::before {
   left: 0;
   height: 1px;
   width: 144px;
+}
+.e-treeview .e-sibling,
+.e-treeview .e-sibling::before {
   position: absolute;
   z-index: 2;
 }
 .e-treeview .e-popup {
+  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -8257,8 +8513,7 @@
   padding: 4px;
   width: 26px;
 }
-.e-treeview .e-popup .e-downtail::before,
-.e-treeview .e-popup .e-downtail::after {
+.e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after {
   border: 10px solid transparent;
   content: "";
   height: 0;
@@ -8280,8 +8535,10 @@
   pointer-events: auto;
 }
 .e-treeview .e-navigable .e-text-content {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -8323,7 +8580,8 @@
 .e-treeview.e-drag-item .e-drop-count {
   border: 1px solid;
   border-radius: 15px;
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   font-size: 12px;
   line-height: normal;
   min-width: 12px;
@@ -8386,12 +8644,20 @@
 .e-treeview.e-rtl .e-sibling::before {
   right: 0;
 }
+.e-treeview.e-rtl.e-drag-item .e-icons.e-drop-next {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
 .e-treeview.e-rtl.e-drag-item .e-text-content {
   float: right;
 }
 .e-treeview.e-rtl.e-drag-item .e-drop-count {
   margin-right: -12px;
 }
+.e-treeview.e-rtl div.e-icons {
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
+}
 .e-treeview.e-disabled .e-fullrow,
 .e-treeview.e-disabled .e-icons,
 .e-treeview.e-disabled .e-text-content,
@@ -8443,25 +8709,41 @@
 .e-treeview .e-icon-expandable::before {
   font-size: 16px;
 }
-.e-treeview .e-list-item.e-active,
-.e-treeview .e-list-item.e-hover,
-.e-treeview .e-list-item.e-node-focus {
+.e-treeview .e-list-item.e-hover, .e-treeview .e-list-item.e-node-focus {
   background: transparent;
 }
-.e-treeview .e-list-item.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-node-focus > .e-text-content {
+.e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
+  background-color: rgba(var(--color-sf-on-surface), 0.05);
+  border-color: rgba(var(--color-sf-on-surface), 0.05);
+}
+.e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
   color: rgba(var(--color-sf-on-surface));
 }
 .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
   color: rgba(var(--color-sf-on-surface));
 }
+.e-treeview .e-list-item.e-active {
+  background: transparent;
+}
+.e-treeview .e-list-item.e-active > .e-fullrow {
+  background-color: rgba(var(--color-sf-primary-container));
+  border-color: rgba(var(--color-sf-primary-container));
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
+  background-color: transparent;
+  border-color: transparent;
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+  color: rgba(var(--color-sf-on-surface));
+}
 .e-treeview .e-list-item.e-active > .e-text-content {
   color: rgba(var(--color-sf-on-surface));
 }
@@ -8472,67 +8754,36 @@
 .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
+.e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
+  background-color: rgba(var(--color-sf-primary-container));
+  border-color: rgba(var(--color-sf-primary-container));
+}
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
   color: rgba(var(--color-sf-on-surface));
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
 .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
-  color: rgba(var(--color-sf-on-surface-variant));
-}
-.e-treeview .e-list-item.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-node-focus > .e-fullrow {
-  background-color: rgba(var(--color-sf-on-surface), 0.05);
-  border-color: rgba(var(--color-sf-on-surface), 0.05);
-}
-.e-treeview .e-list-item.e-active > .e-fullrow {
-  background-color: rgba(var(--color-sf-primary-container));
-  border-color: rgba(var(--color-sf-primary-container));
-}
-.e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
+.e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
   background-color: transparent;
   border-color: transparent;
 }
-.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-treeview .e-list-item.e-active.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
-  background-color: rgba(var(--color-sf-primary-container));
-  border-color: rgba(var(--color-sf-primary-container));
-}
-.e-treeview .e-list-item.e-editing.e-active > .e-fullrow,
-.e-treeview .e-list-item.e-editing.e-hover > .e-fullrow,
-.e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
-  background-color: transparent;
-  border-color: transparent;
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
+.e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
+  color: rgba(var(--color-sf-on-surface-variant));
 }
 .e-treeview .e-list-item.e-disable > .e-text-content,
 .e-treeview .e-list-item.e-disable > .e-fullrow {
@@ -8562,8 +8813,7 @@
 .e-treeview .e-popup .e-downtail::after {
   border-top-color: rgba(var(--color-sf-on-surface), 0.05);
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
   background-color: rgba(var(--color-sf-on-surface), 0.05);
   border-color: rgba(var(--color-sf-on-surface), 0.05);
 }
@@ -8571,14 +8821,11 @@
   background-color: rgba(var(--color-sf-primary-container));
   border-color: rgba(var(--color-sf-primary-container));
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
   background-color: rgba(var(--color-sf-primary-container));
   border-color: rgba(var(--color-sf-primary-container));
 }
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content,
-.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
+.e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
   background-color: transparent;
   border-color: transparent;
 }
@@ -8588,6 +8835,7 @@
 .e-treeview.e-drag-item {
   background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-treeview.e-drag-item .e-icon-collapsible::before,
@@ -8610,7 +8858,8 @@
   border-left-color: transparent;
 }
 
-/*! component's theme wise override material 3 definitions and variables */ /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -8622,45 +8871,45 @@ ejs-sidebar {
 .e-sidebar {
   /* stylelint-disable property-no-vendor-prefix */
   -webkit-tap-highlight-color: transparent;
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   height: 100%;
   overflow: auto;
   position: fixed;
   top: 0;
+  -webkit-transition: none;
   transition: none;
   vertical-align: middle;
   visibility: hidden;
   will-change: transform;
 }
-.e-sidebar.e-right.e-open {
-  transform: translateX(0%);
+.e-sidebar.e-right.e-open, .e-sidebar.e-left.e-open {
+  -webkit-transform: translateX(0%);
+          transform: translateX(0%);
+  -webkit-transition: -webkit-transform 0.5s ease;
+  transition: -webkit-transform 0.5s ease;
   transition: transform 0.5s ease;
+  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
   visibility: visible;
 }
-.e-sidebar.e-right.e-close {
-  box-shadow: none;
-  transform: translateX(100%);
-  transition: transform 0.5s ease, visibility 500ms;
+.e-sidebar.e-right.e-close, .e-sidebar.e-left.e-close {
+  -webkit-box-shadow: none;
+          box-shadow: none;
   visibility: hidden;
 }
-.e-sidebar.e-left.e-open {
-  transform: translateX(0%);
-  transition: transform 0.5s ease;
-  visibility: visible;
-}
-.e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close {
-  transition: transform 0.5s ease, visibility 500ms;
+.e-sidebar.e-right.e-close {
+  -webkit-transform: translateX(100%);
+          transform: translateX(100%);
 }
 .e-sidebar.e-left.e-close {
-  box-shadow: none;
-  transform: translateX(-100%);
-  visibility: hidden;
+  -webkit-transform: translateX(-100%);
+          transform: translateX(-100%);
 }
-.e-sidebar.e-right.e-close {
-  box-shadow: none;
-  transform: translateX(100%);
+.e-sidebar.e-left.e-transition.e-close, .e-sidebar.e-right.e-transition.e-close, .e-sidebar.e-right.e-close {
+  -webkit-transition: visibility 500ms, -webkit-transform 0.5s ease;
+  transition: visibility 500ms, -webkit-transform 0.5s ease;
   transition: transform 0.5s ease, visibility 500ms;
-  visibility: hidden;
+  transition: transform 0.5s ease, visibility 500ms, -webkit-transform 0.5s ease;
 }
 .e-sidebar.e-right {
   border-left: 1px solid transparent;
@@ -8674,27 +8923,104 @@ ejs-sidebar {
   right: auto;
   top: 0;
 }
-.e-sidebar.e-left.e-close.e-dock {
-  transform: translateX(0%);
-  transition: width 0.5s ease, visibility 500ms;
-  visibility: visible;
-}
-.e-sidebar.e-right.e-close.e-dock {
-  transform: translateX(0%);
+.e-sidebar.e-left.e-close.e-dock, .e-sidebar.e-right.e-close.e-dock {
+  -webkit-transform: translateX(0%);
+          transform: translateX(0%);
+  -webkit-transition: width 0.5s ease, visibility 500ms;
   transition: width 0.5s ease, visibility 500ms;
   visibility: visible;
 }
 .e-sidebar.e-left.e-open.e-dock.e-blazor-dock, .e-sidebar.e-right.e-open.e-dock.e-blazor-dock {
+  -webkit-transition: width 0.5s ease, visibility 500ms;
   transition: width 0.5s ease, visibility 500ms;
 }
 .e-sidebar.e-left.e-open.e-disable-animation, .e-sidebar.e-right.e-open.e-disable-animation, .e-sidebar.e-right.e-close.e-disable-animation, .e-sidebar.e-left.e-close.e-disable-animation {
+  -webkit-transition: none;
   transition: none;
 }
 .e-sidebar.e-visibility {
   visibility: hidden;
 }
 .e-sidebar.e-over {
-  box-shadow: rgba(var(--color-sf-shadow));
+  -webkit-box-shadow: rgba(var(--color-sf-shadow));
+          box-shadow: rgba(var(--color-sf-shadow));
+}
+
+.e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
+  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
+  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
+  transition: margin 0.5s ease, transform 0.5s ease;
+  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
+}
+.e-sidebarcontainer.e-left.e-open.e-auto + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: var(--sidebar-width);
+}
+.e-sidebarcontainer.e-left.e-close.e-auto + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: 0;
+}
+.e-sidebarcontainer.e-right.e-open.e-auto + div {
+  margin-left: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-right: var(--sidebar-width);
+}
+.e-sidebarcontainer.e-right.e-close.e-auto + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: 0;
+}
+.e-sidebarcontainer.e-left.e-open.e-push + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: var(--sidebar-width);
+}
+.e-sidebarcontainer.e-left.e-close.e-push + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: 0;
+}
+.e-sidebarcontainer.e-right.e-open.e-push + div {
+  margin-left: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-right: var(--sidebar-width);
+}
+.e-sidebarcontainer.e-right.e-close.e-push + div {
+  margin-right: 0;
+  -webkit-transform: translateX(0);
+          transform: translateX(0);
+  margin-left: 0;
+}
+.e-sidebarcontainer.e-left.e-open.e-slide + div {
+  margin-left: 0;
+  -webkit-transform: translate(var(--sidebar-width));
+          transform: translate(var(--sidebar-width));
+}
+.e-sidebarcontainer.e-left.e-close.e-slide + div {
+  margin-left: 0;
+  -webkit-transform: translate(0);
+          transform: translate(0);
+}
+.e-sidebarcontainer.e-right.e-open.e-slide + div {
+  margin-right: 0;
+  margin-left: 0;
+  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
+          transform: translate(calc(-1 * var(--sidebar-width)));
+}
+.e-sidebarcontainer.e-right.e-close.e-slide + div {
+  margin-right: 0;
+  margin-left: 0;
+  -webkit-transform: translate(0);
+          transform: translate(0);
 }
 
 .e-sidebar-absolute {
@@ -8706,23 +9032,35 @@ ejs-sidebar {
   position: relative;
 }
 
-.e-backdrop {
+.e-backdrop,
+.e-sidebar-overlay {
   background-color: rgba(var(--color-sf-scrim), 0.5);
   height: 100%;
   left: 0;
   pointer-events: auto;
   top: 0;
-  width: auto;
   z-index: 999;
 }
 
+.e-backdrop {
+  width: auto;
+}
+
+.e-sidebar-overlay {
+  opacity: 0.5;
+  position: fixed;
+  width: 100%;
+}
+
 .e-content-animation {
-  transition: margin 0.5s ease, transform 0.5s ease;
+  transition: margin 0.5s ease, -webkit-transform 0.5s ease, transform 0.5s ease;
 }
 .e-content-animation.e-overlay {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -8733,22 +9071,8 @@ ejs-sidebar {
       touch-action: none;
 }
 
-/* stylelint-disable */
 .e-sidebar-overflow {
-  overflow-x: hidden !important;
-}
-
-/* stylelint-enable */
-.e-sidebar-overlay {
-  background-color: rgba(var(--color-sf-scrim), 0.5);
-  height: 100%;
-  left: 0;
-  opacity: 0.5;
-  pointer-events: auto;
-  position: fixed;
-  top: 0;
-  width: 100%;
-  z-index: 999;
+  overflow-x: hidden;
 }
 
 .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
@@ -8759,18 +9083,6 @@ ejs-sidebar {
   visibility: visible;
 }
 
-/*! component's theme wise override definitions and variables */
-@keyframes hscroll-popup-shadow {
-  0% {
-    border-color: rgba(255, 255, 255, 0.5);
-    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
-  }
-  100% {
-    box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
-  }
-}
-/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
-/*! menu layout */
 .e-menu-wrapper ul.e-vertical .e-menu-item .e-caret::before,
 .e-menu-container ul.e-vertical .e-menu-item .e-caret::before {
   content: "\e87e";
@@ -8813,24 +9125,16 @@ ejs-sidebar {
   content: "\e70d";
 }
 
-.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e87d";
-}
-.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
-.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e87d";
-}
-
+.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before, .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
+.e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
-.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
-.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e87d";
-}
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
+.e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
+.e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
   content: "\e87d";
 }
@@ -8842,7 +9146,6 @@ ejs-sidebar {
   content: "\e70d";
 }
 
-/*! menu layout */
 .e-menu-wrapper,
 .e-menu-container {
   border: none;
@@ -8863,6 +9166,7 @@ ejs-sidebar {
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -8873,7 +9177,8 @@ ejs-sidebar {
 .e-menu-wrapper ul.e-ul, .e-menu-wrapper ul.e-ul *,
 .e-menu-container ul.e-ul,
 .e-menu-container ul.e-ul * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-menu-wrapper ul.e-ul:focus, .e-menu-wrapper ul.e-ul *:focus,
 .e-menu-container ul.e-ul:focus,
@@ -8916,6 +9221,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item {
   cursor: pointer;
   position: relative;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   height: 32px;
@@ -9088,26 +9394,27 @@ ejs-sidebar {
 .e-menu-container .e-scroll-nav .e-nav-arrow {
   font-size: 16px;
 }
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
-.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(180deg);
-}
-.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-left-arrow, .e-menu-wrapper .e-scroll-nav .e-nav-arrow.e-nav-up-arrow,
+.e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container .e-scroll-nav .e-nav-arrow.e-nav-up-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-left-arrow {
-  transform: rotate(0deg);
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
 }
 .e-menu-wrapper.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow,
 .e-menu-container.e-rtl .e-scroll-nav .e-nav-arrow.e-nav-right-arrow {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-menu-wrapper.e-popup.e-menu-popup,
 .e-menu-container.e-popup.e-menu-popup {
   border: 1px solid rgba(var(--color-sf-outline-variant));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   overflow: hidden;
   position: absolute;
 }
@@ -9117,12 +9424,14 @@ ejs-sidebar {
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
   width: 100%;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav .e-nav-down-arrow {
-  transform: none;
+  -webkit-transform: none;
+          transform: none;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll .e-vscroll-bar,
 .e-menu-container .e-menu-vscroll.e-vscroll .e-vscroll-bar {
@@ -9157,7 +9466,8 @@ ejs-sidebar {
 .e-menu-wrapper.e-contextmenu-container .e-menu-vscroll,
 .e-menu-container.e-contextmenu-container .e-menu-vscroll {
   border: 1px solid rgba(var(--color-sf-outline-variant));
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 
 .e-menu-container:not(.e-hamburger):not(.e-rtl) .e-menu.e-vertical .e-blankicon {
@@ -9362,7 +9672,8 @@ ejs-sidebar {
 .e-bigger.e-menu-wrapper.e-menu-popup,
 .e-bigger .e-menu-container.e-menu-popup,
 .e-bigger.e-menu-container.e-menu-popup {
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
 }
 .e-bigger .e-menu-wrapper .e-scroll-nav .e-icons,
 .e-bigger.e-menu-wrapper .e-scroll-nav .e-icons,
@@ -9451,7 +9762,8 @@ ejs-sidebar {
 .e-menu-container.e-hamburger .e-popup.e-menu-popup {
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   display: block;
   position: relative;
   width: 100%;
@@ -9488,13 +9800,21 @@ ejs-sidebar {
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=true] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(-180deg);
   transform: rotate(-180deg);
   text-indent: 0;
 }
 .e-menu-wrapper.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret,
 .e-menu-container.e-hamburger ul.e-menu .e-menu-item[aria-expanded=false] .e-caret {
+  -webkit-transition: -webkit-transform 0.3s ease-in-out;
+  transition: -webkit-transform 0.3s ease-in-out;
   transition: transform 0.3s ease-in-out;
+  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
+  -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
   text-indent: 0;
 }
@@ -9531,8 +9851,9 @@ ejs-sidebar {
   height: auto;
   padding: 0;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon {
+.e-menu-wrapper.e-hamburger ul .e-menu-item.e-menu-caret-icon, .e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-menu-caret-icon,
+.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
   padding: 0;
 }
 .e-menu-wrapper.e-hamburger ul .e-menu-item .e-menu-url,
@@ -9542,10 +9863,6 @@ ejs-sidebar {
   text-indent: 0;
   width: 100%;
 }
-.e-menu-wrapper.e-hamburger ul .e-menu-item.e-blankicon,
-.e-menu-container.e-hamburger ul .e-menu-item.e-blankicon {
-  padding: 0;
-}
 .e-menu-wrapper.e-hamburger ul .e-menu-item.e-separator,
 .e-menu-container.e-hamburger ul .e-menu-item.e-separator {
   border-bottom-style: solid;
@@ -9669,7 +9986,6 @@ ejs-sidebar {
   position: relative;
 }
 
-/*! menu theme */
 .e-menu-wrapper,
 .e-menu-container {
   background: transparent;
@@ -9788,9 +10104,9 @@ ejs-sidebar {
 .e-menu-container .e-ul .e-menu-item.e-separator {
   border-bottom-color: rgba(var(--color-sf-outline-variant));
 }
-
 .e-menu-wrapper.e-menu-popup,
 .e-menu-container.e-menu-popup {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-menu-wrapper.e-menu-popup.e-sfcontextmenu .e-menu-vscroll,
@@ -9819,6 +10135,7 @@ ejs-sidebar {
 }
 .e-menu-wrapper.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav,
 .e-menu-container.e-menu-popup .e-menu-vscroll.e-vscroll .e-scroll-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-outline-variant));
 }
@@ -9870,7 +10187,6 @@ ejs-sidebar {
   color: rgba(var(--color-sf-on-surface));
 }
 
-/*! breadcrumb icons */
 .e-breadcrumb .e-breadcrumb-collapsed::before,
 .e-breadcrumb .e-breadcrumb-menu::before {
   content: "\e71c";
@@ -9879,19 +10195,20 @@ ejs-sidebar {
   content: "\e87b";
 }
 
-/*! breadcrumb layout */
 .e-breadcrumb {
   display: block;
   background-color: transparent;
   border-radius: 4px;
 }
 .e-breadcrumb.e-breadcrumb-wrap-mode {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .e-breadcrumb .e-breadcrumb-first-ol {
-  -ms-flex-align: start;
-      align-items: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
   -ms-flex-negative: 0;
       flex-shrink: 0;
   padding-right: 0;
@@ -9907,8 +10224,10 @@ ejs-sidebar {
   overflow: auto;
 }
 .e-breadcrumb ol {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   line-height: normal;
@@ -9922,8 +10241,10 @@ ejs-sidebar {
   white-space: nowrap;
 }
 .e-breadcrumb .e-breadcrumb-item {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-negative: 0;
@@ -9933,15 +10254,18 @@ ejs-sidebar {
   padding: 4px 8px;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
 }
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
-  -ms-flex-align: inherit;
-      align-items: inherit;
+  -webkit-box-align: inherit;
+      -ms-flex-align: inherit;
+          align-items: inherit;
   display: inherit;
 }
 .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
@@ -9982,6 +10306,7 @@ ejs-sidebar {
   pointer-events: none;
 }
 .e-breadcrumb .e-breadcrumb-separator {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -10008,6 +10333,7 @@ ejs-sidebar {
   display: inline-block;
 }
 .e-breadcrumb .e-breadcrumb-item-wrapper {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -10033,7 +10359,8 @@ ejs-sidebar {
 .e-breadcrumb-popup {
   border: 1px solid rgba(var(--color-sf-outline-variant));
   border-radius: 4px;
-  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+          box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
   position: absolute;
 }
 .e-breadcrumb-popup ul {
@@ -10045,8 +10372,10 @@ ejs-sidebar {
   white-space: nowrap;
 }
 .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -10056,8 +10385,9 @@ ejs-sidebar {
   width: 100%;
 }
 .e-breadcrumb-popup .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
-  -ms-flex-align: inherit;
-      align-items: inherit;
+  -webkit-box-align: inherit;
+      -ms-flex-align: inherit;
+          align-items: inherit;
   display: inherit;
   width: inherit;
 }
@@ -10078,12 +10408,15 @@ ejs-sidebar {
 }
 .e-breadcrumb-popup.e-icon-right .e-breadcrumb-icon,
 .e-breadcrumb-popup .e-icon-right .e-breadcrumb-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-positive: 1;
-      flex-grow: 1;
-  -ms-flex-pack: end;
-      justify-content: flex-end;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
 .e-breadcrumb-popup.e-rtl.e-icon-right .e-breadcrumb-icon, .e-breadcrumb-popup.e-rtl .e-icon-right .e-breadcrumb-icon {
   padding-left: 0;
@@ -10171,7 +10504,6 @@ ejs-sidebar {
   padding-right: 8px;
 }
 
-/*! breadcrumb theme */
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -10225,6 +10557,7 @@ ejs-sidebar {
 }
 
 .e-breadcrumb-popup {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
 .e-breadcrumb-popup .e-breadcrumb-text {
@@ -10239,8 +10572,6 @@ ejs-sidebar {
   color: rgba(var(--color-sf-on-surface));
 }
 
-/*! AppBar component material3 theme definitions and variables */
-/*! appbar component styles */
 .e-bigger .e-appbar,
 .e-appbar.e-bigger {
   height: 56px;
@@ -10256,26 +10587,32 @@ ejs-sidebar {
 }
 
 .e-appbar {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   width: 100%;
   height: 48px;
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
   position: relative;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   padding: 8px;
   overflow: hidden;
   font-size: 16px;
 }
 .e-appbar > div:first-child {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   width: 100%;
   height: 100%;
 }
@@ -10286,12 +10623,14 @@ ejs-sidebar {
 }
 .e-appbar.e-prominent {
   height: 94px;
-  -ms-flex-align: start;
-      align-items: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
 .e-appbar.e-prominent > div:first-child {
-  -ms-flex-align: start;
-      align-items: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
 .e-appbar.e-dense {
   height: 40px;
@@ -10313,12 +10652,14 @@ ejs-sidebar {
   height: 24px;
 }
 .e-appbar .e-appbar-spacer {
-  -ms-flex-positive: 1;
-      flex-grow: 1;
+  -webkit-box-flex: 1;
+      -ms-flex-positive: 1;
+          flex-grow: 1;
 }
 .e-appbar .e-btn,
 .e-appbar .e-css.e-btn {
-  border-image: unset;
+  -o-border-image: unset;
+     border-image: unset;
 }
 
 .e-inherit.e-menu-wrapper.e-scrollable .e-menu,
@@ -10326,15 +10667,18 @@ ejs-sidebar {
   overflow: hidden;
 }
 
-/*! appbar component theme */
 .e-appbar {
-  box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1.6px 3.6px rgba(0, 0, 0, 0.13), 0 0.3px 0.9px rgba(0, 0, 0, 0.1);
 }
 .e-appbar.e-light {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
   border: 1px solid;
-  border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
+  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
+     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08)));
+     border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
 }
 .e-appbar.e-light .e-appbar-separator {
   border-left: 1px solid rgba(var(--color-sf-on-surface));
@@ -10356,10 +10700,14 @@ ejs-sidebar {
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit,
 .e-appbar.e-light .e-menu-container.e-inherit {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
-  box-shadow: none;
-  border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  -o-border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
+     border-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08)));
+     border-image: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08));
 }
 .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-light .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-light .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
@@ -10394,7 +10742,8 @@ ejs-sidebar {
   background: rgba(var(--color-sf-inverse-surface));
   color: rgba(var(--color-sf-inverse-on-surface));
   border-color: rgba(var(--color-sf-inverse-surface));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-appbar.e-dark .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-selected, .e-appbar.e-dark .e-menu-wrapper.e-inherit .e-menu .e-menu-item.e-focused,
 .e-appbar.e-dark .e-menu-container.e-inherit .e-menu .e-menu-item.e-selected,
@@ -10414,7 +10763,8 @@ ejs-sidebar {
   background: rgba(var(--color-sf-primary));
   color: rgba(var(--color-sf-on-primary));
   border-color: rgba(var(--color-sf-primary));
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-appbar.e-inherit {
   background: inherit;
@@ -10430,13 +10780,16 @@ ejs-sidebar {
   background: inherit;
   color: inherit;
   border-color: inherit;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-appbar.e-horizontal-bottom {
-  box-shadow: 0 -1.6px 3.6px rgba(0, 0, 0, 0.13), 0 -0.3px 0.9px rgba(0, 0, 0, 0.1);
+  -webkit-box-shadow: 0 -1.6px 3.6px rgba(0, 0, 0, 0.13), 0 -0.3px 0.9px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 -1.6px 3.6px rgba(0, 0, 0, 0.13), 0 -0.3px 0.9px rgba(0, 0, 0, 0.1);
 }
 
 .e-light.e-inherit.e-input-group, .e-light.e-inherit.e-input-group.e-control-wrapper, .e-light.e-inherit.e-float-input, .e-light.e-inherit.e-float-input.e-input-group, .e-light.e-inherit.e-float-input.e-control-wrapper, .e-light.e-inherit.e-float-input.e-input-group.e-control-wrapper, .e-light.e-inherit.e-input-group:not(.e-disabled) .e-input-group-icon:hover, .e-light.e-inherit.e-input-group.e-control-wrapper:not(.e-disabled) .e-input-group-icon:hover {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.08)), to(rgba(var(--color-sf-primary), 0.08))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.08), rgba(var(--color-sf-primary), 0.08)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface));
 }
@@ -10467,7 +10820,18 @@ ejs-sidebar {
 .e-inherit.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error),
 .e-inherit.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error),
 .e-inherit.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning):not(.e-error) {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-webkit-input-placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
+
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-moz-placeholder {
+  color: inherit;
+  opacity: 0.8;
 }
 
 .e-inherit.e-input-group.e-control-wrapper .e-searchinput:-ms-input-placeholder {
@@ -10475,6 +10839,11 @@ ejs-sidebar {
   opacity: 0.8;
 }
 
+.e-inherit.e-input-group.e-control-wrapper .e-searchinput::-ms-input-placeholder {
+  color: inherit;
+  opacity: 0.8;
+}
+
 .e-inherit.e-input-group.e-control-wrapper .e-searchinput::placeholder {
   color: inherit;
   opacity: 0.8;
@@ -10498,77 +10867,95 @@ ejs-sidebar {
 .e-stepper {
   position: relative;
 }
+.e-stepper .e-step-selected .e-text,
+.e-stepper .e-step-selected .e-label {
+  font-weight: 600;
+}
 .e-stepper.e-stepper-readonly,
 .e-stepper .e-step-disabled {
   cursor: default;
   pointer-events: none;
 }
-.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
+.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 32px;
   border-radius: 9999px;
 }
-.e-stepper.e-step-type-indicator .e-step-container .e-step-content {
+.e-stepper.e-step-type-indicator .e-step-content, .e-stepper.e-step-type-label .e-step-content {
   padding: 0 8px;
 }
-.e-stepper .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
+.e-stepper .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
   position: relative;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
+.e-stepper.e-horizontal .e-step-item.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
   position: unset;
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip {
   display: none;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 50%;
   top: -8px;
-  transform: translate(-50%, -100%);
+  -webkit-transform: translate(-50%, -100%);
+          transform: translate(-50%, -100%);
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip.e-show-tooltip {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-tip-content {
+  width: -webkit-max-content;
+  width: -moz-max-content;
   width: max-content;
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip.e-tip-bottom {
   left: 50%;
   top: 100%;
-  transform: translate(-50%, 0);
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
 }
 .e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
   top: -6px;
 }
-.e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
+.e-stepper .e-step-item.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
   left: unset;
   top: 0;
-  transform: translate(0%, -135%);
+  -webkit-transform: translate(0%, -135%);
+          transform: translate(0%, -135%);
 }
 .e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
-  transform: translate(-50%, -115%);
+  -webkit-transform: translate(-50%, -115%);
+          transform: translate(-50%, -115%);
 }
 .e-stepper .e-stepper-steps {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 0;
   margin: 0;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
   position: relative;
-  -ms-flex-align: start;
-      align-items: flex-start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: flex-start;
 }
 .e-stepper .e-stepper-steps .e-step-container,
 .e-stepper .e-stepper-steps .e-step,
 .e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
 .e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
 .e-stepper .e-stepper-steps .e-step-label-container {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 .e-stepper .e-step-container {
   max-width: var(--max-width);
@@ -10580,6 +10967,7 @@ ejs-sidebar {
 .e-stepper .e-step-container .e-step-text-container {
   max-width: clamp(100%, 10em, 100%);
   white-space: nowrap;
+  font-size: 14px;
 }
 .e-stepper .e-step-container .e-step-label-optional {
   font-size: 12px;
@@ -10587,10 +10975,13 @@ ejs-sidebar {
       flex-basis: 100%;
 }
 .e-stepper .e-step-container .e-step-optional-container {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-stepper .e-step-container .e-step-content {
   font-size: 16px;
@@ -10607,17 +10998,15 @@ ejs-sidebar {
   padding-block: 5px;
 }
 .e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container .e-step-validation-icon {
   position: relative;
   top: 0.25em;
 }
-.e-stepper .e-step-container .e-step-label-container,
-.e-stepper .e-step-container .e-step-text-container {
-  font-size: 14px;
-}
 .e-stepper .e-step-container .e-step,
 .e-stepper .e-step-container .e-indicator {
   border-radius: 9999px;
@@ -10632,54 +11021,63 @@ ejs-sidebar {
   display: block;
 }
 .e-stepper.e-horizontal .e-stepper-steps {
-  -ms-flex-direction: row;
-      flex-direction: row;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
 }
-.e-stepper.e-horizontal.e-label-before:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
+.e-stepper.e-horizontal.e-label-before:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
   margin-left: var(--progress-left-position);
   top: var(--progress-top-position);
   width: var(--progress-bar-width);
 }
-.e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
+.e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-step-item.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
   margin-right: var(--progress-left-position);
   margin-left: unset;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-label {
+.e-stepper.e-horizontal .e-step-item.e-step-label {
   gap: 1em;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
+.e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container {
   position: relative;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
-  -ms-flex-order: -1;
-      order: -1;
+.e-stepper.e-horizontal .e-step-item.e-step-label .e-step-label-container.e-label-before {
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
 }
 .e-stepper.e-horizontal.e-label-start .e-step-text-container {
-  -ms-flex-order: -1;
-      order: -1;
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
 }
-.e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-horizontal .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   position: absolute;
   top: 2.5em;
   margin-left: 2.5em;
 }
-.e-stepper.e-horizontal.e-label-start .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-horizontal.e-label-start .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   margin-right: 2.5em;
   margin-left: unset;
 }
-.e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-horizontal.e-label-start.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   margin-right: unset;
   margin-left: 2.5em;
 }
 .e-stepper.e-horizontal.e-label-before .e-stepper-steps:has(.e-step-label-optional) {
-  -ms-flex-align: end;
-      align-items: flex-end;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
 }
 .e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   gap: 0.5em;
 }
 .e-stepper.e-horizontal .e-text,
@@ -10690,19 +11088,16 @@ ejs-sidebar {
 }
 .e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
 .e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
-.e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
-.e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
+.e-stepper.e-horizontal .e-step-item:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
+.e-stepper.e-horizontal .e-step-container:not(.e-step-item):not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
+.e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
 }
-.e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
+.e-stepper.e-horizontal .e-step-item:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
   margin-top: 0.5em;
 }
-.e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
+.e-stepper.e-horizontal.e-label-after .e-step-item.e-step-label:not(.e-step-text) .e-step-label-optional {
   margin-top: 0.2em;
 }
 .e-stepper.e-vertical {
@@ -10716,71 +11111,80 @@ ejs-sidebar {
 .e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
   position: absolute;
 }
-.e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   margin-top: 3em;
   margin-left: 4em;
 }
-.e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
+.e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-item.e-step-text:not(.e-step-label) .e-step-label-optional {
   margin-left: unset;
   margin-right: 4em;
 }
 .e-stepper.e-vertical .e-stepper-steps {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   min-height: inherit;
   float: left;
-  -ms-flex-align: start;
-      align-items: start;
+  -webkit-box-align: start;
+      -ms-flex-align: start;
+          align-items: start;
   margin: 0;
-  -ms-flex-pack: justify;
-      justify-content: space-between;
+  -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+          justify-content: space-between;
 }
 .e-stepper.e-vertical.e-rtl .e-stepper-steps {
   float: right;
 }
-.e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
+.e-stepper.e-vertical .e-stepper-steps:has(.e-step-item:not(.e-step-text):not(.e-step-label)),
 .e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
-.e-stepper.e-vertical .e-stepper-steps:has(.e-step-label.e-step-label-only), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-icon)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
-  -ms-flex-align: center;
-      align-items: center;
+.e-stepper.e-vertical .e-stepper-steps:has(.e-step-label.e-step-label-only), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-item)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
-.e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
-.e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
+.e-stepper.e-vertical .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
+.e-stepper.e-vertical .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
   margin-left: 10px;
 }
-.e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
-.e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
+.e-stepper.e-vertical.e-rtl .e-step-item.e-step-text:not(.e-step-label) .e-step-text-container,
+.e-stepper.e-vertical.e-rtl .e-step-item.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
   margin-left: unset;
   margin-right: 10px;
 }
-.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
+.e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
 .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
 .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
+.e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
 .e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
 .e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
   position: unset;
 }
-.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
+.e-stepper.e-vertical .e-step-item:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
   gap: 0.5em;
 }
-.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
-  -ms-flex-direction: column;
-      flex-direction: column;
+.e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
+.e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
   line-height: 2em;
 }
-.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-optional {
+.e-stepper.e-vertical.e-label-before .e-step-item.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-step-item.e-step-label .e-step-label-optional {
   position: unset;
 }
-.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
+.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after {
   position: absolute;
 }
-.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after .e-step-label-optional {
+.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-item) .e-step-label-container.e-label-after .e-step-label-optional {
   left: 0;
 }
 .e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
@@ -10801,20 +11205,24 @@ ejs-sidebar {
   padding-bottom: 6px;
 }
 .e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container {
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
 .e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-text-container {
   margin-left: 0;
 }
 .e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
 .e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
-  -ms-flex-order: -1;
-      order: -1;
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
 }
 .e-stepper .e-stepper-progressbar {
   height: 1.6px;
@@ -10825,9 +11233,12 @@ ejs-sidebar {
 .e-stepper .e-stepper-progressbar > .e-progressbar-value {
   height: 100%;
   width: var(--progress-value);
+  -webkit-transition-property: width;
   transition-property: width;
-  transition-duration: var(--duration);
-  transition-delay: var(--delay);
+  -webkit-transition-duration: var(--duration);
+          transition-duration: var(--duration);
+  -webkit-transition-delay: var(--delay);
+          transition-delay: var(--delay);
 }
 .e-stepper.e-vertical .e-stepper-progressbar {
   min-height: inherit;
@@ -10838,6 +11249,7 @@ ejs-sidebar {
 .e-stepper.e-vertical .e-stepper-progressbar > .e-progressbar-value {
   width: 100%;
   height: var(--progress-value);
+  -webkit-transition-property: height;
   transition-property: height;
 }
 .e-stepper.e-vertical.e-rtl .e-stepper-progressbar {
@@ -10856,12 +11268,12 @@ ejs-sidebar {
   top: 90% !important; /* stylelint-disable-line declaration-no-important */
 }
 
-.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
+.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 28px;
 }
-.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
+.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
   width: 28px;
   height: 28px;
 }
@@ -10895,12 +11307,12 @@ ejs-sidebar {
   font-size: 10px;
 }
 
-.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
+.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 40px;
 }
-.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
+.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
   width: 40px;
   height: 40px;
 }
@@ -10934,16 +11346,16 @@ ejs-sidebar {
   font-size: 14px;
 }
 
-.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
-.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
+.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator,
+.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text) .e-icons.e-step-indicator {
   font-size: 36px;
 }
-.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
-.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
+.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
+.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-item.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
   width: 36px;
   height: 36px;
 }
@@ -11004,6 +11416,7 @@ ejs-sidebar {
 .e-stepper .e-step,
 .e-stepper .e-indicator {
   color: rgba(var(--color-sf-on-surface));
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.14)), to(rgba(var(--color-sf-primary), 0.14))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.14), rgba(var(--color-sf-primary), 0.14)), rgba(var(--color-sf-surface));
 }
 .e-stepper .e-step-indicator {
@@ -11037,10 +11450,6 @@ ejs-sidebar {
 .e-stepper .e-step-error .e-indicator:hover {
   color: rgba(var(--color-sf-on-surface));
 }
-.e-stepper .e-step-selected .e-text,
-.e-stepper .e-step-selected .e-label {
-  font-weight: 600;
-}
 .e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
 .e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
   color: rgba(var(--color-sf-success));
@@ -11059,7 +11468,7 @@ ejs-sidebar {
 .e-stepper .e-step-completed:not(.e-step-error) .e-label {
   color: rgba(var(--color-sf-primary));
 }
-.e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
+.e-stepper .e-step-label:not(.e-step-item) .e-step-label-container {
   background-color: rgba(var(--color-sf-surface));
 }
 .e-stepper .e-step-text-container {
@@ -11067,6 +11476,7 @@ ejs-sidebar {
   border-color: transparent;
 }
 .e-stepper .e-step-disabled .e-indicator {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-on-surface), 0.38);
 }
@@ -11075,7 +11485,7 @@ ejs-sidebar {
 .e-stepper .e-step-disabled .e-step-validation-icon {
   color: rgba(var(--color-sf-on-surface), 0.38);
 }
-.e-stepper.e-vertical .e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-step-label-optional {
+.e-stepper.e-vertical .e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-step-item:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-step-label-optional {
   background-color: rgba(var(--color-sf-surface));
 }
 .e-stepper .e-stepper-progressbar {
@@ -11085,31 +11495,36 @@ ejs-sidebar {
   background-color: rgba(var(--color-sf-primary));
 }
 .e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
-  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-primary)), 0 0 0 8px rgba(var(--color-sf-surface));
+  -webkit-box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-primary)), 0 0 0 8px rgba(var(--color-sf-surface));
+          box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-primary)), 0 0 0 8px rgba(var(--color-sf-surface));
 }
 .e-stepper .e-step-focus .e-step,
 .e-stepper .e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-step-text-only.e-step-focus .e-text,
 .e-stepper .e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) :focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-step-label-only:focus-visible .e-label {
-  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-on-surface)), 0 0 0 8px rgba(var(--color-sf-surface));
+  -webkit-box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-on-surface)), 0 0 0 8px rgba(var(--color-sf-surface));
+          box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-on-surface)), 0 0 0 8px rgba(var(--color-sf-surface));
 }
 .e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
 .e-stepper .e-step-valid.e-step-focus .e-step,
 .e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
 .e-stepper .e-step-valid.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-success)), 0 0 0 8px rgba(var(--color-sf-surface));
+  -webkit-box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-success)), 0 0 0 8px rgba(var(--color-sf-surface));
+          box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-success)), 0 0 0 8px rgba(var(--color-sf-surface));
 }
 .e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
 .e-stepper .e-step-error.e-step-focus .e-step,
 .e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
 .e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
 .e-stepper .e-step-error.e-step-template.e-step-focus {
-  box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-error)), 0 0 0 8px rgba(var(--color-sf-surface));
+  -webkit-box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-error)), 0 0 0 8px rgba(var(--color-sf-surface));
+          box-shadow: 0 0 0 2px rgba(var(--color-sf-surface)), 0 0 0 4px rgba(var(--color-sf-error)), 0 0 0 8px rgba(var(--color-sf-surface));
 }
 .e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
 .e-stepper .e-step-container:not(.e-step-focus).e-step-completed .e-step, .e-stepper.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
-  box-shadow: 0 0 0 8px rgba(var(--color-sf-surface));
+  -webkit-box-shadow: 0 0 0 8px rgba(var(--color-sf-surface));
+          box-shadow: 0 0 0 8px rgba(var(--color-sf-surface));
 }
 .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
 .e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
@@ -11122,6 +11537,7 @@ ejs-sidebar {
 .e-stepper:not(.e-step-type-label) .e-indicator:hover,
 .e-stepper:not(.e-step-type-label) .e-step:hover {
   color: rgba(var(--color-sf-on-primary));
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
 }
 .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
@@ -11129,6 +11545,7 @@ ejs-sidebar {
 }
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.12)), to(rgba(var(--color-sf-on-primary), 0.12))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.12), rgba(var(--color-sf-on-primary), 0.12)), rgba(var(--color-sf-primary));
 }
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,