@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/tab/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;
@@ -53,14 +53,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;
@@ -103,7 +96,6 @@
   position: relative;
 }
 
-/*! tab layout */
 .e-bigger .e-tab .e-tab-header,
 .e-tab.e-bigger .e-tab-header {
   height: 48px;
@@ -1260,6 +1252,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 {
@@ -1311,6 +1304,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 {
@@ -1343,8 +1337,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;
@@ -1361,7 +1357,6 @@
   font-weight: 500;
   text-transform: capitalize;
   -ms-flex-item-align: auto;
-      -ms-grid-row-align: auto;
       align-self: auto;
   margin-bottom: 0;
 }
@@ -1435,6 +1430,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;
@@ -1468,8 +1464,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) {
@@ -1502,8 +1499,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;
@@ -1555,14 +1554,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 {
@@ -1600,6 +1604,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%;
@@ -1643,22 +1648,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;
@@ -1673,14 +1681,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;
 }
@@ -1691,6 +1702,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;
   }
@@ -1804,22 +1816,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;
   }
 }
@@ -1858,6 +1878,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 {
@@ -1951,15 +1972,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;
@@ -2026,6 +2051,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
   width: unset;
 }
@@ -2067,6 +2093,7 @@
   left: unset;
   position: unset;
   right: unset;
+  -webkit-transition: unset;
   transition: unset;
   width: unset;
 }
@@ -2081,8 +2108,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%;
 }
@@ -2100,7 +2128,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%;
 }
@@ -2113,7 +2143,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,
@@ -2180,14 +2212,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 {
@@ -2309,6 +2344,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;
 }
@@ -2328,31 +2364,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;
 }
@@ -2373,48 +2420,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;
   }
 }
@@ -2745,8 +2810,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;
@@ -2763,7 +2830,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) {
@@ -2788,6 +2854,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;
@@ -2812,8 +2879,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) {
@@ -2846,8 +2914,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;
@@ -2893,21 +2963,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;
 }
@@ -2952,7 +3029,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 {
@@ -3028,7 +3104,6 @@
   margin: 0 0 10px;
 }
 
-/*! tab theme */
 .e-tab {
   background: transparent;
   border: none;
@@ -3037,7 +3112,8 @@
   background: inherit;
   border: 0;
   border-radius: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   font-weight: 400;
   border-bottom: 0;
 }
@@ -3162,10 +3238,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] {
@@ -3173,7 +3251,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,
@@ -3228,7 +3307,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,
@@ -3254,7 +3334,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;
 }
@@ -3321,7 +3402,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 {
@@ -3334,14 +3416,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,
@@ -3402,7 +3486,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;
@@ -3467,7 +3552,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 {
@@ -3870,7 +3956,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 {
@@ -3922,7 +4009,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 {
@@ -4095,6 +4183,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));
 }