@syncfusion/ej2-inputs 33.2.15 → 34.1.30

package/styles/material-dark.css

@@ -59,14 +59,6 @@
   font-family: "e-icons";
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4650,14 +4642,6 @@ textarea.e-outline,
   padding-right: 17px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6569,14 +6553,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: #ffca1c;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
+/* stylelint-disable-line no-empty-source */
 .e-input-group.e-bigger .e-input,
 .e-input-group.e-bigger.e-control-wrapper .e-input,
 .e-bigger .e-input-group .e-input,
@@ -12031,26 +12008,10 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-w
   padding-right: 0;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 12px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
 .e-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
 .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
   background-size: 300px 40px;
@@ -12258,6 +12219,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   height: auto;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -12305,6 +12267,7 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   border-radius: 50%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  cursor: -webkit-grab;
   cursor: grab;
   height: 12px;
   width: 12px;
@@ -12317,10 +12280,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out, -webkit-transform 300ms ease-out;
   z-index: 10;
-  /* stylelint-disable */
-  cursor: -webkit-grab;
-  cursor: grab;
-  /* stylelint-enable */
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
   -webkit-transform: scale(1.5);
@@ -12332,6 +12291,12 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   cursor: grabbing;
   /* stylelint-enable */
 }
+.e-control-wrapper.e-slider-container .e-slider .e-handle {
+  /* stylelint-disable */
+  cursor: -webkit-grab;
+  cursor: grab;
+  /* stylelint-enable */
+}
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start {
   background-color: #303030;
   border: 2px solid rgba(255, 255, 255, 0.26);
@@ -12933,7 +12898,6 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   font-size: 12px;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -13296,7 +13260,6 @@ span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.
   padding-right: 1px;
 }
 
-/* stylelint-disable-line no-empty-source */
 .e-bigger .e-content-placeholder.e-textbox.e-placeholder-textbox,
 .e-bigger.e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 40px;
@@ -14112,47 +14075,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   top: -30px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
 .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
   content: "\e945";
 }
@@ -15263,6 +15185,11 @@ body.e-colorpicker-overflow {
 .e-container.e-color-picker {
   width: 270px;
 }
+@media screen and (max-width: 480px) {
+  .e-container.e-color-picker {
+    width: 344px;
+  }
+}
 .e-container.e-color-picker .e-mode-switch-btn {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%;
 }
@@ -15801,6 +15728,11 @@ body.e-colorpicker-overflow {
 .e-bigger .e-container.e-color-picker {
   width: 290px;
 }
+@media screen and (max-width: 480px) {
+  .e-bigger .e-container.e-color-picker {
+    width: 344px;
+  }
+}
 .e-bigger .e-container .e-palette .e-tile {
   height: 29px;
   width: 29px;
@@ -15998,6 +15930,9 @@ body.e-colorpicker-overflow {
   cursor: default;
   pointer-events: none;
 }
+.e-rating-container .e-rating-item-container:has(svg) {
+  line-height: 13px;
+}
 .e-rating-container .e-rating-item-container {
   cursor: pointer;
   font-size: 20px;
@@ -16007,9 +15942,6 @@ body.e-colorpicker-overflow {
   min-height: calc(1em + 8px);
   position: relative;
 }
-.e-rating-container .e-rating-item-container:has(svg) {
-  line-height: 13px;
-}
 .e-rating-container .e-rating-item-container .e-rating-item {
   display: block;
 }
@@ -16109,14 +16041,14 @@ body.e-colorpicker-overflow {
   text-align: center;
 }
 
-.e-small.e-rating-container .e-rating-item-container,
-.e-small .e-rating-container .e-rating-item-container {
-  font-size: 16px;
-}
 .e-small.e-rating-container .e-rating-item-container:has(svg),
 .e-small .e-rating-container .e-rating-item-container:has(svg) {
   line-height: 9px;
 }
+.e-small.e-rating-container .e-rating-item-container,
+.e-small .e-rating-container .e-rating-item-container {
+  font-size: 16px;
+}
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
   font-size: 10px;
@@ -16224,14 +16156,14 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
-.e-bigger.e-rating-container .e-rating-item-container,
-.e-bigger .e-rating-container .e-rating-item-container {
-  font-size: 32px;
-}
 .e-bigger.e-rating-container .e-rating-item-container:has(svg),
 .e-bigger .e-rating-container .e-rating-item-container:has(svg) {
   line-height: 21px;
 }
+.e-bigger.e-rating-container .e-rating-item-container,
+.e-bigger .e-rating-container .e-rating-item-container {
+  font-size: 32px;
+}
 .e-bigger.e-rating-container .e-rating-label,
 .e-bigger .e-rating-container .e-rating-label {
   font-size: 14px;
@@ -16242,18 +16174,18 @@ body.e-colorpicker-overflow {
   font-size: 28px;
 }
 
-.e-bigger.e-small.e-rating-container .e-rating-item-container,
-.e-bigger.e-small .e-rating-container .e-rating-item-container,
-.e-bigger .e-small.e-rating-container .e-rating-item-container,
-.e-small .e-bigger.e-rating-container .e-rating-item-container {
-  font-size: 24px;
-}
 .e-bigger.e-small.e-rating-container .e-rating-item-container:has(svg),
 .e-bigger.e-small .e-rating-container .e-rating-item-container:has(svg),
 .e-bigger .e-small.e-rating-container .e-rating-item-container:has(svg),
 .e-small .e-bigger.e-rating-container .e-rating-item-container:has(svg) {
   line-height: 17px;
 }
+.e-bigger.e-small.e-rating-container .e-rating-item-container,
+.e-bigger.e-small .e-rating-container .e-rating-item-container,
+.e-bigger .e-small.e-rating-container .e-rating-item-container,
+.e-small .e-bigger.e-rating-container .e-rating-item-container {
+  font-size: 24px;
+}
 .e-bigger.e-small.e-rating-container .e-rating-label,
 .e-bigger.e-small .e-rating-container .e-rating-label,
 .e-bigger .e-small.e-rating-container .e-rating-label,
@@ -16268,13 +16200,8 @@ body.e-colorpicker-overflow {
   font-size: 20px;
 }
 
-/*! Form material theme wise override definitions and variables */
 /*! Form material theme wise override definitions and variables */
 /*! data-form layout */
-.e-data-form {
-  /* stylelint-disable property-no-vendor-prefix */
-  /* stylelint-enable property-no-vendor-prefix */
-}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -16283,6 +16210,9 @@ body.e-colorpicker-overflow {
 .e-data-form .e-form-layout {
   display: grid;
 }
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-data-form .e-grid-col-2 {
   -ms-grid-columns: repeat(2, 1fr);
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -16327,6 +16257,9 @@ body.e-colorpicker-overflow {
   -ms-grid-columns: repeat(12, 1fr);
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
+.e-data-form {
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-colspan-1 {
   grid-column: span 1/span 1;
 }
@@ -16477,7 +16410,6 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
-/*! Form material theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: rgba(255, 255, 255, 0.64);

package/styles/material-dark.scss

@@ -1,50 +1,44 @@
-@use 'ej2-base/styles/definition/material-dark' as *;
 @use 'signature/material-dark-definition' as *;
-@use 'signature/all.material-dark' as *;
+@use 'signature/all' as *;
 
 @use 'input/material-dark-definition' as *;
 @use 'input/icons/material-dark' as *;
-@use 'input/all.material-dark' as *;
-@use 'input/bigger.material-dark' as *;
+@use 'input/all' as *;
+@use 'input/bigger' as *;
 @use 'numerictextbox/material-dark-definition' as *;
 @use 'numerictextbox/icons/material-dark' as *;
-@use 'numerictextbox/all.material-dark' as *;
-@use 'numerictextbox/bigger.material-dark' as *;
+@use 'numerictextbox/all' as *;
+@use 'numerictextbox/bigger' as *;
 @use 'maskedtextbox/material-dark-definition' as *;
-@use 'maskedtextbox/all.material-dark' as *;
-@use 'maskedtextbox/bigger.material-dark' as *;
-@use 'ej2-popups/styles/popup/material-dark-definition' as *;
-@use 'ej2-popups/styles/tooltip/material-dark-definition' as *;
+@use 'maskedtextbox/all' as *;
+@use 'maskedtextbox/bigger' as *;
 @use 'slider/material-dark-definition' as *;
-@use 'slider/all.material-dark' as *;
-@use 'slider/bigger.material-dark' as *;
+@use 'slider/all' as *;
+@use 'slider/bigger' as *;
 @use 'textbox/material-dark-definition' as *;
-@use 'textbox/all.material-dark' as *;
-@use 'textbox/bigger.material-dark' as *;
+@use 'textbox/all' as *;
+@use 'textbox/bigger' as *;
 @use 'textarea/material-dark-definition' as *;
-@use 'textarea/all.material-dark' as *;
-@use 'ej2-buttons/styles/button/material-dark-definition' as *;
-@use 'ej2-popups/styles/spinner/material-dark-definition' as *;
+@use 'textarea/all' as *;
 @use 'uploader/material-dark-definition' as *;
 @use 'uploader/icons/material-dark' as *;
-@use 'uploader/all.material-dark' as *;
-@use 'uploader/bigger.material-dark' as *;
-@use 'ej2-splitbuttons/styles/split-button/material-dark-definition' as *;
+@use 'uploader/all' as *;
+@use 'uploader/bigger' as *;
 @use 'color-picker/material-dark-definition' as *;
 @use 'color-picker/icons/material-dark' as *;
-@use 'color-picker/all.material-dark' as *;
-@use 'color-picker/bigger.material-dark' as *;
+@use 'color-picker/all' as *;
+@use 'color-picker/bigger' as *;
 @use 'rating/material-dark-definition' as *;
-@use 'rating/all.material-dark' as *;
-@use 'rating/bigger.material-dark' as *;
+@use 'rating/all' as *;
+@use 'rating/bigger' as *;
 @use 'data-form/material-dark-definition' as *;
-@use 'data-form/all.material-dark' as *;
+@use 'data-form/all' as *;
 @use 'otp-input/material-dark-definition' as *;
-@use 'otp-input/all.material-dark' as *;
-@use 'otp-input/bigger.material-dark' as *;
+@use 'otp-input/all' as *;
+@use 'otp-input/bigger' as *;
 @use 'speech-to-text/material-dark-definition' as *;
 @use 'speech-to-text/icons/material-dark' as *;
-@use 'speech-to-text/all.material-dark' as *;
-@use 'speech-to-text/bigger.material-dark' as *;
+@use 'speech-to-text/all' as *;
+@use 'speech-to-text/bigger' as *;
 @use 'smart-textarea/material-dark-definition' as *;
-@use 'smart-textarea/all.material-dark' as *;
+@use 'smart-textarea/all' as *;

package/styles/material-lite.css

@@ -79,24 +79,6 @@
   font-family: "e-icons";
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@keyframes slideTopUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-}
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -4680,24 +4662,6 @@ textarea.e-outline,
   padding-right: 17px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@keyframes slideTopUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-}
 /*! input theme */
 input.e-input,
 .e-input-group input.e-input,
@@ -6609,6 +6573,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: #ffca1c;
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e834";
   font-family: "e-icons";
@@ -6684,24 +6649,6 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-w
   padding-right: 0;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@keyframes e-input-ripple {
-  100% {
-    opacity: 0;
-    -webkit-transform: scale(4);
-            transform: scale(4);
-  }
-}
-@keyframes slideTopUp {
-  from {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-  to {
-    -webkit-transform: translate3d(0, 0, 0) scale(1);
-            transform: translate3d(0, 0, 0) scale(1);
-  }
-}
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 12px;
 }
@@ -6770,6 +6717,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   color: #f44336;
 }
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -6817,6 +6765,7 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   border-radius: 50%;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
+  cursor: -webkit-grab;
   cursor: grab;
   height: 12px;
   width: 12px;
@@ -6829,10 +6778,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out, -webkit-transform 300ms ease-out;
   z-index: 10;
-  /* stylelint-disable */
-  cursor: -webkit-grab;
-  cursor: grab;
-  /* stylelint-enable */
 }
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
   -webkit-transform: scale(1.5);
@@ -6844,6 +6789,12 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   cursor: grabbing;
   /* stylelint-enable */
 }
+.e-control-wrapper.e-slider-container .e-slider .e-handle {
+  /* stylelint-disable */
+  cursor: -webkit-grab;
+  cursor: grab;
+  /* stylelint-enable */
+}
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-handle-start {
   background-color: #fff;
   border: 2px solid rgba(0, 0, 0, 0.26);
@@ -7433,7 +7384,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   border-color: #e3165b;
 }
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
   min-height: 33px;
@@ -8305,47 +8255,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   top: -30px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@-webkit-keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-@keyframes fabric-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  100% {
-    -webkit-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
 .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
   content: "\e945";
 }
@@ -8970,6 +8879,11 @@ body.e-colorpicker-overflow {
 .e-container.e-color-picker {
   width: 270px;
 }
+@media screen and (max-width: 480px) {
+  .e-container.e-color-picker {
+    width: 344px;
+  }
+}
 .e-container.e-color-picker .e-mode-switch-btn {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDUwLjIgKDU1MDQ3KSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA0IENvcHk8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQXJ0Ym9hcmQiPgogICAgICAgICAgICA8ZyBpZD0iR3JvdXAtNC1Db3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS04IiBmaWxsPSIjNDU5NkNFIiB4PSIwIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS05IiBmaWxsPSIjNUNDMTVCIiB4PSIwIiB5PSIxMiIgd2lkdGg9IjEyIiBoZWlnaHQ9IjEyIj48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTI1LUNvcHktMTAiIGZpbGw9IiNGQkQ1MDYiIHg9IjEyIiB5PSIwIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMjUtQ29weS0xMSIgZmlsbD0iI0VDNEU0MyIgeD0iMTIiIHk9IjEyIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiPjwvcmVjdD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat 100% 100%;
 }
@@ -9512,6 +9426,9 @@ body.e-colorpicker-overflow {
   cursor: default;
   pointer-events: none;
 }
+.e-rating-container .e-rating-item-container:has(svg) {
+  line-height: 13px;
+}
 .e-rating-container .e-rating-item-container {
   cursor: pointer;
   font-size: 20px;
@@ -9521,9 +9438,6 @@ body.e-colorpicker-overflow {
   min-height: calc(1em + 8px);
   position: relative;
 }
-.e-rating-container .e-rating-item-container:has(svg) {
-  line-height: 13px;
-}
 .e-rating-container .e-rating-item-container .e-rating-item {
   display: block;
 }
@@ -9623,14 +9537,14 @@ body.e-colorpicker-overflow {
   text-align: center;
 }
 
-.e-small.e-rating-container .e-rating-item-container,
-.e-small .e-rating-container .e-rating-item-container {
-  font-size: 16px;
-}
 .e-small.e-rating-container .e-rating-item-container:has(svg),
 .e-small .e-rating-container .e-rating-item-container:has(svg) {
   line-height: 9px;
 }
+.e-small.e-rating-container .e-rating-item-container,
+.e-small .e-rating-container .e-rating-item-container {
+  font-size: 16px;
+}
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
   font-size: 10px;
@@ -9738,13 +9652,8 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
-/*! Form material theme wise override definitions and variables */
 /*! Form material theme wise override definitions and variables */
 /*! data-form layout */
-.e-data-form {
-  /* stylelint-disable property-no-vendor-prefix */
-  /* stylelint-enable property-no-vendor-prefix */
-}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -9753,6 +9662,9 @@ body.e-colorpicker-overflow {
 .e-data-form .e-form-layout {
   display: grid;
 }
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-data-form .e-grid-col-2 {
   -ms-grid-columns: repeat(2, 1fr);
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -9797,6 +9709,9 @@ body.e-colorpicker-overflow {
   -ms-grid-columns: repeat(12, 1fr);
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
+.e-data-form {
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-colspan-1 {
   grid-column: span 1/span 1;
 }
@@ -9947,7 +9862,6 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
-/*! Form material theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: rgba(0, 0, 0, 0.54);