@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/tab/material3.css

@@ -100,7 +100,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;
@@ -109,14 +109,7 @@
   --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
 }
 
-/*! 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;
@@ -159,7 +152,6 @@
   position: relative;
 }
 
-/*! tab layout */
 .e-bigger .e-tab .e-tab-header,
 .e-tab.e-bigger .e-tab-header {
   height: 48px;
@@ -1316,6 +1308,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 {
@@ -1367,6 +1360,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 {
@@ -1399,8 +1393,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;
@@ -1417,7 +1413,6 @@
   font-weight: 500;
   text-transform: capitalize;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
   margin-bottom: 0;
 }
@@ -1491,6 +1486,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;
@@ -1524,8 +1520,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) {
@@ -1558,8 +1555,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;
@@ -1611,14 +1610,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 {
@@ -1656,6 +1660,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%;
@@ -1699,22 +1704,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;
@@ -1729,14 +1737,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;
 }
@@ -1747,6 +1758,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;
   }
@@ -1860,22 +1872,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;
   }
 }
@@ -1914,6 +1934,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 {
@@ -2007,15 +2028,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;
@@ -2082,6 +2107,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
   width: unset;
 }
@@ -2123,6 +2149,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
   width: unset;
 }
@@ -2137,8 +2164,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%;
 }
@@ -2156,7 +2184,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%;
 }
@@ -2169,7 +2199,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,
@@ -2236,14 +2268,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 {
@@ -2365,6 +2400,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;
 }
@@ -2384,31 +2420,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;
 }
@@ -2429,48 +2476,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;
   }
 }
@@ -2801,8 +2866,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;
@@ -2819,7 +2886,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) {
@@ -2844,6 +2910,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;
@@ -2868,8 +2935,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) {
@@ -2902,8 +2970,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;
@@ -2949,21 +3019,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;
 }
@@ -3008,7 +3085,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 {
@@ -3084,7 +3160,6 @@
   margin: 0 0 10px;
 }
 
-/*! tab theme */
 .e-tab {
   background: transparent;
   border: none;
@@ -3093,7 +3168,8 @@
   background: inherit;
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-weight: 400;
   border-bottom: 0;
 }
@@ -3218,10 +3294,12 @@
   border: initial;
 }
 .e-tab .e-tab-header .e-toolbar-pop {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), 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] {
@@ -3229,7 +3307,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,
@@ -3284,7 +3363,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,
@@ -3310,7 +3390,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;
 }
@@ -3377,7 +3458,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 {
@@ -3390,14 +3472,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,
@@ -3458,7 +3542,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;
@@ -3523,7 +3608,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 {
@@ -3926,7 +4012,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 {
@@ -3978,7 +4065,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 {
@@ -4151,6 +4239,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));
 }