@syncfusion/ej2-inputs 32.2.5 → 32.2.8

package/styles/material-dark-lite.css

@@ -9607,7 +9607,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(#e0e0e0), to(transparent));
   background: linear-gradient(to right, #e0e0e0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9619,7 +9618,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#3f51b5), to(transparent));
   background: linear-gradient(to right, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9628,7 +9626,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#7986cb), to(transparent));
   background: linear-gradient(to right, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9637,7 +9634,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #7986cb;
 }
 .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(#e0e0e0), to(transparent));
   background: linear-gradient(to left, #e0e0e0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9645,7 +9641,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(#3f51b5), to(transparent));
   background: linear-gradient(to left, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9653,7 +9648,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(#7986cb), to(transparent));
   background: linear-gradient(to left, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9667,7 +9661,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .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(#757575), to(transparent));
   background: linear-gradient(to right, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9676,7 +9669,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9684,7 +9676,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(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/material-dark.css

@@ -16143,7 +16143,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(#e0e0e0), to(transparent));
   background: linear-gradient(to right, #e0e0e0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16155,7 +16154,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#3f51b5), to(transparent));
   background: linear-gradient(to right, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16164,7 +16162,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#7986cb), to(transparent));
   background: linear-gradient(to right, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16173,7 +16170,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #7986cb;
 }
 .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(#e0e0e0), to(transparent));
   background: linear-gradient(to left, #e0e0e0 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16181,7 +16177,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(#3f51b5), to(transparent));
   background: linear-gradient(to left, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16189,7 +16184,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(#7986cb), to(transparent));
   background: linear-gradient(to left, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16203,7 +16197,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .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(#757575), to(transparent));
   background: linear-gradient(to right, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16212,7 +16205,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #757575;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16220,7 +16212,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(#757575), to(transparent));
   background: linear-gradient(to left, #757575 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/material-lite.css

@@ -9657,7 +9657,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(#212121), to(transparent));
   background: linear-gradient(to right, #212121 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9669,7 +9668,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#3f51b5), to(transparent));
   background: linear-gradient(to right, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9678,7 +9676,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#7986cb), to(transparent));
   background: linear-gradient(to right, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9687,7 +9684,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #7986cb;
 }
 .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(#212121), to(transparent));
   background: linear-gradient(to left, #212121 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9695,7 +9691,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(#3f51b5), to(transparent));
   background: linear-gradient(to left, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9703,7 +9698,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(#7986cb), to(transparent));
   background: linear-gradient(to left, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9717,7 +9711,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #9e9e9e;
 }
 .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(#9e9e9e), to(transparent));
   background: linear-gradient(to right, #9e9e9e var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9726,7 +9719,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #9e9e9e;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#9e9e9e), to(transparent));
   background: linear-gradient(to left, #9e9e9e var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -9734,7 +9726,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(#9e9e9e), to(transparent));
   background: linear-gradient(to left, #9e9e9e var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/material.css

@@ -16229,7 +16229,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(#212121), to(transparent));
   background: linear-gradient(to right, #212121 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16241,7 +16240,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#3f51b5), to(transparent));
   background: linear-gradient(to right, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16250,7 +16248,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #3f51b5;
 }
 .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(#7986cb), to(transparent));
   background: linear-gradient(to right, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16259,7 +16256,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #7986cb;
 }
 .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(#212121), to(transparent));
   background: linear-gradient(to left, #212121 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16267,7 +16263,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(#3f51b5), to(transparent));
   background: linear-gradient(to left, #3f51b5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16275,7 +16270,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(#7986cb), to(transparent));
   background: linear-gradient(to left, #7986cb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16289,7 +16283,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #9e9e9e;
 }
 .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(#9e9e9e), to(transparent));
   background: linear-gradient(to right, #9e9e9e var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16298,7 +16291,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #9e9e9e;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
-  background: -webkit-gradient(linear, right top, left top, from(#9e9e9e), to(transparent));
   background: linear-gradient(to left, #9e9e9e var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -16306,7 +16298,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(#9e9e9e), to(transparent));
   background: linear-gradient(to left, #9e9e9e var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/material3-dark-lite.css

@@ -1497,7 +1497,6 @@ label.e-float-text,
 .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
   background: transparent;
   color: rgba(var(--color-sf-on-surface), 0.38);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
   background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;
@@ -5021,7 +5020,6 @@ textarea.e-input,
   -webkit-text-fill-color: rgba(var(--color-sf-on-surface), 0.38);
   background: transparent;
   color: rgba(var(--color-sf-on-surface), 0.38);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
   background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;
@@ -7600,7 +7598,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
           transform: scale(1.5);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
   -webkit-box-shadow: 0 0 0 10px rgba(var(--color-sf-primary), 0.12);
           box-shadow: 0 0 0 10px rgba(var(--color-sf-primary), 0.12);
@@ -10028,7 +10025,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   color: rgba(var(--color-sf-error));
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
-  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-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
@@ -10161,7 +10157,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 .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);
@@ -10178,7 +10173,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 .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);
@@ -10215,7 +10209,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 .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;
@@ -10369,7 +10362,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;
 }
@@ -10671,7 +10663,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 {
@@ -10838,7 +10829,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 {
@@ -11251,7 +11241,6 @@ body.e-colorpicker-overflow {
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px transparent;
-  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));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11259,7 +11248,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .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(rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11271,7 +11259,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary))-5%;
 }
 .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, color-stop(-5%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary))-5% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11280,7 +11267,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
 }
 .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, color-stop(-10%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary))-10% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11289,7 +11275,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
 }
 .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(rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11297,7 +11282,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, color-stop(-5%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary))-5% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11305,7 +11289,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, color-stop(-10%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary))-10% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11324,7 +11307,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .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(rgba(var(--color-sf-on-surface), 0.24)), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-on-surface), 0.24) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -11340,7 +11322,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(rgba(var(--color-sf-on-surface), 0.24)), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-on-surface), 0.24) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */

package/styles/material3-dark.css

@@ -1497,7 +1497,6 @@ label.e-float-text,
 .e-input-group.e-control-wrapper.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap {
   background: transparent;
   color: rgba(var(--color-sf-on-surface), 0.38);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
   background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;
@@ -5021,7 +5020,6 @@ textarea.e-input,
   -webkit-text-fill-color: rgba(var(--color-sf-on-surface), 0.38);
   background: transparent;
   color: rgba(var(--color-sf-on-surface), 0.38);
-  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
   background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
   background-position: bottom -1px left 0;
   background-repeat: repeat-x;
@@ -13439,7 +13437,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
           transform: scale(1.5);
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-primary), 0.08)), to(rgba(var(--color-sf-on-primary), 0.08))), rgba(var(--color-sf-primary));
   background: linear-gradient(0deg, rgba(var(--color-sf-on-primary), 0.08), rgba(var(--color-sf-on-primary), 0.08)), rgba(var(--color-sf-primary));
   -webkit-box-shadow: 0 0 0 10px rgba(var(--color-sf-primary), 0.12);
           box-shadow: 0 0 0 10px rgba(var(--color-sf-primary), 0.12);
@@ -16490,7 +16487,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   color: rgba(var(--color-sf-error));
 }
 .e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
-  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-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-progress {
@@ -17197,7 +17193,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 .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);
@@ -17214,7 +17209,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 .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);
@@ -17251,7 +17245,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 .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;
@@ -17405,7 +17398,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;
 }
@@ -17707,7 +17699,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 {
@@ -17874,7 +17865,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 {
@@ -18602,7 +18592,6 @@ body.e-colorpicker-overflow {
 .e-rating-container .e-rating-item-container .e-rating-icon {
   -webkit-text-fill-color: transparent;
   -webkit-text-stroke: 1px transparent;
-  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));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18610,7 +18599,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .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(rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18622,7 +18610,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary))-5%;
 }
 .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, color-stop(-5%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary))-5% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18631,7 +18618,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
 }
 .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, color-stop(-10%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-primary))-10% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18640,7 +18626,6 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px rgba(var(--color-sf-primary));
 }
 .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(rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary)) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18648,7 +18633,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, color-stop(-5%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary))-5% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18656,7 +18640,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, color-stop(-10%, rgba(var(--color-sf-primary))), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-primary))-10% var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18675,7 +18658,6 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .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(rgba(var(--color-sf-on-surface), 0.24)), to(transparent));
   background: linear-gradient(to right, rgba(var(--color-sf-on-surface), 0.24) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -18691,7 +18673,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(rgba(var(--color-sf-on-surface), 0.24)), to(transparent));
   background: linear-gradient(to left, rgba(var(--color-sf-on-surface), 0.24) var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */