@syncfusion/ej2-inputs 32.1.22 → 32.1.24

package/styles/material3.css

@@ -6,6 +6,90 @@
 
 
 
+/* 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 */
@@ -86,6 +170,90 @@
   border: 1px 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: 1px solid;
@@ -139,99 +307,201 @@
   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;
-}
 
-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,
-.e-input-group,
-.e-input-group.e-control-wrapper,
-.e-float-input,
-.e-float-input.e-control-wrapper,
+
+
+
+/* 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,
+.e-input-group,
+.e-input-group.e-control-wrapper,
+.e-float-input,
+.e-float-input.e-control-wrapper,
 .e-input.e-corner,
 .e-input-group.e-corner.e-rtl input.e-input:only-child,
 .e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child,
@@ -2583,7 +2853,7 @@ textarea.e-outline.e-input,
 .e-outline.e-input-group .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
   font-size: 16px;
-  margin: 2px;
+  margin: 9px 12px 9px 0;
 }
 
 .e-outline.e-input-group.e-prepend .e-input-group-icon,
@@ -4037,7 +4307,7 @@ textarea.e-outline,
 .e-small .e-filled.e-float-input.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 0;
+  margin: 9px 12px 9px 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-small .e-input-group-icon,
@@ -4600,72 +4870,174 @@ 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: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
-  background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
-  background-position: bottom -1px left 0;
-  background-repeat: repeat-x;
-  background-size: 4px 1px;
-  border-bottom-color: transparent;
-}
+
+
+
+
+/* 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: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(var(--color-sf-outline))), color-stop(33%, rgba(var(--color-sf-outline))), color-stop(0, transparent));
+  background-image: linear-gradient(90deg, rgba(var(--color-sf-outline)) 0, rgba(var(--color-sf-outline)) 33%, transparent 0);
+  background-position: bottom -1px left 0;
+  background-repeat: repeat-x;
+  background-size: 4px 1px;
+  border-bottom-color: transparent;
+}
 
 .e-input-group input.e-input,
 .e-input-group.e-control-wrapper input.e-input,
@@ -6515,106 +6887,207 @@ 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.e-bigger .e-input,
-.e-input-group.e-bigger.e-control-wrapper .e-input,
-.e-bigger .e-input-group .e-input,
-.e-bigger .e-input-group.e-control-wrapper .e-input {
-  font: inherit;
-}
-
-.e-input.e-bigger:focus,
-.e-bigger .e-input:focus {
-  padding-bottom: 5px;
-}
-
-.e-input.e-bigger:focus,
-.e-bigger .e-input:focus {
-  padding-bottom: 4px;
-}
 
-input.e-input.e-bigger,
-textarea.e-input.e-bigger,
-.e-bigger input.e-input,
-.e-bigger textarea.e-input,
-.e-input-group.e-bigger,
-.e-bigger .e-input-group,
-.e-input-group.e-control-wrapper.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper {
-  font-size: 14px;
-}
 
-input.e-input.e-bigger,
-textarea.e-input.e-bigger,
-.e-input-group.e-bigger .e-input,
-.e-input-group.e-bigger.e-control-wrapper .e-input,
-.e-bigger input.e-input,
-.e-bigger textarea.e-input,
-.e-bigger .e-input-group .e-input,
-.e-bigger .e-input-group.e-control-wrapper .e-input {
-  line-height: inherit;
-  margin-bottom: 0;
-  padding: 5px 0 5px;
-}
 
-.e-input-group.e-bigger .e-input:focus,
-.e-bigger .e-input-group .e-input:focus,
-.e-input-group.e-control-wrapper.e-bigger .e-input:focus,
-.e-bigger .e-input-group.e-control-wrapper .e-input:focus,
-.e-input-group.e-bigger.e-input-focus .e-input,
-.e-bigger .e-input-group.e-input-focus .e-input,
-.e-input-group.e-control-wrapper.e-bigger.e-input-focus .e-input,
-.e-bigger .e-input-group.e-control-wrapper.e-input-focus .e-input {
-  padding: 5px 0 5px;
-}
 
-/* stylelint-disable property-no-vendor-prefix */
-.e-input-group.e-bigger .e-input-group-icon,
-.e-input-group .e-input-group-icon.e-bigger,
-.e-bigger .e-input-group .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
-.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon {
-  min-height: 38px;
-  min-width: 38px;
-  border-radius: calc(var(--e-radius) * 1.25);
-}
 
-.e-input-group.e-bigger .e-input-group-icon,
-.e-input-group .e-input-group-icon.e-bigger,
-.e-bigger .e-input-group .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
-.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon {
-  font-size: 20px;
-  padding: 0;
-}
 
-.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-input-group.e-float-icon-left > .e-input-group-icon,
-.e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
-.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
-.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
-.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
-  font-size: 20px;
-  margin: 0;
-  min-height: 32px;
-  min-width: 32px;
-  padding: 0;
-}
 
-.e-input.e-small.e-bigger:focus,
-.e-bigger .e-input.e-small:focus {
-  padding-bottom: 4px;
-}
 
-.e-input.e-small.e-bigger:focus,
+/* 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);
+  }
+}
+.e-input-group.e-bigger .e-input,
+.e-input-group.e-bigger.e-control-wrapper .e-input,
+.e-bigger .e-input-group .e-input,
+.e-bigger .e-input-group.e-control-wrapper .e-input {
+  font: inherit;
+}
+
+.e-input.e-bigger:focus,
+.e-bigger .e-input:focus {
+  padding-bottom: 5px;
+}
+
+.e-input.e-bigger:focus,
+.e-bigger .e-input:focus {
+  padding-bottom: 4px;
+}
+
+input.e-input.e-bigger,
+textarea.e-input.e-bigger,
+.e-bigger input.e-input,
+.e-bigger textarea.e-input,
+.e-input-group.e-bigger,
+.e-bigger .e-input-group,
+.e-input-group.e-control-wrapper.e-bigger,
+.e-bigger .e-input-group.e-control-wrapper {
+  font-size: 14px;
+}
+
+input.e-input.e-bigger,
+textarea.e-input.e-bigger,
+.e-input-group.e-bigger .e-input,
+.e-input-group.e-bigger.e-control-wrapper .e-input,
+.e-bigger input.e-input,
+.e-bigger textarea.e-input,
+.e-bigger .e-input-group .e-input,
+.e-bigger .e-input-group.e-control-wrapper .e-input {
+  line-height: inherit;
+  margin-bottom: 0;
+  padding: 5px 0 5px;
+}
+
+.e-input-group.e-bigger .e-input:focus,
+.e-bigger .e-input-group .e-input:focus,
+.e-input-group.e-control-wrapper.e-bigger .e-input:focus,
+.e-bigger .e-input-group.e-control-wrapper .e-input:focus,
+.e-input-group.e-bigger.e-input-focus .e-input,
+.e-bigger .e-input-group.e-input-focus .e-input,
+.e-input-group.e-control-wrapper.e-bigger.e-input-focus .e-input,
+.e-bigger .e-input-group.e-control-wrapper.e-input-focus .e-input {
+  padding: 5px 0 5px;
+}
+
+/* stylelint-disable property-no-vendor-prefix */
+.e-input-group.e-bigger .e-input-group-icon,
+.e-input-group .e-input-group-icon.e-bigger,
+.e-bigger .e-input-group .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
+.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
+.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon {
+  min-height: 38px;
+  min-width: 38px;
+  border-radius: calc(var(--e-radius) * 1.25);
+}
+
+.e-input-group.e-bigger .e-input-group-icon,
+.e-input-group .e-input-group-icon.e-bigger,
+.e-bigger .e-input-group .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
+.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
+.e-bigger .e-input-group.e-control-wrapper .e-input-group-icon {
+  font-size: 20px;
+  padding: 0;
+}
+
+.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-input-group.e-float-icon-left > .e-input-group-icon,
+.e-float-input.e-input-group.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-float-input.e-input-group.e-float-icon-left > .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon,
+.e-float-input.e-input-group.e-control-wrapper.e-bigger.e-float-icon-left > .e-input-group-icon,
+.e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon.e-bigger,
+.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-float-icon-left > .e-input-group-icon {
+  font-size: 20px;
+  margin: 0;
+  min-height: 32px;
+  min-width: 32px;
+  padding: 0;
+}
+
+.e-input.e-small.e-bigger:focus,
+.e-bigger .e-input.e-small:focus {
+  padding-bottom: 4px;
+}
+
+.e-input.e-small.e-bigger:focus,
 .e-bigger .e-input.e-small:focus {
   padding-bottom: 3px;
 }
@@ -8540,7 +9013,7 @@ e-outline.e-input-group.e-control-wrapper.e-small.e-bigger .e-input-group-icon +
 .e-outline.e-input-group.e-control-wrapper.e-bigger .e-input-group-icon,
 .e-outline.e-input-group.e-control-wrapper .e-input-group-icon.e-bigger,
 .e-bigger .e-outline.e-input-group.e-control-wrapper .e-input-group-icon {
-  margin: 2px;
+  margin: 15px 16px 15px 0;
 }
 
 .e-outline.e-input-group.e-prepend.e-bigger .e-input-group-icon,
@@ -10290,7 +10763,7 @@ textarea.e-input.e-bigger.e-small.e-outline,
 .e-bigger .e-filled.e-float-input.e-control-wrapper.e-input-group.e-small .e-input-group-icon {
   font-size: 16px;
   padding: 0;
-  margin: 12px 0 0 0;
+  margin: 9px 12px 9px 0;
 }
 
 .e-filled.e-float-input.e-input-group.e-bigger .e-input-group-icon,
@@ -11858,70 +12331,154 @@ textarea.e-input.e-bigger.e-small.e-outline,
   font-family: "e-icons";
 }
 
-.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;
-}
 
-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,
-span.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: -3px;
-}
-div.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
-  top: -6px;
-}
-div.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: -2px;
-}
-div.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-numeric.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-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: 20px;
-}
-div.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
-  top: 10px;
-}
-div.e-numeric.e-input-group.e-prepend-wrapper.e-filled div.e-prepend-template, div.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-prepend-template,
-span.e-numeric.e-input-group.e-prepend-wrapper.e-filled div.e-prepend-template,
-span.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-prepend-template {
-  padding: 18px 8px 8px 0;
-}
-div.e-numeric.e-input-group.e-prepend-wrapper.e-filled div.e-append-template, div.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-append-template,
-span.e-numeric.e-input-group.e-prepend-wrapper.e-filled div.e-append-template,
-span.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-append-template {
-  padding: 18px 0 8px 8px;
-}
+
+
+
+
+
+/* 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;
+}
+
+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,
+span.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -3px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -6px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: -2px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.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-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 20px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: 10px;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-filled div.e-prepend-template, div.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-prepend-template,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-filled div.e-prepend-template,
+span.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-prepend-template {
+  padding: 18px 8px 8px 0;
+}
+div.e-numeric.e-input-group.e-prepend-wrapper.e-filled div.e-append-template, div.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-append-template,
+span.e-numeric.e-input-group.e-prepend-wrapper.e-filled div.e-append-template,
+span.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-append-template {
+  padding: 18px 0 8px 8px;
+}
 
 .e-numeric.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
 .e-numeric.e-input-group.e-prepend-wrapper input.e-input {
@@ -11933,9 +12490,381 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled div.e-append-template {
   padding-right: 0;
 }
 
-.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 */
+
+
+/* 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 */
+
+
+/* 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-bigger.e-content-placeholder.e-numeric.e-placeholder-numeric,
 .e-bigger .e-content-placeholder.e-numeric.e-placeholder-numeric {
@@ -12002,6 +12931,90 @@ span.e-bigger.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-
   top: 10px;
 }
 
+
+
+
+
+
+
+
+
+/* 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);
@@ -12060,11 +13073,179 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   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 */
+
+
+/*! 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 */
+
 
 .e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
   font-size: 16px;
@@ -12145,7 +13326,90 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
 }
 
 /* stylelint-disable-line no-empty-source */
-/* 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 property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -12710,13 +13974,97 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
   position: absolute;
 }
 
-.e-slider-vertical-color {
-  position: absolute;
-  width: 100%;
-  left: -1px;
-}
+.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 */
+
 
-/* 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;
@@ -12754,6 +14102,90 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
 .e-control-wrapper.e-slider-container.e-slider-hover .e-handle {
   border-color: rgba(var(--color-sf-primary));
 }
+
+
+
+
+
+
+
+
+/* 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-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
   padding: 2px 4px;
 }
@@ -12908,6 +14340,91 @@ span.e-bigger.e-mask.e-input-group.e-append-wrapper input,
 }
 
 /* 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;
@@ -13265,10 +14782,95 @@ span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.
   padding-left: 1px;
 }
 
-.e-input-group.e-rtl.e-prepend-wrapper.e-input-focus input.e-input {
-  padding-right: 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 */
+
 
+/* 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;
@@ -13574,6 +15176,90 @@ span.e-bigger.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .
   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 */
+
+
 .e-input-group.e-multi-line-input.e-auto-width {
   width: auto;
 }
@@ -14158,6 +15844,90 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   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 {
   width: 100%;
 }
@@ -14559,6 +16329,90 @@ 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);
@@ -14624,6 +16478,90 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
           box-shadow: 0 0 0 transparent;
 }
 
+
+
+
+
+
+
+
+
+/* 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-bigger .e-upload {
   width: 100%;
 }
@@ -15120,6 +17058,90 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   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 */
+
+
 .e-colorpicker-wrapper,
 .e-colorpicker-container {
   display: inline-block;
@@ -15724,14 +17746,98 @@ body.e-colorpicker-overflow {
   width: 24px;
 }
 
-.e-split-preview,
-.e-tip-transparent {
-  height: 100%;
-  left: 0;
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
+.e-split-preview,
+.e-tip-transparent {
+  height: 100%;
+  left: 0;
+  position: absolute;
+  top: 0;
+  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: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-surface), 1)), to(rgba(var(--color-sf-surface), 1))), rgba(var(--color-sf-surface));
@@ -15799,6 +17905,90 @@ 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-bigger .e-colorpicker-wrapper .e-split-btn-wrapper,
 .e-bigger.e-colorpicker-wrapper .e-split-btn-wrapper,
 .e-bigger .e-colorpicker-container .e-split-btn-wrapper,
@@ -16032,6 +18222,90 @@ body.e-colorpicker-overflow {
   width: 30px;
 }
 
+
+
+
+
+
+
+
+
+/* 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;
@@ -16198,6 +18472,90 @@ body.e-colorpicker-overflow {
   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));
@@ -16313,6 +18671,174 @@ body.e-colorpicker-overflow {
   /* 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 */
+
+
+
+
+
+
+
+
+
+
+/* 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-bigger.e-rating-container .e-rating-item-container,
 .e-bigger .e-rating-container .e-rating-item-container {
   font-size: 28px;
@@ -16358,6 +18884,91 @@ 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 */
@@ -16565,6 +19176,91 @@ 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);
@@ -16590,6 +19286,90 @@ 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;
@@ -16688,6 +19468,90 @@ 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;
@@ -16731,6 +19595,90 @@ body.e-colorpicker-overflow {
   border-color: rgba(var(--color-sf-warning));
 }
 
+
+
+
+
+
+
+
+
+/* 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-bigger.e-otpinput,
 .e-bigger .e-otpinput {
   gap: 16px;
@@ -16825,6 +19773,90 @@ body.e-colorpicker-overflow {
   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-speech-to-text.e-btn {
   -webkit-box-align: center;
       -ms-flex-align: center;
@@ -16884,6 +19916,90 @@ 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);
@@ -16901,6 +20017,90 @@ 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 */
+
+
 .e-bigger .e-speech-to-text.e-btn,
 .e-bigger.e-speech-to-text.e-btn {
   -webkit-box-align: center;
@@ -16935,6 +20135,90 @@ 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 */
+
+
 .smart-textarea-suggestion-overlay {
   display: none;
   position: absolute;
@@ -16977,6 +20261,90 @@ 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));