@syncfusion/ej2-inputs 32.2.7 → 32.2.8

package/styles/color-picker/material3-dark.css

@@ -221,7 +221,6 @@
 }
 .e-colorpicker-wrapper .e-dropdown-btn.e-icon-btn,
 .e-colorpicker-container .e-dropdown-btn.e-icon-btn {
-  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));
   border-radius: calc(var(--e-radius) * 0.25);
   border-bottom-left-radius: calc(var(--e-radius) * 0);
@@ -238,7 +237,6 @@
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  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));
   border-radius: calc(var(--e-radius) * 0.25);
   border-bottom-right-radius: calc(var(--e-radius) * 0);
@@ -275,7 +273,6 @@
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
-  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));
   border-radius: calc(var(--e-radius) * 0.25);
   border-left-color: transparent;
@@ -429,7 +426,6 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(var(--color-sf-black)))), -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to right, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
   height: 266px;
 }
@@ -731,7 +727,6 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(var(--color-sf-black)))), -webkit-gradient(linear, right top, left top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to left, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
@@ -898,7 +893,6 @@ body.e-colorpicker-overflow {
 /* 15px */
 /* 16px */
 .e-container {
-  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-container .e-palette .e-tile:hover {

package/styles/color-picker/material3.css

@@ -225,7 +225,6 @@
 }
 .e-colorpicker-wrapper .e-dropdown-btn.e-icon-btn,
 .e-colorpicker-container .e-dropdown-btn.e-icon-btn {
-  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));
   border-radius: calc(var(--e-radius) * 0.25);
   border-bottom-left-radius: calc(var(--e-radius) * 0);
@@ -242,7 +241,6 @@
 .e-colorpicker-container .e-split-btn-wrapper .e-split-colorpicker.e-split-btn {
   font-family: initial;
   line-height: 14px;
-  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));
   border-radius: calc(var(--e-radius) * 0.25);
   border-bottom-right-radius: calc(var(--e-radius) * 0);
@@ -279,7 +277,6 @@
 }
 .e-colorpicker-wrapper .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn,
 .e-colorpicker-container .e-split-btn-wrapper.e-rtl .e-btn.e-icon-btn {
-  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));
   border-radius: calc(var(--e-radius) * 0.25);
   border-left-color: transparent;
@@ -433,7 +430,6 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(var(--color-sf-black)))), -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to right, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
   height: 266px;
 }
@@ -735,7 +731,6 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(var(--color-sf-black)))), -webkit-gradient(linear, right top, left top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to left, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
@@ -904,7 +899,6 @@ body.e-colorpicker-overflow {
 
 
 .e-container {
-  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-container .e-palette .e-tile:hover {

package/styles/color-picker/tailwind3.css

@@ -397,7 +397,6 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(var(--color-sf-black)))), -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to right, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
   height: 232px;
 }
@@ -698,7 +697,6 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
-  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(rgba(var(--color-sf-black)))), -webkit-gradient(linear, right top, left top, color-stop(0, rgba(var(--color-sf-white))), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(var(--color-sf-black)) 100%), linear-gradient(to left, rgba(var(--color-sf-white)) 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {

package/styles/fabric-dark-lite.css

@@ -5473,7 +5473,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
   background: linear-gradient(to right, #fff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5485,7 +5484,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #0074cc;
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#0074cc), to(transparent));
   background: linear-gradient(to right, #0074cc var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5494,7 +5492,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #0074cc;
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 98.6, 173.4)), to(transparent));
   background: linear-gradient(to right, rgb(0, 98.6, 173.4) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5503,7 +5500,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 98.6, 173.4);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
   background: linear-gradient(to left, #fff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5511,7 +5507,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#0074cc), to(transparent));
   background: linear-gradient(to left, #0074cc var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5519,7 +5514,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 98.6, 173.4)), to(transparent));
   background: linear-gradient(to left, rgb(0, 98.6, 173.4) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5533,7 +5527,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #514f4f;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#514f4f), to(transparent));
   background: linear-gradient(to right, #514f4f var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5542,7 +5535,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #514f4f;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#514f4f), to(transparent));
   background: linear-gradient(to left, #514f4f var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5550,7 +5542,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#514f4f), to(transparent));
   background: linear-gradient(to left, #514f4f var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/fabric-dark.css

@@ -8393,7 +8393,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#fff), to(transparent));
   background: linear-gradient(to right, #fff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8405,7 +8404,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #0074cc;
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#0074cc), to(transparent));
   background: linear-gradient(to right, #0074cc var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8414,7 +8412,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #0074cc;
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 98.6, 173.4)), to(transparent));
   background: linear-gradient(to right, rgb(0, 98.6, 173.4) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8423,7 +8420,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 98.6, 173.4);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#fff), to(transparent));
   background: linear-gradient(to left, #fff var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8431,7 +8427,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#0074cc), to(transparent));
   background: linear-gradient(to left, #0074cc var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8439,7 +8434,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 98.6, 173.4)), to(transparent));
   background: linear-gradient(to left, rgb(0, 98.6, 173.4) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8453,7 +8447,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #514f4f;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#514f4f), to(transparent));
   background: linear-gradient(to right, #514f4f var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8462,7 +8455,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #514f4f;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#514f4f), to(transparent));
   background: linear-gradient(to left, #514f4f var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8470,7 +8462,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#514f4f), to(transparent));
   background: linear-gradient(to left, #514f4f var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/fabric-lite.css

@@ -5472,7 +5472,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#333), to(transparent));
   background: linear-gradient(to right, #333 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5484,7 +5483,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 128.5794392523, 229.3);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 128.5794392523, 229.3)), to(transparent));
   background: linear-gradient(to right, rgb(0, 128.5794392523, 229.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5493,7 +5491,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 128.5794392523, 229.3);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 91.4018691589, 163)), to(transparent));
   background: linear-gradient(to right, rgb(0, 91.4018691589, 163) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5502,7 +5499,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 91.4018691589, 163);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#333), to(transparent));
   background: linear-gradient(to left, #333 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5510,7 +5506,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 128.5794392523, 229.3)), to(transparent));
   background: linear-gradient(to left, rgb(0, 128.5794392523, 229.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5518,7 +5513,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 91.4018691589, 163)), to(transparent));
   background: linear-gradient(to left, rgb(0, 91.4018691589, 163) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5532,7 +5526,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #d0d0d0;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#d0d0d0), to(transparent));
   background: linear-gradient(to right, #d0d0d0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5541,7 +5534,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #d0d0d0;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#d0d0d0), to(transparent));
   background: linear-gradient(to left, #d0d0d0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5549,7 +5541,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#d0d0d0), to(transparent));
   background: linear-gradient(to left, #d0d0d0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/fabric.css

@@ -8397,7 +8397,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#333), to(transparent));
   background: linear-gradient(to right, #333 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8409,7 +8408,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 128.5794392523, 229.3);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 128.5794392523, 229.3)), to(transparent));
   background: linear-gradient(to right, rgb(0, 128.5794392523, 229.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8418,7 +8416,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 128.5794392523, 229.3);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 91.4018691589, 163)), to(transparent));
   background: linear-gradient(to right, rgb(0, 91.4018691589, 163) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8427,7 +8424,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 91.4018691589, 163);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#333), to(transparent));
   background: linear-gradient(to left, #333 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8435,7 +8431,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 128.5794392523, 229.3)), to(transparent));
   background: linear-gradient(to left, rgb(0, 128.5794392523, 229.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8443,7 +8438,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 91.4018691589, 163)), to(transparent));
   background: linear-gradient(to left, rgb(0, 91.4018691589, 163) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8457,7 +8451,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #d0d0d0;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#d0d0d0), to(transparent));
   background: linear-gradient(to right, #d0d0d0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8466,7 +8459,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #d0d0d0;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#d0d0d0), to(transparent));
   background: linear-gradient(to left, #d0d0d0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8474,7 +8466,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#d0d0d0), to(transparent));
   background: linear-gradient(to left, #d0d0d0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/fluent-dark-lite.css

@@ -5562,7 +5562,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#f3f2f1), to(transparent));
   background: linear-gradient(to right, #f3f2f1 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5574,7 +5573,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(25.5, 133.5, 216.3);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(25.5, 133.5, 216.3)), to(transparent));
   background: linear-gradient(to right, rgb(25.5, 133.5, 216.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5583,7 +5581,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(25.5, 133.5, 216.3);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(51, 147, 220.6)), to(transparent));
   background: linear-gradient(to right, rgb(51, 147, 220.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5592,7 +5589,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(51, 147, 220.6);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#f3f2f1), to(transparent));
   background: linear-gradient(to left, #f3f2f1 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5600,7 +5596,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(25.5, 133.5, 216.3)), to(transparent));
   background: linear-gradient(to left, rgb(25.5, 133.5, 216.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5608,7 +5603,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(51, 147, 220.6)), to(transparent));
   background: linear-gradient(to left, rgb(51, 147, 220.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5622,7 +5616,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #484644;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#484644), to(transparent));
   background: linear-gradient(to right, #484644 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5631,7 +5624,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #484644;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#484644), to(transparent));
   background: linear-gradient(to left, #484644 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5639,7 +5631,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#484644), to(transparent));
   background: linear-gradient(to left, #484644 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/fluent-dark.css

@@ -8590,7 +8590,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#f3f2f1), to(transparent));
   background: linear-gradient(to right, #f3f2f1 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8602,7 +8601,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(25.5, 133.5, 216.3);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(25.5, 133.5, 216.3)), to(transparent));
   background: linear-gradient(to right, rgb(25.5, 133.5, 216.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8611,7 +8609,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(25.5, 133.5, 216.3);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(51, 147, 220.6)), to(transparent));
   background: linear-gradient(to right, rgb(51, 147, 220.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8620,7 +8617,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(51, 147, 220.6);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#f3f2f1), to(transparent));
   background: linear-gradient(to left, #f3f2f1 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8628,7 +8624,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(25.5, 133.5, 216.3)), to(transparent));
   background: linear-gradient(to left, rgb(25.5, 133.5, 216.3) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8636,7 +8631,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(51, 147, 220.6)), to(transparent));
   background: linear-gradient(to left, rgb(51, 147, 220.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8650,7 +8644,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #484644;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#484644), to(transparent));
   background: linear-gradient(to right, #484644 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8659,7 +8652,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #484644;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#484644), to(transparent));
   background: linear-gradient(to left, #484644 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -8667,7 +8659,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#484644), to(transparent));
   background: linear-gradient(to left, #484644 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/fluent-lite.css

@@ -5562,7 +5562,6 @@ body.e-colorpicker-overflow {
   background: none;
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#323130), to(transparent));
   background: linear-gradient(to right, #323130 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5574,7 +5573,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 108, 190.8);
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 108, 190.8)), to(transparent));
   background: linear-gradient(to right, rgb(0, 108, 190.8) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5583,7 +5581,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 108, 190.8);
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(rgb(0, 96, 169.6)), to(transparent));
   background: linear-gradient(to right, rgb(0, 96, 169.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5592,7 +5589,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgb(0, 96, 169.6);
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#323130), to(transparent));
   background: linear-gradient(to left, #323130 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5600,7 +5596,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 108, 190.8)), to(transparent));
   background: linear-gradient(to left, rgb(0, 108, 190.8) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5608,7 +5603,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(rgb(0, 96, 169.6)), to(transparent));
   background: linear-gradient(to left, rgb(0, 96, 169.6) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5622,7 +5616,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #c8c6c4;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, left top, right top, from(#c8c6c4), to(transparent));
   background: linear-gradient(to right, #c8c6c4 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5631,7 +5624,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #c8c6c4;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#c8c6c4), to(transparent));
   background: linear-gradient(to left, #c8c6c4 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -5639,7 +5631,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#c8c6c4), to(transparent));
   background: linear-gradient(to left, #c8c6c4 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */