@syncfusion/ej2-inputs 33.2.15 → 34.1.30

package/styles/material3-dark-lite.css

@@ -6,88 +6,6 @@
 
 
 
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-
-
-
-
-
-
-
-
 /* Font Family */
 /* Font Sizes */
 /* Radius */
@@ -166,88 +84,6 @@
   border: calc(var(--e-border) * 0.0625) solid;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-signature.e-control {
   background-color: rgba(var(--color-sf-white));
   border: calc(var(--e-border) * 0.0625) solid;
@@ -301,185 +137,85 @@
   font-family: "e-icons";
 }
 
+/*! input layout */
+.e-input-group,
+.e-input-group.e-control-wrapper {
+  display: table;
+  line-height: 1.4;
+  margin-bottom: 0;
+}
 
+input.e-input,
+.e-input-group input.e-input,
+.e-input-group.e-control-wrapper input.e-input,
+textarea.e-input,
+.e-input-group textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-input {
+  border: 0 solid;
+  border-width: 0 0 1px 0;
+  height: auto;
+  line-height: inherit;
+  margin: 0;
+  margin-bottom: 0;
+  outline: none;
+  padding: 4px 0 4px;
+  text-indent: 0;
+  width: 100%;
+  letter-spacing: 0;
+}
 
+input.e-input,
+textarea.e-input,
+.e-input-group,
+.e-input-group.e-control-wrapper,
+.e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-disabled {
+  font-family: var(--e-font-family);
+  font-size: 14px;
+  font-weight: normal;
+}
 
+.e-input-group input.e-input,
+.e-input-group.e-control-wrapper input.e-input,
+.e-input-group textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-small .e-input,
+.e-input-group.e-small.e-control-wrapper .e-input,
+.e-small .e-input-group .e-input,
+.e-small .e-input-group.e-control-wrapper .e-input {
+  font: inherit;
+}
 
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 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 {
-  display: table;
-  line-height: 1.4;
-  margin-bottom: 0;
-}
-
-input.e-input,
-.e-input-group input.e-input,
-.e-input-group.e-control-wrapper input.e-input,
-textarea.e-input,
-.e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input {
-  border: 0 solid;
-  border-width: 0 0 1px 0;
-  height: auto;
-  line-height: inherit;
-  margin: 0;
-  margin-bottom: 0;
-  outline: none;
-  padding: 4px 0 4px;
-  text-indent: 0;
-  width: 100%;
-  letter-spacing: 0;
-}
-
-input.e-input,
-textarea.e-input,
-.e-input-group,
-.e-input-group.e-control-wrapper,
-.e-input-group.e-disabled,
-.e-input-group.e-control-wrapper.e-disabled {
-  font-family: var(--e-font-family);
-  font-size: 14px;
-  font-weight: normal;
-}
-
-.e-input-group input.e-input,
-.e-input-group.e-control-wrapper input.e-input,
-.e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input,
-.e-input-group.e-small .e-input,
-.e-input-group.e-small.e-control-wrapper .e-input,
-.e-small .e-input-group .e-input,
-.e-small .e-input-group.e-control-wrapper .e-input {
-  font: inherit;
-}
-
-input.e-input,
-.e-input-group input.e-input,
-.e-input-group input,
-.e-input-group.e-control-wrapper input.e-input,
-.e-input-group.e-control-wrapper input,
-.e-float-input input,
-.e-float-input.e-input-group input,
-.e-float-input.e-control-wrapper input,
-.e-float-input.e-control-wrapper.e-input-group input,
-input.e-input:focus,
-.e-input-group input.e-input:focus,
-.e-input-group input:focus,
-.e-input-group.e-control-wrapper input.e-input:focus,
-.e-input-group.e-control-wrapper input:focus,
-.e-float-input input:focus,
-.e-float-input.e-input-group input:focus,
-.e-float-input.e-control-wrapper input:focus,
-.e-float-input.e-control-wrapper.e-input-group input:focus,
-.e-input-group.e-input-focus input.e-input,
-.e-input-group.e-input-focus input,
-.e-input-group.e-control-wrapper.e-input-focus input.e-input,
-.e-input-group.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
-.e-float-input.e-input-group.e-input-focus input,
-.e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-control-wrapper.e-input-group.e-input-focus input {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
+input.e-input,
+.e-input-group input.e-input,
+.e-input-group input,
+.e-input-group.e-control-wrapper input.e-input,
+.e-input-group.e-control-wrapper input,
+.e-float-input input,
+.e-float-input.e-input-group input,
+.e-float-input.e-control-wrapper input,
+.e-float-input.e-control-wrapper.e-input-group input,
+input.e-input:focus,
+.e-input-group input.e-input:focus,
+.e-input-group input:focus,
+.e-input-group.e-control-wrapper input.e-input:focus,
+.e-input-group.e-control-wrapper input:focus,
+.e-float-input input:focus,
+.e-float-input.e-input-group input:focus,
+.e-float-input.e-control-wrapper input:focus,
+.e-float-input.e-control-wrapper.e-input-group input:focus,
+.e-input-group.e-input-focus input.e-input,
+.e-input-group.e-input-focus input,
+.e-input-group.e-control-wrapper.e-input-focus input.e-input,
+.e-input-group.e-control-wrapper.e-input-focus input,
+.e-float-input.e-input-focus input,
+.e-float-input.e-input-group.e-input-focus input,
+.e-float-input.e-control-wrapper.e-input-focus input,
+.e-float-input.e-control-wrapper.e-input-group.e-input-focus input {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
 input.e-input,
 .e-input-group input.e-input,
@@ -4866,210 +4602,110 @@ textarea.e-outline,
   margin-right: 10px;
 }
 
+/*! input theme */
+input.e-input,
+.e-input-group input.e-input,
+.e-input-group.e-control-wrapper input.e-input,
+.e-input-group textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-input,
+textarea.e-input,
+.e-float-input input,
+.e-float-input.e-control-wrapper input,
+.e-float-input textarea,
+.e-float-input.e-control-wrapper textarea {
+  background: transparent;
+  border-color: rgba(var(--color-sf-outline));
+  color: rgba(var(--color-sf-on-surface));
+}
 
+.e-input-group,
+.e-input-group.e-control-wrapper,
+.e-float-input,
+.e-float-input.e-input-group,
+.e-float-input.e-control-wrapper,
+.e-float-input.e-input-group.e-control-wrapper {
+  background: transparent;
+  color: rgba(var(--color-sf-on-surface));
+}
 
+.e-input-group .e-input-group-icon,
+.e-input-group.e-control-wrapper .e-input-group-icon {
+  background: transparent;
+  border-color: rgba(var(--color-sf-outline));
+  color: rgba(var(--color-sf-on-surface-variant));
+  margin: 0;
+}
 
+.e-input-group.e-disabled .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon,
+.e-float-input.e-disabled .e-clear-icon,
+.e-float-input.e-control-wrapper.e-disabled .e-clear-icon,
+.e-input-group.e-disabled .e-clear-icon,
+.e-input-group.e-control-wrapper.e-disabled .e-clear-icon {
+  color: rgba(var(--color-sf-on-surface), 0.38);
+}
 
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable selector-no-vendor-prefix */
+.e-input[disabled],
+.e-input-group .e-input[disabled],
+.e-input-group.e-control-wrapper .e-input[disabled],
+.e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-disabled,
+.e-float-input input[disabled],
+.e-float-input.e-control-wrapper input[disabled],
+.e-float-input textarea[disabled],
+.e-float-input.e-control-wrapper textarea[disabled],
+.e-float-input.e-disabled,
+.e-float-input.e-control-wrapper.e-disabled {
+  -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: 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;
+  background-size: 4px 1px;
+  border-bottom-color: transparent;
+}
 
+.e-input-group input.e-input,
+.e-input-group.e-control-wrapper input.e-input,
+.e-float-input input,
+.e-float-input.e-control-wrapper input,
+.e-input-group textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-float-input textarea,
+.e-float-input.e-control-wrapper textarea,
+.e-input-group .e-input[disabled],
+.e-input-group.e-control-wrapper .e-input[disabled],
+.e-input-group.e-disabled input.e-input,
+.e-input-group.e-control-wrapper.e-disabled input.e-input,
+.e-input-group.e-disabled textarea.e-input,
+.e-input-group.e-control-wrapper.e-disabled textarea.e-input {
+  background: none;
+  color: inherit;
+}
 
+.e-input-group .e-input[readonly],
+.e-input-group.e-control-wrapper .e-input[readonly],
+.e-float-input input[readonly],
+.e-float-input.e-control-wrapper input[readonly],
+.e-float-input textarea[readonly],
+.e-float-input.e-control-wrapper textarea[readonly] {
+  background: none;
+  color: inherit;
+}
 
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 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,
-.e-input-group.e-control-wrapper input.e-input,
-.e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input,
-textarea.e-input,
-.e-float-input input,
-.e-float-input.e-control-wrapper input,
-.e-float-input textarea,
-.e-float-input.e-control-wrapper textarea {
-  background: transparent;
-  border-color: rgba(var(--color-sf-outline));
-  color: rgba(var(--color-sf-on-surface));
-}
-
-.e-input-group,
-.e-input-group.e-control-wrapper,
-.e-float-input,
-.e-float-input.e-input-group,
-.e-float-input.e-control-wrapper,
-.e-float-input.e-input-group.e-control-wrapper {
-  background: transparent;
-  color: rgba(var(--color-sf-on-surface));
-}
-
-.e-input-group .e-input-group-icon,
-.e-input-group.e-control-wrapper .e-input-group-icon {
-  background: transparent;
-  border-color: rgba(var(--color-sf-outline));
-  color: rgba(var(--color-sf-on-surface-variant));
-  margin: 0;
-}
-
-.e-input-group.e-disabled .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon,
-.e-float-input.e-disabled .e-clear-icon,
-.e-float-input.e-control-wrapper.e-disabled .e-clear-icon,
-.e-input-group.e-disabled .e-clear-icon,
-.e-input-group.e-control-wrapper.e-disabled .e-clear-icon {
-  color: rgba(var(--color-sf-on-surface), 0.38);
-}
-
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable selector-no-vendor-prefix */
-.e-input[disabled],
-.e-input-group .e-input[disabled],
-.e-input-group.e-control-wrapper .e-input[disabled],
-.e-input-group.e-disabled,
-.e-input-group.e-control-wrapper.e-disabled,
-.e-float-input input[disabled],
-.e-float-input.e-control-wrapper input[disabled],
-.e-float-input textarea[disabled],
-.e-float-input.e-control-wrapper textarea[disabled],
-.e-float-input.e-disabled,
-.e-float-input.e-control-wrapper.e-disabled {
-  -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: 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;
-  background-size: 4px 1px;
-  border-bottom-color: transparent;
-}
-
-.e-input-group input.e-input,
-.e-input-group.e-control-wrapper input.e-input,
-.e-float-input input,
-.e-float-input.e-control-wrapper input,
-.e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input,
-.e-float-input textarea,
-.e-float-input.e-control-wrapper textarea,
-.e-input-group .e-input[disabled],
-.e-input-group.e-control-wrapper .e-input[disabled],
-.e-input-group.e-disabled input.e-input,
-.e-input-group.e-control-wrapper.e-disabled input.e-input,
-.e-input-group.e-disabled textarea.e-input,
-.e-input-group.e-control-wrapper.e-disabled textarea.e-input {
-  background: none;
-  color: inherit;
-}
-
-.e-input-group .e-input[readonly],
-.e-input-group.e-control-wrapper .e-input[readonly],
-.e-float-input input[readonly],
-.e-float-input.e-control-wrapper input[readonly],
-.e-float-input textarea[readonly],
-.e-float-input.e-control-wrapper textarea[readonly] {
-  background: none;
-  color: inherit;
-}
-
-.e-float-input.e-disabled input,
-.e-float-input.e-control-wrapper.e-disabled input,
-.e-float-input.e-disabled textarea,
-.e-float-input.e-control-wrapper.e-disabled textarea,
-.e-float-input input[disabled],
-.e-float-input.e-control-wrapper input[disabled],
-.e-float-input textarea[disabled],
-.e-float-input.e-control-wrapper textarea[disabled] {
-  color: inherit;
-}
+.e-float-input.e-disabled input,
+.e-float-input.e-control-wrapper.e-disabled input,
+.e-float-input.e-disabled textarea,
+.e-float-input.e-control-wrapper.e-disabled textarea,
+.e-float-input input[disabled],
+.e-float-input.e-control-wrapper input[disabled],
+.e-float-input textarea[disabled],
+.e-float-input.e-control-wrapper textarea[disabled] {
+  color: inherit;
+}
 
 /*! Added color to textbox for disbaled state */
 .e-float-input:not(.e-disabled) input[disabled],
@@ -6880,6 +6516,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: rgba(var(--color-sf-warning));
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e87a";
   font-family: "e-icons";
@@ -6890,111 +6527,29 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   font-family: "e-icons";
 }
 
+.e-numeric-container {
+  width: 100%;
+}
 
+.e-content-placeholder.e-numeric.e-placeholder-numeric {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
 
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-.e-numeric-container {
-  width: 100%;
-}
-
-.e-content-placeholder.e-numeric.e-placeholder-numeric {
-  background-size: 300px 33px;
-  min-height: 33px;
-}
-
-.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
-.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
-.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
-.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
-.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
-.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
-  border: 0;
-  height: 0;
-  margin: 0;
-  padding: 0;
-  text-indent: 0;
-  visibility: hidden;
-  width: 0;
-}
+.e-float-input.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric .e-numeric-hidden,
+.e-float-input.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-input-group.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden,
+.e-float-input.e-control-wrapper.e-numeric.e-input-focus .e-numeric-hidden {
+  border: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  text-indent: 0;
+  visibility: hidden;
+  width: 0;
+}
 
 div.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
 span.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
@@ -7047,274 +6602,10 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-append-template {
   padding-right: 0;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 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);
-  }
-}
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: Roboto, var(--e-font-family);
@@ -7326,224 +6617,60 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-append-template {
   min-height: 33px;
 }
 
-div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: -1px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
-  top: -6px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: -4px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
-  top: -6px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: 18px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
-  top: 10px;
-}
-
-.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  padding-left: 0;
-}
-
-.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  padding-right: 0;
-}
-
-.e-mask.e-input-group.e-prepend-wrapper input.e-input {
-  padding-left: 0;
-}
-
-.e-mask.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
-  padding-right: 0;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/*! maskedtextbox theme */
-.e-control-wrapper.e-mask.e-error .e-maskedtextbox,
-.e-utility-mask.e-error {
-  color: rgba(var(--color-sf-error));
-}
-
-/* stylelint-disable-line no-empty-source */
-
-
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -1px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -4px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 18px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 10px;
+}
 
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-left: 0;
+}
 
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-right: 0;
+}
 
+.e-mask.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
 
+.e-mask.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}
 
+/*! maskedtextbox theme */
+.e-control-wrapper.e-mask.e-error .e-maskedtextbox,
+.e-utility-mask.e-error {
+  color: rgba(var(--color-sf-error));
+}
 
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -8062,140 +7189,58 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
 }
 .e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-after {
   -webkit-transform: rotate(225deg);
-          transform: rotate(225deg);
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-after .e-tip-content {
-  -webkit-transform: rotate(-225deg);
-          transform: rotate(-225deg);
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-before {
-  -webkit-transform: rotate(-45deg);
-          transform: rotate(-45deg);
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-before .e-tip-content {
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-after {
-  -webkit-transform: rotate(-225deg);
-          transform: rotate(-225deg);
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-after .e-tip-content {
-  -webkit-transform: rotate(225deg);
-          transform: rotate(225deg);
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content {
-  background-color: transparent;
-  height: 16px;
-  width: 100%;
-  overflow: hidden;
-  padding: 0;
-  text-align: center;
-  top: calc(50% - 10px);
-  left: calc(50% - 16px);
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-show {
-  color: #fff;
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-hide {
-  color: transparent;
-}
-
-.e-slider-horizantal-color {
-  height: 100%;
-  top: 0;
-  position: absolute;
-}
-
-.e-slider-vertical-color {
-  position: absolute;
-  width: 100%;
-  left: -1px;
-}
-
-/* stylelint-enable property-no-vendor-prefix */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
+          transform: rotate(225deg);
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-horizontal-after .e-tip-content {
+  -webkit-transform: rotate(-225deg);
+          transform: rotate(-225deg);
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-before {
+  -webkit-transform: rotate(-45deg);
+          transform: rotate(-45deg);
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-before .e-tip-content {
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-after {
+  -webkit-transform: rotate(-225deg);
+          transform: rotate(-225deg);
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default.e-slider-vertical-after .e-tip-content {
+  -webkit-transform: rotate(225deg);
+          transform: rotate(225deg);
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content {
+  background-color: transparent;
+  height: 16px;
+  width: 100%;
+  overflow: hidden;
+  padding: 0;
+  text-align: center;
+  top: calc(50% - 10px);
+  left: calc(50% - 16px);
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-show {
+  color: #fff;
+}
+.e-slider-tooltip.e-tooltip-wrap.e-popup.e-tooltip-wrap.e-popup.e-material-default .e-tip-content.e-material-tooltip-hide {
+  color: transparent;
+}
+
+.e-slider-horizantal-color {
+  height: 100%;
+  top: 0;
+  position: absolute;
+}
+
+.e-slider-vertical-color {
+  position: absolute;
+  width: 100%;
+  left: -1px;
+}
+
+/* stylelint-enable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-first, .e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-handle-second {
   background: transparent;
   border-color: transparent;
@@ -8234,89 +7279,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   border-color: rgba(var(--color-sf-primary));
 }
 /* stylelint-disable-line no-empty-source */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
   min-height: 33px;
@@ -8639,127 +7601,45 @@ span.e-input-group.e-append-wrapper.e-rtl.e-outline.e-input-focus input.e-input
 div.e-input-group.e-append-wrapper.e-rtl.e-filled .e-append-template,
 span.e-input-group.e-append-wrapper.e-rtl.e-filled .e-append-template {
   padding: 12px 8px 12px 0;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .e-append-template,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .e-append-template {
-  padding: 4px 5px 5px 12px;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled.e-input-focus textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input:focus,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled.e-input-focus textarea.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input:focus {
-  padding: 0 12px 5px 1px;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline.e-input-focus textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input:focus,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline.e-input-focus textarea.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input:focus {
-  padding: 0 12px 5px 1px;
-}
-
-.e-float-input.e-input-group.e-prepend-wrapper.e-append-wrapper:not(.e-filled) label.e-float-text.e-label-top {
-  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-float-input.e-input-group.e-prepend-wrapper:not(.e-filled) label.e-float-text.e-label-top {
-  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-float-input.e-rtl.e-input-group.e-prepend-wrapper.e-append-wrapper:not(.e-filled) label.e-float-text.e-label-top,
-.e-float-input.e-rtl.e-input-group.e-prepend-wrapper:not(.e-filled) label.e-float-text.e-label-top {
-  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-input-group.e-prepend-wrapper.e-input-focus input.e-input {
-  padding-left: 1px;
-}
-
-.e-input-group.e-rtl.e-prepend-wrapper.e-input-focus input.e-input {
-  padding-right: 1px;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .e-append-template,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .e-append-template {
+  padding: 4px 5px 5px 12px;
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled.e-input-focus textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input:focus,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled.e-input-focus textarea.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input:focus {
+  padding: 0 12px 5px 1px;
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline.e-input-focus textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input:focus,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline.e-input-focus textarea.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input:focus {
+  padding: 0 12px 5px 1px;
+}
+
+.e-float-input.e-input-group.e-prepend-wrapper.e-append-wrapper:not(.e-filled) label.e-float-text.e-label-top {
+  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-float-input.e-input-group.e-prepend-wrapper:not(.e-filled) label.e-float-text.e-label-top {
+  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-float-input.e-rtl.e-input-group.e-prepend-wrapper.e-append-wrapper:not(.e-filled) label.e-float-text.e-label-top,
+.e-float-input.e-rtl.e-input-group.e-prepend-wrapper:not(.e-filled) label.e-float-text.e-label-top {
+  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-input-group.e-prepend-wrapper.e-input-focus input.e-input {
+  padding-left: 1px;
+}
+
+.e-input-group.e-rtl.e-prepend-wrapper.e-input-focus input.e-input {
+  padding-right: 1px;
+}
+
 .e-input-group.e-multi-line-input.e-auto-width {
   width: auto;
 }
@@ -9270,246 +8150,39 @@ 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);
-  }
-}
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-
-
 .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
   content: "\e7e7";
 }
-
-.e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
-  content: "\e77b";
-}
-
-.e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
-  content: "\e706";
-}
-
-.e-upload .e-upload-files .e-icons.e-file-play-btn::before {
-  content: "\e70c";
-}
-
-.e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
-  content: "\e820";
-}
-
-.e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
-  content: "\e81b";
-}
-
-.e-upload .e-upload-files .e-icons.e-msie::before {
-  position: relative;
-  right: 10px;
-}
-
-.e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
-  right: 12px;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
+
+.e-upload .e-upload-files .e-icons.e-file-pause-btn::before {
+  content: "\e77b";
+}
+
+.e-upload .e-upload-files .e-icons.e-file-reload-btn::before {
+  content: "\e706";
+}
+
+.e-upload .e-upload-files .e-icons.e-file-play-btn::before {
+  content: "\e70c";
+}
+
+.e-upload .e-upload-files .e-file-delete-btn.e-icons::before {
+  content: "\e820";
+}
+
+.e-upload .e-upload-files .e-file-abort-btn.e-icons::before {
+  content: "\e81b";
+}
+
+.e-upload .e-upload-files .e-icons.e-msie::before {
+  position: relative;
+  right: 10px;
+}
+
+.e-upload .e-upload-files .e-icons.e-file-abort-icon.e-msie::before {
+  right: 12px;
+}
+
 .e-upload {
   width: 100%;
 }
@@ -9911,238 +8584,74 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   pointer-events: none;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-upload {
   border: 1px dashed rgba(var(--color-sf-outline-variant));
   border-radius: calc(var(--e-radius) * 0.25);
 }
 .e-upload .e-file-drop {
   color: rgba(var(--color-sf-on-surface));
-  vertical-align: middle;
-}
-.e-upload .e-upload-files {
-  border-top: 1px solid rgba(var(--color-sf-outline-variant));
-}
-.e-upload .e-upload-files .e-upload-file-list {
-  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
-  color: rgba(var(--color-sf-on-surface-variant));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
-  color: rgba(var(--color-sf-success));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails {
-  color: rgba(var(--color-sf-error));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails {
-  color: rgba(var(--color-sf-error));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
-  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 {
-  background: rgba(var(--color-sf-primary));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success {
-  background: rgba(var(--color-sf-success));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed {
-  background: rgba(var(--color-sf-error));
-}
-.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons {
-  color: rgba(var(--color-sf-on-surface-variant));
-}
-.e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover {
-  color: rgba(var(--color-sf-on-surface));
-}
-.e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
-  background: rgba(var(--color-sf-on-surface), 0.08);
-  border-color: transparent;
-  -webkit-box-shadow: 0 0 0 transparent;
-          box-shadow: 0 0 0 transparent;
-}
-
-.e-container .e-value-switch-btn::before {
-  content: "\e748";
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
+  vertical-align: middle;
+}
+.e-upload .e-upload-files {
+  border-top: 1px solid rgba(var(--color-sf-outline-variant));
+}
+.e-upload .e-upload-files .e-upload-file-list {
+  border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-size {
+  color: rgba(var(--color-sf-on-surface-variant));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status,
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-success {
+  color: rgba(var(--color-sf-success));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-upload-fails {
+  color: rgba(var(--color-sf-error));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-validation-fails {
+  color: rgba(var(--color-sf-error));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap {
+  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 {
+  background: rgba(var(--color-sf-primary));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-success {
+  background: rgba(var(--color-sf-success));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-inner-wrap .e-upload-progress-bar.e-upload-failed {
+  background: rgba(var(--color-sf-error));
+}
+.e-upload .e-upload-files .e-upload-file-list .e-file-container .e-progress-bar-text {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-upload .e-upload-files .e-file-pause-btn.e-icons, .e-upload .e-upload-files .e-file-play-btn.e-icons {
+  color: rgba(var(--color-sf-on-surface-variant));
+}
+.e-upload .e-upload-files .e-file-remove-btn.e-icons:hover, .e-upload .e-upload-files .e-file-delete-btn.e-icons:hover, .e-upload .e-upload-files .e-file-reload-btn.e-icons:hover, .e-upload .e-upload-files .e-file-abort-btn.e-icons:hover, .e-upload .e-upload-files .e-file-pause-btn.e-icons:hover, .e-upload .e-upload-files .e-file-play-btn.e-icons:hover {
+  color: rgba(var(--color-sf-on-surface));
+}
+.e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-delete-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-pause-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-play-btn.e-icons:not(.e-upload-progress):focus, .e-upload .e-upload-files .e-file-reload-btn.e-icons:focus, .e-upload .e-upload-files .e-file-abort-btn.e-icons:not(.e-disabled):focus, .e-upload .e-upload-files .e-clear-icon-focus {
+  background: rgba(var(--color-sf-on-surface), 0.08);
+  border-color: transparent;
+  -webkit-box-shadow: 0 0 0 transparent;
+          box-shadow: 0 0 0 transparent;
+}
+
+.e-container .e-value-switch-btn::before {
+  content: "\e748";
+}
+
 .e-colorpicker-wrapper,
 .e-colorpicker-container {
   display: inline-block;
@@ -10305,6 +8814,11 @@ body.e-colorpicker-overflow {
   height: 454px;
   width: 350px;
 }
+@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%;
 }
@@ -10751,88 +9265,6 @@ body.e-colorpicker-overflow {
   width: 100%;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-container {
   background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
 }
@@ -10898,88 +9330,6 @@ body.e-colorpicker-overflow {
   border-color: rgba(var(--color-sf-white));
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-rating-container {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -11017,6 +9367,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;
@@ -11026,9 +9379,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;
 }
@@ -11128,106 +9478,24 @@ 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;
-  line-height: 16px;
-}
-.e-small.e-rating-container .e-reset,
-.e-small .e-rating-container .e-reset {
-  font-size: 12px;
-}
-
-
-
-
-
-
-
-
+  line-height: 16px;
+}
+.e-small.e-rating-container .e-reset,
+.e-small .e-rating-container .e-reset {
+  font-size: 12px;
+}
 
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
 .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
   outline-color: rgba(var(--color-sf-primary));
@@ -11335,94 +9603,7 @@ body.e-colorpicker-overflow {
 }
 
 /*! Form material 3 theme wise override definitions and variables */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/*! Form material 3 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;
@@ -11431,6 +9612,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));
@@ -11475,6 +9659,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;
 }
@@ -11625,89 +9812,6 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/*! Form material 3 theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: var(--color-sf-on-surface-variant);
@@ -11733,88 +9837,6 @@ body.e-colorpicker-overflow {
   color: var(--danger-light, #f9dedc);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-otpinput {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -11913,88 +9935,6 @@ body.e-colorpicker-overflow {
   padding: 0;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-otpinput .e-otp-input-field {
   color: rgba(var(--color-sf-on-surface));
   background: transparent;
@@ -12036,98 +9976,16 @@ body.e-colorpicker-overflow {
 .e-otpinput.e-warning.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-warning.e-filled .e-otp-input-field,
 .e-otpinput.e-warning.e-filled .e-otp-input-field.e-otp-input-focus {
   border-color: rgba(var(--color-sf-warning));
-}
-
-.e-listen-icon::before {
-  content: "\e91c";
-}
-
-.e-listen-stop::before {
-  content: "\e919";
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
+}
+
+.e-listen-icon::before {
+  content: "\e91c";
+}
+
+.e-listen-stop::before {
+  content: "\e919";
+}
+
 .e-speech-to-text.e-btn {
   -webkit-box-align: center;
       -ms-flex-align: center;
@@ -12187,88 +10045,6 @@ body.e-colorpicker-overflow {
     opacity: 0.5;
   }
 }
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .e-speech-to-text {
   -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
           box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px rgba(0, 0, 0, 0.14), 0 1px 18px rgba(0, 0, 0, 0.12);
@@ -12286,88 +10062,6 @@ body.e-colorpicker-overflow {
           box-shadow: none;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .smart-textarea-suggestion-overlay {
   display: none;
   position: absolute;
@@ -12410,88 +10104,6 @@ body.e-colorpicker-overflow {
     opacity: 0;
   }
 }
-
-
-
-
-
-
-
-
-/* Font Family */
-/* Font Sizes */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-/* 65% */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
 .smart-textarea-suggestion-overlay {
   background-color: rgba(var(--color-sf-surface));
   color: rgba(var(--color-sf-primary));