@syncfusion/ej2-navigations 25.2.6 → 26.1.35-750253

package/styles/breadcrumb/material.css

@@ -1,4 +1,3 @@
-/*! breadcrumb icons */
 .e-breadcrumb .e-breadcrumb-collapsed::before,
 .e-breadcrumb .e-breadcrumb-menu::before {
   content: "\eb04";
@@ -15,17 +14,18 @@
   margin-top: 0;
 }
 
-/*! breadcrumb layout */
 .e-breadcrumb {
   display: block;
 }
 .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;
@@ -41,8 +41,10 @@
   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;
@@ -56,8 +58,10 @@
   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;
@@ -67,15 +71,18 @@
   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 {
@@ -113,6 +120,7 @@
   pointer-events: none;
 }
 .e-breadcrumb .e-breadcrumb-separator {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -139,6 +147,7 @@
   display: inline-block;
 }
 .e-breadcrumb .e-breadcrumb-item-wrapper {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -164,7 +173,8 @@
 .e-breadcrumb-popup {
   border: none;
   border-radius: 0;
-  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+  -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+          box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
   position: absolute;
 }
 .e-breadcrumb-popup ul {
@@ -176,8 +186,10 @@
   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;
@@ -187,8 +199,9 @@
   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;
 }
@@ -209,12 +222,15 @@
 }
 .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;
@@ -302,7 +318,6 @@
   padding-right: 8px;
 }
 
-/*! breadcrumb theme */
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: rgba(0, 0, 0, 0.65);
 }

package/styles/breadcrumb/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,7 +53,6 @@
   --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
 }
 
-/*! breadcrumb icons */
 .e-breadcrumb .e-breadcrumb-collapsed::before,
 .e-breadcrumb .e-breadcrumb-menu::before {
   content: "\e71c";
@@ -62,19 +61,20 @@
   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;
@@ -90,8 +90,10 @@
   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;
@@ -105,8 +107,10 @@
   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;
@@ -116,15 +120,18 @@
   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 {
@@ -165,6 +172,7 @@
   pointer-events: none;
 }
 .e-breadcrumb .e-breadcrumb-separator {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -191,6 +199,7 @@
   display: inline-block;
 }
 .e-breadcrumb .e-breadcrumb-item-wrapper {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -216,7 +225,8 @@
 .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 {
@@ -228,8 +238,10 @@
   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;
@@ -239,8 +251,9 @@
   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;
 }
@@ -261,12 +274,15 @@
 }
 .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;
@@ -354,7 +370,6 @@
   padding-right: 8px;
 }
 
-/*! breadcrumb theme */
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -408,6 +423,7 @@
 }
 
 .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 {

package/styles/breadcrumb/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,7 +109,6 @@
   --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
 }
 
-/*! breadcrumb icons */
 .e-breadcrumb .e-breadcrumb-collapsed::before,
 .e-breadcrumb .e-breadcrumb-menu::before {
   content: "\e71c";
@@ -118,19 +117,20 @@
   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;
@@ -146,8 +146,10 @@
   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;
@@ -161,8 +163,10 @@
   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;
@@ -172,15 +176,18 @@
   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 {
@@ -221,6 +228,7 @@
   pointer-events: none;
 }
 .e-breadcrumb .e-breadcrumb-separator {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -247,6 +255,7 @@
   display: inline-block;
 }
 .e-breadcrumb .e-breadcrumb-item-wrapper {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -272,7 +281,8 @@
 .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 {
@@ -284,8 +294,10 @@
   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;
@@ -295,8 +307,9 @@
   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;
 }
@@ -317,12 +330,15 @@
 }
 .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;
@@ -410,7 +426,6 @@
   padding-right: 8px;
 }
 
-/*! breadcrumb theme */
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: rgba(var(--color-sf-on-surface-variant));
 }
@@ -464,6 +479,7 @@
 }
 
 .e-breadcrumb-popup {
+  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));
 }
 .e-breadcrumb-popup .e-breadcrumb-text {

package/styles/breadcrumb/tailwind-dark.css

@@ -1,4 +1,3 @@
-/*! breadcrumb icons */
 .e-breadcrumb .e-breadcrumb-collapsed::before,
 .e-breadcrumb .e-breadcrumb-menu::before {
   content: "\e71c";
@@ -15,17 +14,18 @@
   height: 21px;
 }
 
-/*! breadcrumb layout */
 .e-breadcrumb {
   display: block;
 }
 .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;
@@ -41,8 +41,10 @@
   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;
@@ -56,8 +58,10 @@
   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;
@@ -73,15 +77,18 @@
   padding: 2px 4px;
 }
 .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 {
@@ -125,6 +132,7 @@
   pointer-events: none;
 }
 .e-breadcrumb .e-breadcrumb-separator {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 14px;
@@ -151,6 +159,7 @@
   display: inline-block;
 }
 .e-breadcrumb .e-breadcrumb-item-wrapper {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -176,7 +185,8 @@
 .e-breadcrumb-popup {
   border: 1px solid #4b5563;
   border-radius: 4px;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   position: absolute;
 }
 .e-breadcrumb-popup ul {
@@ -188,8 +198,10 @@
   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;
@@ -199,8 +211,9 @@
   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;
 }
@@ -221,12 +234,15 @@
 }
 .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;
@@ -326,7 +342,6 @@
   padding-right: 12px;
 }
 
-/*! breadcrumb theme */
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: #9ca3af;
 }