@syncfusion/ej2-inputs 25.2.6 → 26.1.35

package/styles/tailwind.css

@@ -50,12 +50,7 @@ textarea.e-input,
 input.e-input,
 textarea.e-input,
 .e-input-group,
-.e-input-group.e-control-wrapper {
-  font-family: "Inter";
-  font-size: 14px;
-  font-weight: normal;
-}
-
+.e-input-group.e-control-wrapper,
 .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-disabled {
   font-family: "Inter";
@@ -66,7 +61,15 @@ textarea.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 {
+.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,
+.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;
 }
 
@@ -87,12 +90,7 @@ input.e-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 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
+.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,
@@ -118,7 +116,21 @@ input.e-input,
 .e-input-group,
 .e-input-group.e-control-wrapper,
 .e-float-input,
-.e-float-input.e-control-wrapper {
+.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,
+.e-input-group.e-input-focus.e-corner,
+.e-input-group.e-control-wrapper.e-input-focus.e-corner,
+textarea.e-input,
+.e-input-group textarea.e-input,
+.e-input-group textarea,
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-control-wrapper textarea,
+.e-float-input textarea,
+.e-float-input.e-input-group textarea,
+.e-float-input.e-control-wrapper textarea,
+.e-float-input.e-control-wrapper.e-input-group textarea {
   border-radius: 4px;
 }
 
@@ -252,13 +264,6 @@ textarea.e-input.e-bigger.e-small,
   border-radius: 4px;
 }
 
-.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;
-}
-
 input.e-input.e-bigger,
 textarea.e-input.e-bigger,
 .e-input-group.e-bigger .e-input,
@@ -285,17 +290,22 @@ textarea.e-input.e-bigger,
 
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   border: 0 solid;
   border-width: 0;
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   cursor: pointer;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   font-size: 18px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   line-height: 1;
   min-height: 18px;
   min-width: 20px;
@@ -377,7 +387,15 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper textarea[disabled],
 .e-float-input.e-control-wrapper textarea.e-disabled,
 .e-input-group.e-disabled span,
-.e-input-group.e-control-wrapper.e-disabled span {
+.e-input-group.e-control-wrapper.e-disabled span,
+.e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide,
+.e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide {
   cursor: not-allowed;
 }
 
@@ -408,35 +426,48 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-disabled,
 .e-float-input.e-control-wrapper input[disabled],
 .e-float-input.e-control-wrapper input.e-disabled,
-.e-float-input.e-control-wrapper.e-disabled input {
+.e-float-input.e-control-wrapper.e-disabled input,
+.e-float-input textarea[disabled],
+.e-float-input textarea.e-disabled,
+.e-float-input.e-disabled textarea,
+.e-float-input.e-control-wrapper textarea[disabled],
+.e-float-input.e-control-wrapper textarea.e-disabled,
+.e-float-input.e-control-wrapper.e-disabled textarea {
   filter: alpha(opacity=100);
   opacity: 1;
 }
 
 .e-input.e-rtl,
 .e-input-group.e-rtl,
-.e-input-group.e-control-wrapper.e-rtl {
+.e-input-group.e-control-wrapper.e-rtl,
+.e-float-input.e-rtl,
+.e-float-input.e-control-wrapper.e-rtl {
   direction: rtl;
 }
 
-.e-input.e-corner {
-  border-radius: 4px;
-}
-
 .e-input-group,
-.e-input-group.e-control-wrapper {
+.e-input-group.e-control-wrapper,
+.e-float-custom-tag.e-input-group,
+.e-float-custom-tag.e-input-group.e-control-wrapper,
+.e-input-custom-tag,
+.e-input-custom-tag.e-input-group,
+.e-input-custom-tag.e-input-group.e-control-wrapper {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle;
 }
 
 .e-float-input:not(.e-input-group),
-.e-float-input.e-control-wrapper:not(.e-input-group) {
+.e-float-input.e-control-wrapper:not(.e-input-group),
+.e-float-custom-tag,
+.e-float-custom-tag.e-control-wrapper {
   display: inline-block;
 }
 
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -499,13 +530,6 @@ textarea.e-input.e-small,
   font-size: 12px;
 }
 
-.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;
-}
-
 .e-input.e-small,
 .e-input-group.e-small .e-input,
 .e-input-group.e-control-wrapper.e-small .e-input {
@@ -530,10 +554,7 @@ textarea.e-input.e-small,
 .e-bigger .e-input-group.e-small,
 .e-bigger .e-input-group.e-control-wrapper.e-small,
 .e-small .e-input-group.e-bigger,
-.e-small .e-input-group.e-control-wrapper.e-bigger {
-  font-size: 14px;
-}
-
+.e-small .e-input-group.e-control-wrapper.e-bigger,
 .e-input-group.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-input-group.e-disabled,
 .e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled,
@@ -547,12 +568,6 @@ textarea.e-input.e-small,
   font-size: 14px;
 }
 
-.e-input.e-small.e-bigger,
-.e-bigger .e-input.e-small,
-.e-small .e-input.e-bigger {
-  padding: 6px 0 6px 14px;
-}
-
 .e-input-group.e-small.e-bigger .e-input,
 .e-input-group.e-small .e-input.e-bigger,
 .e-input-group.e-control-wrapper.e-small.e-bigger .e-input,
@@ -574,7 +589,10 @@ textarea.e-input.e-small,
 .e-bigger .e-input-group.e-small.e-input-focus .e-input,
 .e-input-group.e-control-wrapper.e-small.e-bigger.e-input-focus .e-input,
 .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input.e-bigger,
-.e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input {
+.e-bigger .e-input-group.e-control-wrapper.e-small.e-input-focus .e-input,
+.e-input.e-small.e-bigger,
+.e-bigger .e-input.e-small,
+.e-small .e-input.e-bigger {
   padding: 6px 0 6px 14px;
 }
 
@@ -617,10 +635,14 @@ label.e-float-text,
   position: absolute;
   text-overflow: ellipsis;
   top: -11px;
-  transform: translate3d(0, 16px, 0) scale(1);
-  transform-origin: left top;
+  -webkit-transform: translate3d(0, 16px, 0) scale(1);
+          transform: translate3d(0, 16px, 0) scale(1);
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
+  -webkit-transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
@@ -662,11 +684,13 @@ label.e-float-text,
   -ms-transform: translate(0%, -50%);
   -o-transform: translate(0%, -50%);
   -webkit-transform: translate(0%, -50%);
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   left: 0%;
   top: 50%;
   transform: translate(0%, -50%);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -732,7 +756,8 @@ label.e-float-text,
   font-size: 12px;
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -35px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -35px, 0) scale(1);
+          transform: translate3d(-10px, -35px, 0) scale(1);
 }
 
 .e-float-input.e-small input:focus ~ label.e-float-text,
@@ -766,7 +791,8 @@ label.e-float-text,
   font-size: 12px;
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -34px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -34px, 0) scale(1);
+          transform: translate3d(-10px, -34px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -799,7 +825,8 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -37px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -37px, 0) scale(1);
+          transform: translate3d(-10px, -37px, 0) scale(1);
 }
 
 .e-float-input.e-bigger.e-small input:focus ~ label.e-float-text,
@@ -846,7 +873,8 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input ~ label.e-float-text {
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -34px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -34px, 0) scale(1);
+          transform: translate3d(-10px, -34px, 0) scale(1);
 }
 
 .e-float-input.e-bigger input:focus ~ label.e-float-text,
@@ -1048,10 +1076,7 @@ label.e-float-text,
 .e-float-input input,
 .e-input-group input,
 .e-float-input.e-control-wrapper input,
-.e-input-group.e-control-wrapper input {
-  text-indent: 12px;
-}
-
+.e-input-group.e-control-wrapper input,
 .e-float-input textarea,
 .e-input-group textarea,
 .e-float-input.e-control-wrapper textarea,
@@ -1059,13 +1084,6 @@ label.e-float-text,
   text-indent: 12px;
 }
 
-.e-float-input.e-bigger,
-.e-bigger .e-float-input,
-.e-float-input.e-control-wrapper.e-bigger,
-.e-bigger .e-float-input.e-control-wrapper {
-  font-size: 16px;
-}
-
 .e-float-input.e-bigger.e-disabled,
 .e-bigger .e-float-input.e-disabled,
 .e-float-input.e-control-wrapper.e-bigger.e-disabled,
@@ -1073,7 +1091,11 @@ label.e-float-text,
 .e-float-input.e-input-group.e-bigger.e-disabled,
 .e-bigger .e-float-input.e-input-group.e-disabled,
 .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled,
-.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled {
+.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled,
+.e-float-input.e-bigger,
+.e-bigger .e-float-input,
+.e-float-input.e-control-wrapper.e-bigger,
+.e-bigger .e-float-input.e-control-wrapper {
   font-size: 16px;
 }
 
@@ -1088,13 +1110,6 @@ label.e-float-text,
   padding: 0;
 }
 
-.e-float-input.e-small,
-.e-small .e-float-input,
-.e-float-input.e-control-wrapper.e-small,
-.e-small .e-float-input.e-control-wrapper {
-  font-size: 12px;
-}
-
 .e-float-input.e-small.e-disabled,
 .e-small .e-float-input.e-disabled,
 .e-float-input.e-control-wrapper.e-small.e-disabled,
@@ -1102,7 +1117,11 @@ label.e-float-text,
 .e-float-input.e-input-group.e-small.e-disabled,
 .e-small .e-float-input.e-input-group.e-disabled,
 .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled,
-.e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled {
+.e-small .e-float-input.e-input-group.e-control-wrapper.e-disabled,
+.e-float-input.e-small,
+.e-small .e-float-input,
+.e-float-input.e-control-wrapper.e-small,
+.e-small .e-float-input.e-control-wrapper {
   font-size: 12px;
 }
 
@@ -1113,17 +1132,6 @@ label.e-float-text,
   padding: 0;
 }
 
-.e-float-input.e-small.e-bigger,
-.e-small.e-bigger .e-float-input,
-.e-bigger .e-float-input.e-small,
-.e-small .e-float-input.e-bigger,
-.e-float-input.e-control-wrapper.e-small.e-bigger,
-.e-small.e-bigger .e-float-input.e-control-wrapper,
-.e-bigger .e-float-input.e-control-wrapper.e-small,
-.e-small .e-float-input.e-control-wrapper.e-bigger {
-  font-size: 14px;
-}
-
 .e-float-input.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-float-input.e-disabled,
 .e-bigger .e-float-input.e-small.e-disabled,
@@ -1139,7 +1147,15 @@ label.e-float-text,
 .e-float-input.e-input-group.e-control-wrapper.e-small.e-bigger.e-disabled,
 .e-small.e-bigger .e-float-input.e-input-group.e-control-wrapper.e-disabled,
 .e-bigger .e-float-input.e-input-group.e-control-wrapper.e-small.e-disabled,
-.e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled {
+.e-small .e-float-input.e-input-group.e-control-wrapper.e-bigger.e-disabled,
+.e-float-input.e-small.e-bigger,
+.e-small.e-bigger .e-float-input,
+.e-bigger .e-float-input.e-small,
+.e-small .e-float-input.e-bigger,
+.e-float-input.e-control-wrapper.e-small.e-bigger,
+.e-small.e-bigger .e-float-input.e-control-wrapper,
+.e-bigger .e-float-input.e-control-wrapper.e-small,
+.e-small .e-float-input.e-control-wrapper.e-bigger {
   font-size: 14px;
 }
 
@@ -1159,7 +1175,11 @@ label.e-float-text,
 .e-float-input textarea:focus,
 .e-float-input.e-control-wrapper textarea:focus,
 .e-float-input.e-input-focus input,
-.e-float-input.e-control-wrapper.e-input-focus input {
+.e-float-input.e-control-wrapper.e-input-focus input,
+.e-input-group.e-control-container.valid.modified,
+.e-input-group.e-control-container.invalid,
+.e-float-input.e-control-container.valid.modified,
+.e-float-input.e-control-container.invalid {
   outline: none;
 }
 
@@ -1184,12 +1204,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper .e-input-in-wrap input:valid ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper .e-input-in-wrap input ~ label.e-float-text.e-label-top,
 .e-float-input.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text {
-  -webkit-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-}
-
+.e-float-input.e-control-wrapper.e-input-focus input ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text,
 .e-float-input textarea:focus ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text.e-label-top,
@@ -1199,6 +1214,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper textarea:valid ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper textarea ~ label.e-float-text.e-label-top {
   -webkit-user-select: text;
+     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -1221,10 +1237,7 @@ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-small .e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  font-weight: normal;
-}
-
+.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
@@ -1252,6 +1265,7 @@ label.e-float-text,
   content: "";
   height: 2px;
   position: absolute;
+  -webkit-transition: 0.2s ease;
   transition: 0.2s ease;
   width: 0;
 }
@@ -1288,11 +1302,6 @@ label.e-float-text,
   width: 100%;
 }
 
-.e-float-input.e-rtl,
-.e-float-input.e-control-wrapper.e-rtl {
-  direction: rtl;
-}
-
 .e-float-input.e-rtl label.e-float-text,
 .e-float-input.e-control-wrapper.e-rtl label.e-float-text,
 .e-rtl .e-float-input label.e-float-text,
@@ -1308,23 +1317,8 @@ label.e-float-text,
 .e-rtl .e-float-input textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-control-wrapper textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
   right: 0;
-  transform-origin: right top;
-}
-
-/* stylelint-disable selector-max-empty-lines */
-.e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
-.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text,
-.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text,
-.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
-.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
-.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
+  -webkit-transform-origin: right top;
+          transform-origin: right top;
 }
 
 .e-float-input.e-rtl.e-bigger:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1350,10 +1344,19 @@ label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
 .e-bigger .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
-}
-
+.e-bigger.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input.e-control-wrapper:not(.e-input-focus) label.e-float-text.e-label-bottom,
+.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text,
+.e-float-input.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text,
+.e-rtl .e-float-input input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
+.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
+.e-float-input.e-rtl.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
+.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-control-wrapper.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1377,10 +1380,7 @@ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text,
 .e-small .e-float-input.e-control-wrapper.e-rtl input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text,
-.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom {
-  padding-right: 10px;
-}
-
+.e-small.e-rtl .e-float-input.e-control-wrapper input:not(:focus):not(:valid) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-float-input.e-rtl.e-control-wrapper.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
 .e-rtl .e-float-input.e-bigger.e-small:not(.e-input-focus) label.e-float-text.e-label-bottom,
@@ -1408,7 +1408,6 @@ label.e-float-text,
   padding-right: 10px;
 }
 
-/* stylelint-enable selector-max-empty-lines */
 .e-input-group.e-corner.e-rtl .e-input:first-child,
 .e-input-group.e-corner.e-rtl .e-input-group-icon:first-child,
 .e-input-group.e-control-wrapper.e-corner.e-rtl .e-input:first-child,
@@ -1443,11 +1442,6 @@ label.e-float-text,
   cursor: not-allowed;
 }
 
-.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 {
-  border-radius: 4px;
-}
-
 .e-input-group.e-rtl .e-input:not(:first-child):focus,
 .e-input-group.e-control-wrapper.e-rtl .e-input:not(:first-child):focus {
   border-right-width: 0;
@@ -1478,7 +1472,13 @@ label.e-float-text,
 .e-input-group.e-control-wrapper textarea.e-input,
 .e-input-group.e-control-wrapper.e-bigger .e-input,
 .e-bigger .e-input-group .e-input,
-.e-bigger .e-input-group.e-control-wrapper .e-input {
+.e-bigger .e-input-group.e-control-wrapper .e-input,
+.e-float-input input.e-input,
+.e-float-input.e-bigger .e-input,
+.e-bigger .e-float-input .e-input,
+.e-float-input.e-control-wrapper input.e-input,
+.e-float-input.e-control-wrapper.e-bigger .e-input,
+.e-bigger .e-float-input.e-control-wrapper .e-input {
   margin-bottom: 0;
 }
 
@@ -1609,10 +1609,10 @@ label.e-float-text,
 .e-input-group.e-bigger .e-input-group-icon:last-child,
 .e-input-group .e-input-group-icon.e-bigger:last-child,
 .e-bigger .e-input-group .e-input-group-icon:last-child,
+.e-input-group.e-control-wrapper .e-input-group-icon:last-child,
 .e-input-group.e-small .e-input-group-icon:last-child,
 .e-input-group.e-small.e-bigger .e-input-group-icon:last-child,
 .e-input-group.e-small .e-input-group-icon.e-bigger:last-child,
-.e-input-group.e-control-wrapper .e-input-group-icon:last-child,
 .e-input-group.e-control-wrapper.e-bigger .e-input-group-icon:last-child,
 .e-input-group.e-control-wrapper .e-input-group-icon.e-bigger:last-child,
 .e-input-group.e-control-wrapper.e-small .e-input-group-icon:last-child,
@@ -1645,11 +1645,6 @@ label.e-float-text,
   border-right-width: 0;
 }
 
-.e-input-group.e-input-focus.e-corner,
-.e-input-group.e-control-wrapper.e-input-focus.e-corner {
-  border-radius: 4px;
-}
-
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
 .e-input-group.e-float-icon-left:not(.e-success):not(.e-warning):not(.e-error).e-disabled .e-input-in-wrap,
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-float-icon-left).e-disabled,
@@ -1663,21 +1658,6 @@ label.e-float-text,
   border-style: solid;
 }
 
-.e-float-custom-tag,
-.e-float-custom-tag.e-control-wrapper {
-  display: inline-block;
-}
-
-.e-float-custom-tag.e-input-group,
-.e-float-custom-tag.e-input-group.e-control-wrapper,
-.e-input-custom-tag,
-.e-input-custom-tag.e-input-group,
-.e-input-custom-tag.e-input-group.e-control-wrapper {
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  vertical-align: middle;
-}
-
 .e-input-group .e-input-group-icon,
 .e-input-group.e-control-wrapper .e-input-group-icon {
   content: "";
@@ -1695,7 +1675,21 @@ label.e-float-text,
 
 input.e-input::-ms-clear,
 .e-float-input input::-ms-clear,
-.e-float-input.e-control-wrapper input::-ms-clear {
+.e-float-input.e-control-wrapper input::-ms-clear,
+.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-input-group input:not(.e-control).e-input:not(:valid):first-child ~ .e-clear-icon,
+.e-input-group.e-control-wrapper input.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
+.e-float-input.e-input-group.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon {
+  display: none;
+}
+
+.e-input-group .e-clear-icon.e-clear-icon-hide,
+.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide,
+.e-float-input.e-control-wrapper.e-hidden,
+.e-input-group.e-control-wrapper.e-hidden {
   display: none;
 }
 
@@ -1734,7 +1728,8 @@ input.e-input[type=search]::-webkit-search-results-decoration,
 .e-float-input.e-input-group textarea:focus,
 .e-float-input.e-input-group.e-control-wrapper input:focus,
 .e-float-input.e-input-group.e-control-wrapper textarea {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-float-input.e-input-group .e-float-line,
@@ -1747,14 +1742,14 @@ input.e-input[type=search]::-webkit-search-results-decoration,
 input.e-input::-webkit-input-placeholder,
 input.e-input:-moz-placeholder,
 input.e-input:-ms-input-placeholder,
-input.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
+input.e-input::-moz-placeholder,
 textarea.e-input::-webkit-input-placeholder,
 textarea.e-input:-moz-placeholder,
 textarea.e-input:-ms-input-placeholder,
+textarea.e-input::-moz-placeholder,
+textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-input:-moz-placeholder,
+textarea.e-input:-ms-textarea-placeholder,
 textarea.e-input::-moz-placeholder {
   font-size: 14px;
   font-style: normal;
@@ -1767,11 +1762,7 @@ input.e-bigger.e-input:-moz-placeholder,
 .e-bigger input.e-input:-ms-input-placeholder,
 input.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger input.e-input::-moz-placeholder,
-input.e-bigger.e-input::-moz-placeholder {
-  font-size: 16px;
-  font-style: normal;
-}
-
+input.e-bigger.e-input::-moz-placeholder,
 .e-bigger textarea.e-input::-webkit-input-placeholder,
 textarea.e-bigger.e-input::-webkit-input-placeholder,
 .e-bigger textarea.e-input:-moz-placeholder,
@@ -1779,6 +1770,14 @@ textarea.e-bigger.e-input:-moz-placeholder,
 .e-bigger textarea.e-input:-ms-input-placeholder,
 textarea.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger textarea.e-input::-moz-placeholder,
+textarea.e-bigger.e-input::-moz-placeholder,
+.e-bigger textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-bigger.e-input::-webkit-textarea-placeholder,
+.e-bigger textarea.e-input:-moz-placeholder,
+textarea.e-bigger.e-input:-moz-placeholder,
+.e-bigger textarea.e-input:-ms-textarea-placeholder,
+textarea.e-bigger.e-input:-ms-textarea-placeholder,
+.e-bigger textarea.e-input::-moz-placeholder,
 textarea.e-bigger.e-input::-moz-placeholder {
   font-size: 16px;
   font-style: normal;
@@ -1791,11 +1790,7 @@ input.e-small.e-input:-moz-placeholder,
 .e-small input.e-input:-ms-input-placeholder,
 input.e-small.e-input:-ms-input-placeholder,
 .e-small input.e-input::-moz-placeholder,
-input.e-small.e-input::-moz-placeholder {
-  font-size: 12px;
-  font-style: normal;
-}
-
+input.e-small.e-input::-moz-placeholder,
 .e-small textarea.e-input::-webkit-input-placeholder,
 textarea.e-small.e-input::-webkit-input-placeholder,
 .e-small textarea.e-input:-moz-placeholder,
@@ -1803,8 +1798,16 @@ textarea.e-small.e-input:-moz-placeholder,
 .e-small textarea.e-input:-ms-input-placeholder,
 textarea.e-small.e-input:-ms-input-placeholder,
 .e-small textarea.e-input::-moz-placeholder,
-textarea.e-small.e-input::-moz-placeholder {
-  font-size: 12px;
+textarea.e-small.e-input::-moz-placeholder,
+.e-small textarea.e-input::-webkit-textarea-placeholder,
+textarea.e-small.e-input::-webkit-textarea-placeholder,
+.e-small textarea.e-input:-moz-placeholder,
+textarea.e-small.e-input:-moz-placeholder,
+.e-small textarea.e-input:-ms-input-placeholder,
+textarea.e-small.e-input:-ms-input-placeholder,
+.e-small textarea.e-input::-moz-placeholder,
+textarea.e-small.e-input::-moz-placeholder {
+  font-size: 12px;
   font-style: normal;
 }
 
@@ -1815,11 +1818,7 @@ textarea.e-small.e-input::-moz-placeholder {
 .e-bigger input.e-small.e-input:-ms-input-placeholder,
 .e-small input.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger input.e-small.e-input::-moz-placeholder,
-.e-small input.e-bigger.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
+.e-small input.e-bigger.e-input::-moz-placeholder,
 .e-bigger textarea.e-small.e-input::-webkit-input-placeholder,
 .e-small textarea.e-bigger.e-input::-webkit-input-placeholder,
 .e-bigger textarea.e-small.e-input:-moz-placeholder,
@@ -1827,103 +1826,57 @@ textarea.e-small.e-input::-moz-placeholder {
 .e-bigger intextareaput.e-small.e-input:-ms-input-placeholder,
 .e-small textarea.e-bigger.e-input:-ms-input-placeholder,
 .e-bigger textarea.e-small.e-input::-moz-placeholder,
+.e-small textarea.e-bigger.e-input::-moz-placeholder,
+.e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder,
+.e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder,
+.e-bigger textarea.e-small.e-input:-moz-placeholder,
+.e-small textarea.e-bigger.e-input:-moz-placeholder,
+.e-bigger textarea.e-small.e-input:-ms-input-placeholder,
+.e-small textarea.e-bigger.e-input:-ms-input-placeholder,
+.e-bigger textarea.e-small.e-input::-moz-placeholder,
 .e-small textarea.e-bigger.e-input::-moz-placeholder {
   font-size: 14px;
   font-style: normal;
 }
 
-input.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder { /* stylelint-disable-line selector-no-vendor-prefix */
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input:-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input::-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-textarea.e-input::-moz-placeholder {
-  font-style: normal;
-  user-select: none;
-}
-
-input.e-input:-ms-input-placeholder {
+input.e-input:-moz-placeholder,
+textarea.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group textarea.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
+input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+textarea.e-input:-moz-placeholder,
+input.e-input::-moz-placeholder,
+textarea.e-input::-moz-placeholder,
+input.e-input::-webkit-input-placeholder,
+textarea.e-input::-webkit-input-placeholder {
   font-style: normal;
+  -moz-user-select: none;
+       user-select: none;
 }
 
+input.e-input:-ms-input-placeholder,
 textarea.e-input:-ms-input-placeholder {
   font-style: normal;
 }
 
-input.e-input::-webkit-input-placeholder {
-  font-style: normal;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  font-style: normal;
-  -webkit-user-select: none;
-          user-select: none;
-}
-
 input.e-input,
 .e-input-group input,
 .e-input-group.e-control-wrapper input,
 .e-input-group input.e-input,
 .e-input-group.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 28px;
 }
 
 .e-float-input:not(.e-input-group) input,
 .e-float-input.e-control-wrapper:not(.e-input-group) input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 30px;
 }
 
@@ -1945,7 +1898,8 @@ input.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger input.e-input,
 .e-bigger .e-float-input.e-control-wrapper input,
 .e-bigger .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 36px;
 }
 
@@ -1957,7 +1911,8 @@ input.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger:not(.e-input-group) input.e-input,
 .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-bigger .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 38px;
 }
 
@@ -1978,7 +1933,8 @@ input.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small input.e-input,
 .e-small .e-float-input.e-control-wrapper input,
 .e-small .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 24px;
 }
 
@@ -1989,7 +1945,8 @@ input.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small:not(.e-input-group) input.e-input,
 .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 26px;
 }
 
@@ -2010,7 +1967,8 @@ input.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small input.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper input,
 .e-bigger.e-small .e-float-input.e-control-wrapper input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 32px;
 }
 
@@ -2022,7 +1980,8 @@ input.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small:not(.e-input-group) input.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input,
 .e-bigger.e-small .e-float-input.e-control-wrapper:not(.e-input-group) input.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: 34px;
 }
 
@@ -2031,7 +1990,8 @@ textarea.e-input,
 .e-input-group.e-control-wrapper textarea,
 .e-float-input textarea,
 .e-float-input.e-control-wrapper textarea {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -2054,7 +2014,8 @@ textarea.e-input.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger textarea.e-input,
 .e-bigger .e-float-input.e-control-wrapper textarea,
 .e-bigger .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -2075,7 +2036,8 @@ textarea.e-input.e-small,
 .e-float-input.e-control-wrapper.e-small textarea.e-input,
 .e-small .e-float-input.e-control-wrapper textarea,
 .e-small .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -2096,7 +2058,8 @@ textarea.e-input.e-small.e-bigger,
 .e-float-input.e-control-wrapper.e-bigger.e-small textarea.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea.e-input {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   height: auto;
 }
 
@@ -2132,10 +2095,7 @@ input.e-input.e-small,
 .e-small .e-float-input input,
 .e-float-input.e-control-wrapper.e-small input,
 .e-float-input.e-control-wrapper input.e-small,
-.e-small .e-float-input.e-control-wrapper input {
-  text-indent: 8px;
-}
-
+.e-small .e-float-input.e-control-wrapper input,
 textarea.e-input.e-small,
 .e-input-group textarea.e-input.e-small,
 .e-input-group.e-control-wrapper input.e-input-group textarea.e-input.e-small,
@@ -2165,11 +2125,7 @@ input.e-input,
 .e-input-group.e-input-focus input.e-input,
 .e-input-group.e-control-wrapper.e-input-focus input.e-input,
 .e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input {
-  padding-left: 12px;
-  text-indent: 0;
-}
-
+.e-float-input.e-input-focus input,
 textarea.e-input,
 .e-input-group textarea.e-input,
 .e-input-group textarea,
@@ -2284,11 +2240,7 @@ input.e-input.e-small,
 .e-float-input.e-small.e-input-focus input,
 .e-float-input.e-control-wrapper.e-input-focus.e-small input,
 .e-small .e-float-input.e-input-focus input,
-.e-small .e-float-input.e-control-wrapper.e-input-focus input {
-  padding-left: 8px;
-  text-indent: 0;
-}
-
+.e-small .e-float-input.e-control-wrapper.e-input-focus input,
 textarea.e-input.e-small,
 .e-small textarea.e-input,
 .e-input-group.e-small textarea.e-input,
@@ -2590,7 +2542,33 @@ input.e-input.e-bigger.e-small,
 .e-small .e-float-input.e-control-wrapper.e-bigger.e-input-focus input,
 .e-small .e-float-input.e-bigger.e-input-focus input,
 .e-float-input.e-control-wrapper.e-bigger.e-small.e-input-focus input,
-.e-float-input.e-bigger.e-small.e-input-focus input {
+.e-float-input.e-bigger.e-small.e-input-focus input,
+textarea.e-input.e-bigger.e-small,
+.e-bigger textarea.e-input.e-small,
+.e-input-group.e-small.e-bigger textarea.e-input,
+.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input,
+.e-input-group.e-small textarea.e-input.e-bigger,
+.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger,
+.e-bigger .e-input-group.e-small textarea.e-input,
+.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input,
+.e-float-input.e-small.e-bigger textarea,
+.e-float-input.e-small textarea.e-bigger,
+.e-bigger .e-float-input.e-small textarea,
+.e-float-input.e-control-wrapper.e-small.e-bigger textarea,
+.e-float-input.e-control-wrapper.e-small textarea.e-bigger,
+.e-bigger .e-float-input.e-control-wrapper.e-small textarea,
+.e-bigger .e-input-group.e-small textarea.e-input:focus,
+.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
+.e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus,
+.e-bigger .e-float-input.e-small textarea:focus,
+.e-small .e-input-group.e-bigger textarea.e-input:focus,
+.e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
+.e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus,
+.e-small .e-float-input.e-bigger textarea:focus,
+.e-input-group.e-bigger.e-small textarea.e-input:focus,
+.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
+.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
+.e-float-input.e-bigger.e-small textarea:focus {
   padding-left: 14px;
   text-indent: 0;
 }
@@ -2674,36 +2652,6 @@ input.e-input.e-bigger.e-small,
   text-indent: 0;
 }
 
-textarea.e-input.e-bigger.e-small,
-.e-bigger textarea.e-input.e-small,
-.e-input-group.e-small.e-bigger textarea.e-input,
-.e-input-group.e-control-wrapper.e-small.e-bigger textarea.e-input,
-.e-input-group.e-small textarea.e-input.e-bigger,
-.e-input-group.e-control-wrapper.e-small textarea.e-input.e-bigger,
-.e-bigger .e-input-group.e-small textarea.e-input,
-.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input,
-.e-float-input.e-small.e-bigger textarea,
-.e-float-input.e-small textarea.e-bigger,
-.e-bigger .e-float-input.e-small textarea,
-.e-float-input.e-control-wrapper.e-small.e-bigger textarea,
-.e-float-input.e-control-wrapper.e-small textarea.e-bigger,
-.e-bigger .e-float-input.e-control-wrapper.e-small textarea,
-.e-bigger .e-input-group.e-small textarea.e-input:focus,
-.e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
-.e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus,
-.e-bigger .e-float-input.e-small textarea:focus,
-.e-small .e-input-group.e-bigger textarea.e-input:focus,
-.e-small .e-input-group.e-control-wrapper.e-bigger textarea.e-input:focus,
-.e-small .e-float-input.e-control-wrapper.e-bigger textarea:focus,
-.e-small .e-float-input.e-bigger textarea:focus,
-.e-input-group.e-bigger.e-small textarea.e-input:focus,
-.e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
-.e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
-.e-float-input.e-bigger.e-small textarea:focus {
-  padding-left: 14px;
-  text-indent: 0;
-}
-
 .e-bigger .e-input-group.e-small textarea.e-input:focus,
 .e-bigger .e-input-group.e-control-wrapper.e-small textarea.e-input:focus,
 .e-bigger .e-float-input.e-control-wrapper.e-small textarea:focus,
@@ -2719,7 +2667,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper.e-bigger.e-small textarea.e-input:focus,
 .e-float-input.e-control-wrapper.e-bigger.e-small textarea:focus,
 .e-float-input.e-bigger.e-small textarea:focus {
-  box-shadow: 0 0 0 1px #4f46e5;
+  -webkit-box-shadow: 0 0 0 1px #4f46e5;
+          box-shadow: 0 0 0 1px #4f46e5;
 }
 
 .e-bigger textarea.e-input.e-small.e-rtl,
@@ -2784,12 +2733,16 @@ textarea.e-input.e-bigger.e-small,
   background: transparent;
   border: 0;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   line-height: 1;
   min-width: 24px;
   outline: none;
@@ -2812,6 +2765,7 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide,
 .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -2876,37 +2830,11 @@ textarea.e-input.e-bigger.e-small,
   font-size: 20px;
 }
 
-.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-input-group input:not(.e-control).e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-control-wrapper input.e-input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group input:not(:valid):not(.e-control):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-control-wrapper input:not(:valid):not(.e-control):first-child ~ .e-clear-icon {
-  display: none;
-}
-
-.e-input-group .e-clear-icon.e-clear-icon-hide,
-.e-input-group.e-control-wrapper .e-clear-icon.e-clear-icon-hide {
-  display: none;
-}
-
 .e-input-group.e-static-clear .e-clear-icon.e-clear-icon-hide,
 .e-input-group.e-control-wrapper.e-static-clear .e-clear-icon.e-clear-icon-hide {
   cursor: pointer;
 }
 
-.e-input-group.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-control-wrapper.e-disabled input.e-input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-input-group.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-float-input.e-control-wrapper.e-disabled input:not(:valid):first-child ~ .e-clear-icon,
-.e-input-group.e-disabled .e-clear-icon.e-clear-icon-hide,
-.e-input-group.e-control-wrapper.e-disabled .e-clear-icon.e-clear-icon-hide {
-  cursor: not-allowed;
-}
-
 .e-float-input.e-control-wrapper input[readonly]:first-child ~ .e-clear-icon,
 .e-float-input.e-control-wrapper.e-input-group input[readonly]:first-child ~ .e-clear-icon,
 .e-float-input input[readonly]:first-child ~ .e-clear-icon,
@@ -3046,7 +2974,8 @@ textarea.e-input.e-bigger.e-small,
 .e-input-group.e-control-wrapper textarea:valid,
 .e-input-group textarea:not(:valid),
 .e-input-group textarea:valid {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-input-group .e-input-in-wrap,
@@ -3054,6 +2983,7 @@ textarea.e-input.e-bigger.e-small,
 .e-float-input .e-input-in-wrap,
 .e-float-input.e-control-wrapper .e-input-in-wrap {
   width: 100%;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   position: relative;
@@ -3068,15 +2998,6 @@ textarea.e-input.e-bigger.e-small,
   white-space: nowrap;
 }
 
-.e-float-input input.e-input,
-.e-float-input.e-bigger .e-input,
-.e-bigger .e-float-input .e-input,
-.e-float-input.e-control-wrapper input.e-input,
-.e-float-input.e-control-wrapper.e-bigger .e-input,
-.e-bigger .e-float-input.e-control-wrapper .e-input {
-  margin-bottom: 0;
-}
-
 .e-float-input textarea:focus ~ label.e-float-text,
 .e-float-input textarea:valid ~ label.e-float-text,
 .e-float-input textarea ~ label.e-label-top.e-float-text,
@@ -3092,7 +3013,8 @@ textarea.e-input.e-bigger.e-small,
   font-size: 12px;
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -33px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -33px, 0) scale(1);
+          transform: translate3d(-10px, -33px, 0) scale(1);
 }
 
 .e-float-input.e-bigger textarea:focus ~ label.e-float-text,
@@ -3211,7 +3133,8 @@ textarea.e-input.e-bigger.e-small,
   font-size: 14px;
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -40px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -40px, 0) scale(1);
+          transform: translate3d(-10px, -40px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3268,67 +3191,28 @@ textarea.e-input.e-bigger.e-small,
   position: absolute;
   text-overflow: ellipsis;
   top: -11px;
-  transform: translate3d(0, 16px, 0) scale(1);
-  transform-origin: left top;
+  -webkit-transform: translate3d(0, 16px, 0) scale(1);
+          transform: translate3d(0, 16px, 0) scale(1);
+  -webkit-transform-origin: left top;
+          transform-origin: left top;
+  -webkit-transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: 0.25s cubic-bezier(0.25, 0.8, 0.25, 1);
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   width: 100%;
 }
 
-textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-input:-moz-placeholder,
-textarea.e-input:-ms-textarea-placeholder,
-textarea.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
-.e-small textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-small.e-input::-webkit-textarea-placeholder,
-.e-small textarea.e-input:-moz-placeholder,
-textarea.e-small.e-input:-moz-placeholder,
-.e-small textarea.e-input:-ms-input-placeholder,
-textarea.e-small.e-input:-ms-input-placeholder,
-.e-small textarea.e-input::-moz-placeholder,
-textarea.e-small.e-input::-moz-placeholder {
-  font-size: 12px;
-  font-style: normal;
-}
-
-.e-bigger textarea.e-small.e-input::-webkit-textarea-placeholder,
-.e-small textarea.e-bigger.e-input::-webkit-textarea-placeholder,
-.e-bigger textarea.e-small.e-input:-moz-placeholder,
-.e-small textarea.e-bigger.e-input:-moz-placeholder,
-.e-bigger textarea.e-small.e-input:-ms-input-placeholder,
-.e-small textarea.e-bigger.e-input:-ms-input-placeholder,
-.e-bigger textarea.e-small.e-input::-moz-placeholder,
-.e-small textarea.e-bigger.e-input::-moz-placeholder {
-  font-size: 14px;
-  font-style: normal;
-}
-
-.e-bigger textarea.e-input::-webkit-textarea-placeholder,
-textarea.e-bigger.e-input::-webkit-textarea-placeholder,
-.e-bigger textarea.e-input:-moz-placeholder,
-textarea.e-bigger.e-input:-moz-placeholder,
-.e-bigger textarea.e-input:-ms-textarea-placeholder,
-textarea.e-bigger.e-input:-ms-textarea-placeholder,
-.e-bigger textarea.e-input::-moz-placeholder,
-textarea.e-bigger.e-input::-moz-placeholder {
-  font-size: 16px;
-  font-style: normal;
-}
-
 .e-float-input textarea:-webkit-autofill ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-autofill textarea:-webkit-autofill ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-autofill textarea:not(:focus):valid:-webkit-autofill ~ label.e-float-text.e-label-bottom {
   font-size: 12px;
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -40px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -40px, 0) scale(1);
+          transform: translate3d(-10px, -40px, 0) scale(1);
   -webkit-user-select: text;
           user-select: text;
 }
@@ -3396,7 +3280,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -35px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -35px, 0) scale(1);
+          transform: translate3d(-10px, -35px, 0) scale(1);
 }
 
 .e-float-input.e-small.e-bigger textarea:focus ~ label.e-float-text,
@@ -3425,7 +3310,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small.e-bigger .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -33px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -33px, 0) scale(1);
+          transform: translate3d(-10px, -33px, 0) scale(1);
 }
 
 .e-float-input.e-small textarea:focus ~ label.e-float-text,
@@ -3454,7 +3340,8 @@ textarea.e-bigger.e-input::-moz-placeholder {
 .e-small .e-float-input.e-control-wrapper textarea label.e-float-text.e-label-top {
   font-weight: 500;
   padding-right: 0;
-  transform: translate3d(-10px, -31px, 0) scale(1);
+  -webkit-transform: translate3d(-10px, -31px, 0) scale(1);
+          transform: translate3d(-10px, -31px, 0) scale(1);
 }
 
 .e-float-input textarea[disabled],
@@ -3465,16 +3352,6 @@ textarea.e-bigger.e-input::-moz-placeholder {
   border-style: solid;
 }
 
-.e-float-input textarea[disabled],
-.e-float-input textarea.e-disabled,
-.e-float-input.e-disabled textarea,
-.e-float-input.e-control-wrapper textarea[disabled],
-.e-float-input.e-control-wrapper textarea.e-disabled,
-.e-float-input.e-control-wrapper.e-disabled textarea {
-  filter: alpha(opacity=100);
-  opacity: 1;
-}
-
 .e-float-input textarea[disabled],
 .e-float-input textarea.e-disabled,
 .e-float-input.e-control-wrapper textarea[disabled],
@@ -3485,26 +3362,14 @@ textarea.e-bigger.e-input::-moz-placeholder {
 }
 
 textarea.e-input,
-.e-input-group textarea.e-input,
 .e-input-group textarea,
-.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group textarea.e-input,
+.e-input-group.e-input-focus textarea,
+.e-input-group.e-input-focus textarea.e-input,
 .e-input-group.e-control-wrapper textarea,
-.e-float-input textarea,
-.e-float-input.e-input-group textarea,
-.e-float-input.e-control-wrapper textarea,
-.e-float-input.e-control-wrapper.e-input-group textarea {
-  border-radius: 4px;
-}
-
-textarea.e-input,
-.e-input-group textarea,
-.e-input-group textarea.e-input,
-.e-input-group.e-input-focus textarea,
-.e-input-group.e-input-focus textarea.e-input,
-.e-input-group.e-control-wrapper textarea,
-.e-input-group.e-control-wrapper.e-input-focus textarea,
-.e-input-group.e-control-wrapper textarea.e-input,
-.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
+.e-input-group.e-control-wrapper.e-input-focus textarea,
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
 .e-float-input textarea,
 .e-float-input.e-control-wrapper textarea {
   line-height: 1.5;
@@ -3533,7 +3398,7 @@ textarea.e-input,
 .e-bigger .e-float-input textarea,
 .e-bigger .e-float-input.e-control-wrapper textarea {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 36px;
   padding: 6px 12px 6px 16px;
 }
@@ -3555,7 +3420,7 @@ textarea.e-input,
 .e-bigger .e-input-group.e-control-wrapper.e-input-focus textarea:focus,
 .e-bigger .e-input-group.e-control-wrapper textarea.e-input:focus {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 36px;
   padding: 6px 12px 6px 16px;
 }
@@ -3642,7 +3507,7 @@ textarea.e-input,
 .e-bigger.e-small .e-float-input.e-control-wrapper textarea,
 .e-bigger .e-small.e-float-input.e-control-wrapper textarea {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 32px;
   padding: 4px 8px 4px 14px;
 }
@@ -3659,7 +3524,7 @@ textarea.e-input,
 .e-bigger .e-small.e-input-group.e-control-wrapper.e-input-focus textarea.e-input,
 .e-small .e-input-group.e-control-wrapper.e-input-focus.e-bigger textarea.e-input {
   font: inherit;
-  line-height: 1.5;
+  line-height: 1.2;
   min-height: 32px;
   padding: 4px 8px 4px 14px;
 }
@@ -3676,19 +3541,8 @@ textarea.e-input,
 .e-filled.e-input-group.e-control-wrapper.e-multi-line-input textarea,
 .e-filled.e-float-input.e-multi-line-input textarea,
 .e-filled.e-float-input.e-control-wrapper.e-multi-line-input textarea {
-  box-sizing: border-box;
-}
-
-.e-float-input.e-control-wrapper.e-hidden,
-.e-input-group.e-control-wrapper.e-hidden {
-  display: none;
-}
-
-.e-input-group.e-control-container.valid.modified,
-.e-input-group.e-control-container.invalid,
-.e-float-input.e-control-container.valid.modified,
-.e-float-input.e-control-container.invalid {
-  outline: none;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 
 /*! input theme */
@@ -3725,7 +3579,11 @@ textarea.e-input,
 }
 
 .e-input-group.e-disabled .e-input-group-icon,
-.e-input-group.e-control-wrapper.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: #d1d5db;
 }
 
@@ -3872,7 +3730,9 @@ label.e-float-text,
 .e-float-input input,
 .e-float-input textarea,
 .e-float-input.e-control-wrapper input,
-.e-float-input.e-control-wrapper textarea {
+.e-float-input.e-control-wrapper textarea,
+.e-input-group,
+.e-input-group.e-control-wrapper {
   border-bottom-color: #d1d5db;
 }
 
@@ -3899,7 +3759,38 @@ label.e-float-text,
 
 .e-float-input:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
 .e-float-input:not(.e-error):not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
+.e-float-input.e-control-wrapper:not(.e-error):not(.e-input-focus):not(.e-disabled) input:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
+input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+input.e-input:-moz-placeholder,
+.e-input-group input.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-moz-placeholder,
+textarea.e-input:-moz-placeholder,
+.e-input-group textarea.e-input:-moz-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder,
+input.e-input::-moz-placeholder,
+.e-input-group input.e-input::-moz-placeholder,
+.e-input-group.e-control-wrapper input.e-input::-moz-placeholder,
+textarea.e-input::-moz-placeholder,
+.e-input-group textarea.e-input::-moz-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder,
+input.e-input:-ms-input-placeholder,
+.e-input-group input.e-input:-ms-input-placeholder,
+.e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder,
+textarea.e-input:-ms-input-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder,
+.e-input-group textarea.e-input:-ms-input-placeholder,
+input.e-input::-webkit-input-placeholder,
+.e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder,
+.e-input-group input.e-input::-webkit-input-placeholder,
+textarea.e-input::-webkit-input-placeholder,
+.e-input-group textarea.e-input::-webkit-input-placeholder,
+.e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder,
+.e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
+.e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
+.e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
   color: #6b7280;
 }
 
@@ -3909,6 +3800,11 @@ label.e-float-text,
   color: #6b7280;
 }
 
+input.e-input::-moz-selection, textarea.e-input::-moz-selection, .e-input-group input.e-input::-moz-selection, .e-input-group.e-control-wrapper input.e-input::-moz-selection, .e-float-input input::-moz-selection, .e-float-input.e-control-wrapper input::-moz-selection, .e-input-group textarea.e-input::-moz-selection, .e-input-group.e-control-wrapper textarea.e-input::-moz-selection, .e-float-input textarea::-moz-selection, .e-float-input.e-control-wrapper textarea::-moz-selection, .e-float-input.e-small textarea::-moz-selection, .e-float-input textarea::-moz-selection {
+  background: #4f46e5;
+  color: #fff;
+}
+
 input.e-input::selection,
 textarea.e-input::selection,
 .e-input-group input.e-input::selection,
@@ -3918,126 +3814,13 @@ textarea.e-input::selection,
 .e-input-group textarea.e-input::selection,
 .e-input-group.e-control-wrapper textarea.e-input::selection,
 .e-float-input textarea::selection,
-.e-float-input.e-control-wrapper textarea::selection {
-  background: #4f46e5;
-  color: #fff;
-}
-
+.e-float-input.e-control-wrapper textarea::selection,
 .e-float-input.e-small textarea::selection,
 .e-float-input textarea::selection {
   background: #4f46e5;
   color: #fff;
 }
 
-input.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group input.e-input:-moz-placeholder,
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-input.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group input.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-textarea.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-input.e-input::-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group input.e-input::-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-moz-placeholder {
-  color: #6b7280;
-}
-
-textarea.e-input::-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group textarea.e-input::-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-moz-placeholder {
-  color: #6b7280;
-}
-
-input.e-input:-ms-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group input.e-input:-ms-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group.e-control-wrapper input.e-input:-ms-input-placeholder {
-  color: #6b7280;
-}
-
-textarea.e-input:-ms-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input:-ms-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group textarea.e-input:-ms-input-placeholder {
-  color: #6b7280;
-}
-
-input.e-input::-webkit-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group.e-control-wrapper input.e-input::-webkit-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group input.e-input::-webkit-input-placeholder {
-  color: #6b7280;
-}
-
-textarea.e-input::-webkit-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group textarea.e-input::-webkit-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group.e-control-wrapper textarea.e-input::-webkit-input-placeholder {
-  color: #6b7280;
-}
-
 .e-input-group::before,
 .e-input-group::after,
 .e-input-group.e-control-wrapper::before,
@@ -4067,30 +3850,18 @@ textarea.e-input::-webkit-input-placeholder {
 }
 
 .e-input-group.e-success .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-success .e-input-group-icon {
-  color: #6b7280;
-}
-
-.e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover {
-  color: #6b7280;
-}
-
+.e-input-group.e-control-wrapper.e-success .e-input-group-icon,
 .e-input-group.e-warning .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-warning .e-input-group-icon {
-  color: #6b7280;
-}
-
-.e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
-.e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover {
-  color: #6b7280;
-}
-
+.e-input-group.e-control-wrapper.e-warning .e-input-group-icon,
 .e-input-group.e-error .e-input-group-icon,
 .e-input-group.e-control-wrapper.e-error .e-input-group-icon {
   color: #6b7280;
 }
 
+.e-input-group.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
+.e-input-group.e-control-wrapper.e-success:not(.e-disabled):not(:active) .e-input-group-icon:hover,
+.e-input-group.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
+.e-input-group.e-control-wrapper.e-warning:not(.e-disabled):not(:active) .e-input-group-icon:hover,
 .e-input-group.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover,
 .e-input-group.e-control-wrapper.e-error:not(.e-disabled):not(:active) .e-input-group-icon:hover {
   color: #6b7280;
@@ -4099,7 +3870,11 @@ textarea.e-input::-webkit-input-placeholder {
 .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-control-wrapper textarea.e-input,
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
+.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
+.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input {
   border-color: #d1d5db;
 }
 
@@ -4112,7 +3887,8 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input {
   border-color: #4f46e5;
   border-radius: 4px;
-  box-shadow: 0 0 0 1px #4f46e5;
+  -webkit-box-shadow: 0 0 0 1px #4f46e5;
+          box-shadow: 0 0 0 1px #4f46e5;
 }
 
 .e-input-group .e-input:focus:not(.e-success):not(.e-warning):not(.e-error),
@@ -4122,7 +3898,8 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group) textarea:focus,
 .e-input-group .e-float-input:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input,
 .e-input-group .e-float-input.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error):not(.e-input-group).e-input-focus input {
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error) input.e-input:focus,
@@ -4139,14 +3916,8 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #4f46e5;
   border-color: #4f46e5;
   border-radius: 4px;
-  box-shadow: 0 0 0 1px #4f46e5;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input {
-  border-color: #d1d5db;
+  -webkit-box-shadow: 0 0 0 1px #4f46e5;
+          box-shadow: 0 0 0 1px #4f46e5;
 }
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:first-child:focus,
@@ -4181,12 +3952,8 @@ textarea.e-input::-webkit-input-placeholder {
 .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
 .e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error) {
   border-color: #d1d5db;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-
-.e-input-group,
-.e-input-group.e-control-wrapper {
-  border-bottom-color: #d1d5db;
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
 }
 
 .e-input-group.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) .e-input:focus,
@@ -4232,13 +3999,6 @@ textarea.e-input::-webkit-input-placeholder {
   color: #374151;
 }
 
-.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: #d1d5db;
-}
-
 .e-float-input.e-input-focus .e-input:focus,
 .e-float-input.e-control-wrapper.e-input-focus .e-input:focus {
   border-bottom-color: transparent;
@@ -4263,32 +4023,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-float-input:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
 .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #374151;
-}
-
-.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
-.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #374151;
-}
-
+.e-bigger .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) input:valid ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) input ~ label.e-label-top.e-float-text,
@@ -4312,10 +4047,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-small .e-float-input:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #374151;
-}
-
+.e-bigger .e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error) input:focus ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error) input:valid ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error) input ~ label.e-label-top.e-float-text,
@@ -4339,33 +4071,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-small .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text {
-  color: #374151;
-}
-
-.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
-.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
-  color: #4b5563;
-}
-
-.e-float-input:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
-.e-float-input:not(.e-input-focus) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top),
-.e-float-input.e-control-wrapper:not(.e-input-focus):not(.e-disabled) textarea:not(:focus):not(:valid) ~ label.e-float-text:not(.e-label-top) {
-  color: #6b7280;
-}
-
+.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
 .e-float-input:not(.e-error) textarea:focus ~ label.e-float-text,
 .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
 .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
@@ -4381,29 +4087,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-float-input:not(.e-error) textarea:valid ~ label.e-float-text,
 .e-bigger .e-float-input:not(.e-error) textarea ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
-  color: #374151;
-}
-
-.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
-  color: #374151;
-}
-
+.e-bigger .e-float-input:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-float-input.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
@@ -4423,10 +4107,97 @@ textarea.e-input::-webkit-input-placeholder {
 .e-bigger .e-float-input.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
 .e-bigger .e-float-input.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
 .e-bigger .e-float-input.e-small:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
+.e-bigger .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
+.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
   color: #374151;
 }
 
+.e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input .e-control-wrapper:not(.e-error) input label.e-float-text.e-label-top,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input:valid ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:focus ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input:valid ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) input[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error).e-input-focus input ~ label.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper:not(.e-error) textarea label.e-float-text.e-label-top,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:focus ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:valid ~ label.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:focus ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:valid ~ label.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[readonly] ~ label.e-label-top.e-float-text,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea[disabled] ~ label.e-label-top.e-float-text {
+  color: #374151;
+}
+
+.e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-float-input:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-small .e-float-input.e-control-wrapper:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-float-input.e-control-wrapper.e-small.e-bigger:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom,
+.e-bigger .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:not(:focus):valid ~ label.e-float-text.e-label-bottom {
+  color: #4b5563;
+}
+
 .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:focus ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea:valid ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-small:not(.e-error) textarea ~ label.e-label-top.e-float-text,
@@ -4463,10 +4234,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
-  color: #9ca3af;
-}
-
+.e-float-input.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input textarea[disabled] ~ label.e-float-text,
 .e-float-input textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-float-input:not(.e-error) textarea[disabled] ~ label.e-float-text,
@@ -4476,10 +4244,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text,
 .e-float-input.e-small:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text,
-.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top {
-  color: #9ca3af;
-}
-
+.e-float-input.e-small.e-bigger:not(.e-error) textarea[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text,
 .e-float-input.e-control-wrapper.e-input-group.e-disabled .e-float-text.e-label-top,
 .e-float-input.e-control-wrapper.e-disabled input[disabled] ~ label.e-float-text,
@@ -4503,10 +4268,7 @@ textarea.e-input::-webkit-input-placeholder {
 .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-disabled.e-small:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top {
-  color: #9ca3af;
-}
-
+.e-float-input.e-control-wrapper.e-disabled.e-small.e-bigger:not(.e-error) input[disabled] ~ label.e-float-text.e-label-top,
 .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-float-text,
 .e-float-input.e-control-wrapper.e-disabled textarea[disabled] ~ label.e-label-top.e-float-text,
 .e-float-input.e-control-wrapper textarea[disabled] ~ label.e-float-text,
@@ -4541,62 +4303,14 @@ textarea.e-input::-webkit-input-placeholder {
   border-color: #4f46e5;
 }
 
-.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small.e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-small .e-float-input:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-bigger.e-small:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error):not(.e-input-focus) input:not(:focus):-webkit-autofill ~ label.e-float-text {
-  color: #374151;
-}
-
-.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small.e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-small .e-float-input:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-bigger.e-small:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-small.e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger .e-float-input.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-bigger.e-small .e-float-input.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text,
-.e-float-input.e-bigger.e-small.e-control-wrapper.e-autofill:not(.e-error) textarea:not(:focus):-webkit-autofill ~ label.e-float-text {
-  color: #374151;
-}
-
-.e-input-group textarea.e-input:-ms-input-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group textarea.e-input:-moz-placeholder {
-  color: #6b7280;
-}
-
-.e-input-group .e-input:-ms-input-placeholder {
-  color: #6b7280;
-}
-
+.e-input-group textarea.e-input:-ms-input-placeholder,
+.e-input-group textarea.e-input:-moz-placeholder,
+.e-input-group .e-input:-ms-input-placeholder,
 input.e-input::-webkit-input-placeholder {
   color: #6b7280;
 }
 
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 .e-input-group-icon.e-spin-up::before {
   content: "\e776";
   font-family: "e-icons";
@@ -4644,246 +4358,49 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger .e-control-wrapper.e-numeric.e-input-group .e-input-group-icon, .e-bigger.e-control-wrapper.e-numeric.e-input-group .e-input-group-icon {
   font-size: 22px;
 }
-
-/* stylelint-disable property-no-vendor-prefix */
-/*! maskedtextbox layout */
-.e-control-wrapper.e-mask .e-maskedtextbox {
-  font-family: "Inter";
-  font-size: 14px;
-}
-
-.e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
-  font-size: 16px;
-}
-
-.e-control-wrapper.e-mask.e-bigger .e-maskedtextbox {
-  font-size: 16px;
-}
-
-.e-content-placeholder.e-mask.e-placeholder-mask {
-  background-size: 300px 33px;
-  min-height: 33px;
-}
-
-.e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
-.e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
-  background-size: 300px 40px;
-  min-height: 40px;
-}
-
-/*! maskedtextbox theme */
-.e-control-wrapper.e-mask.e-error .e-maskedtextbox {
-  color: #dc2626;
-}
-
-.e-utility-mask.e-error {
-  color: #dc2626;
-}
-
-/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
-.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
-  cursor: default;
-  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-  z-index: 3;
-}
-.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 4px;
-  text-align: center;
-}
-
-.e-slider-horizantal-color {
-  height: 100%;
-  position: absolute;
-  top: 0;
-}
-
-.e-slider-vertical-color {
-  left: -1px;
-  position: absolute;
-  width: 100%;
-}
-
-.e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 4px;
-}
-.e-bigger.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
-  padding: 2px 4px;
-}
-
-.e-bigger .e-control-wrapper.e-slider-container .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger .e-slider .e-handle {
-  height: 16px;
-  width: 16px;
-}
-.e-bigger .e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-after,
-.e-control-wrapper.e-slider-container.e-bigger .e-scale.e-h-scale.e-tick-after {
-  top: 7px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button,
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-second-button, .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-first-button,
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-second-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-first-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-second-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-first-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-second-button {
-  border-radius: 12px;
-  height: 24px;
-  width: 24px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button .e-button-icon::before,
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-second-button .e-button-icon::before, .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-first-button .e-button-icon::before,
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-second-button .e-button-icon::before,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-first-button .e-button-icon::before,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-second-button .e-button-icon::before,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-first-button .e-button-icon::before,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-second-button .e-button-icon::before {
-  font-size: 22px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-scale-both .e-range {
-  height: 6px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-track {
-  border-radius: 6px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-limits,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-limits {
-  height: 6px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-first-button,
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-second-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-first-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-second-button {
-  margin-top: -14px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-both.e-scale.e-h-scale .e-tick,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-both.e-scale.e-h-scale .e-tick {
-  height: 22px;
-  top: -19px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-both.e-scale.e-h-scale .e-large,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-both.e-scale.e-h-scale .e-large {
-  height: 30px;
-  top: -16px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-before.e-scale.e-h-scale .e-tick,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-before.e-scale.e-h-scale .e-tick {
-  height: 8px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-before.e-scale.e-h-scale .e-large,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-before.e-scale.e-h-scale .e-large {
-  height: 12px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick {
-  height: 8px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large {
-  height: 12px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-scale-both .e-scale {
-  top: 17px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-slider-btn {
-  padding: 0 36px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-range,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-scale-both .e-range {
-  width: 6px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-range,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-range {
-  width: 6px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-track,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-track {
-  border-radius: 6px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-slider-btn,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-slider-btn {
-  padding: 36px 0;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button {
-  margin-right: -15px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale.e-v-scale .e-tick,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale.e-v-scale .e-tick {
-  left: 4px;
-  width: 22px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale.e-v-scale .e-large,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale.e-v-scale .e-large {
-  left: 0;
-  width: 30px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-before.e-scale.e-v-scale .e-tick,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-before.e-scale.e-v-scale .e-tick {
-  width: 8px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-before.e-scale.e-v-scale .e-large,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-before.e-scale.e-v-scale .e-large {
-  width: 12px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-after.e-scale.e-v-scale .e-tick,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-after.e-scale.e-v-scale .e-tick {
-  width: 8px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-after.e-scale.e-v-scale .e-large,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-after.e-scale.e-v-scale .e-large {
-  width: 12px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-track {
-  height: 6px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-range,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-range {
-  height: 6px;
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
-  margin-left: -9px;
-  top: calc(50% - 9px);
-}
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
-  left: calc(50% - 5px);
-  margin-bottom: -9px;
+
+/*! maskedtextbox layout */
+.e-control-wrapper.e-mask .e-maskedtextbox {
+  font-family: "Inter";
+  font-size: 14px;
 }
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-range {
-  width: 6px;
+
+.e-bigger .e-control-wrapper.e-mask .e-maskedtextbox {
+  font-size: 16px;
 }
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-track,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-track {
-  width: 6px;
+
+.e-control-wrapper.e-mask.e-bigger .e-maskedtextbox {
+  font-size: 16px;
 }
-.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-range,
-.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-range {
-  width: 6px;
+
+.e-content-placeholder.e-mask.e-placeholder-mask {
+  background-size: 300px 33px;
+  min-height: 33px;
 }
-.e-bigger .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle,
-.e-control-wrapper.e-slider-container.e-bigger.e-rtl.e-horizontal .e-slider .e-handle {
-  margin: 0 -8px 0 0;
+
+.e-bigger .e-content-placeholder.e-mask.e-placeholder-mask,
+.e-bigger.e-content-placeholder.e-mask.e-placeholder-mask {
+  background-size: 300px 40px;
+  min-height: 40px;
 }
-.e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
-.e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
-  font-size: 14px;
+
+/*! maskedtextbox theme */
+.e-control-wrapper.e-mask.e-error .e-maskedtextbox,
+.e-utility-mask.e-error {
+  color: #dc2626;
 }
 
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
+/* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-tap-highlight-color: transparent;
   -webkit-touch-callout: none;
   -webkit-user-select: none;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   display: inline-block;
   height: 28px;
   line-height: normal;
@@ -4891,12 +4408,55 @@ input.e-input::-webkit-input-placeholder {
   position: relative;
   user-select: none;
 }
+.e-control-wrapper.e-slider-container.e-material-slider .e-slider .e-handle.e-material-handle {
+  cursor: default;
+  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  z-index: 3;
+}
 .e-control-wrapper.e-slider-container::after {
   content: "tailwind";
   display: none;
 }
+.e-control-wrapper.e-slider-container .e-slider {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  cursor: pointer;
+  display: block;
+  outline: 0 none;
+  padding: 0;
+  position: relative;
+}
+.e-control-wrapper.e-slider-container .e-slider .e-handle {
+  border-radius: 10px;
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  cursor: pointer;
+  height: 12px;
+  width: 12px;
+  outline: none;
+  position: absolute;
+  -ms-touch-action: none;
+      touch-action: none;
+  -webkit-transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, -webkit-transform 300ms ease-out;
+  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, -webkit-transform 300ms ease-out;
+  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
+  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out, -webkit-transform 300ms ease-out;
+  z-index: 10;
+}
 .e-control-wrapper.e-slider-container .e-slider .e-handle.e-large-thumb-size {
-  transform: scale(1.5);
+  -webkit-transform: scale(1.5);
+          transform: scale(1.5);
+}
+.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
+  background-color: #4338ca;
+  border: 1px solid #fff;
+  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
+          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
 }
 .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle {
   margin: 0 -6px 0 0;
@@ -4945,8 +4505,8 @@ input.e-input::-webkit-input-placeholder {
   content: "\e765";
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button {
-  margin-top: -12px;
   right: 0;
+  margin-top: -12px;
   top: 50%;
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-second-button .e-button-icon::before {
@@ -4959,18 +4519,18 @@ input.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-slider {
   height: 32px;
+  width: 100%;
   position: relative;
   top: calc(50% - 16px);
-  width: 100%;
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track {
   height: 4px;
+  width: 100%;
   left: 0;
   position: absolute;
-  width: 100%;
+  overflow: hidden;
   background: #e5e7eb;
   border-radius: 4px;
-  overflow: hidden;
   top: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-handle {
@@ -4982,32 +4542,33 @@ input.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-range {
   height: 4px;
+  top: calc(50% - 2px);
   top: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-horizontal .e-limits {
   background-color: rgba(107, 114, 128, 0.75);
-  height: 4px;
   position: absolute;
+  height: 4px;
   top: calc(50% - 4px);
 }
 .e-control-wrapper.e-slider-container.e-vertical {
   height: inherit;
-  padding: 28px 0;
   width: 48px;
+  padding: 28px 0;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider {
   height: 100%;
+  width: 32px;
   left: calc(50% - 16px);
   position: relative;
-  width: 32px;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider-track {
   background: #e5e7eb;
   bottom: 0;
   height: 100%;
   position: absolute;
-  left: 50%;
   overflow: hidden;
+  left: 50%;
   width: 4px;
   border-radius: 4px;
 }
@@ -5026,13 +4587,13 @@ input.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-first-button .e-button-icon::before {
   font-size: 18px;
-  color: #6b7280;
   content: "\e729";
+  color: #6b7280;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button {
+  top: 0;
   margin-right: -12px;
   right: 50%;
-  top: 0;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-second-button .e-button-icon::before {
   font-size: 18px;
@@ -5048,53 +4609,21 @@ input.e-input::-webkit-input-placeholder {
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range {
   left: 50%;
-  width: 4px;
 }
 .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-limits {
   background-color: rgba(107, 114, 128, 0.75);
-  left: 50%;
   position: absolute;
   width: 4px;
+  left: 50%;
 }
 .e-control-wrapper.e-slider-container .e-range {
   border-radius: 4px;
   position: absolute;
+  -webkit-transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
   transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, width 300ms ease-out, height 300ms ease-out;
 }
-.e-control-wrapper.e-slider-container .e-range.e-drag-horizontal {
-  cursor: pointer;
-}
-.e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
-  cursor: pointer;
-}
-.e-control-wrapper.e-slider-container .e-slider {
-  box-sizing: border-box;
-  cursor: pointer;
-  display: block;
-  outline: 0 none;
-  padding: 0;
-  position: relative;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle {
-  border-radius: 10px;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
-  box-sizing: border-box;
+.e-control-wrapper.e-slider-container .e-range.e-drag-horizontal, .e-control-wrapper.e-slider-container .e-range.e-drag-vertical {
   cursor: pointer;
-  height: 12px;
-  outline: none;
-  position: absolute;
-  -ms-touch-action: none;
-      touch-action: none;
-  transition: left 300ms ease-out, right 300ms ease-out, bottom 300ms ease-out, transform 300ms ease-out;
-  width: 12px;
-  z-index: 10;
-}
-.e-control-wrapper.e-slider-container .e-slider .e-handle.e-tab-handle {
-  /* stylelint-disable */
-  background-color: #4338ca;
-  border: 1px solid #fff;
-  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95), 0 0 0 4px #4f46e5;
-  /* stylelint-enable */
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-h-scale .e-tick {
   height: 6px;
@@ -5105,12 +4634,12 @@ input.e-input::-webkit-input-placeholder {
   top: -13px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-tick {
-  left: 1px;
   width: 6px;
+  left: 1px;
 }
 .e-control-wrapper.e-slider-container .e-tick-before.e-scale.e-v-scale .e-large {
-  left: -2px;
   width: 10px;
+  left: -2px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-h-scale .e-tick {
   height: 6px;
@@ -5121,12 +4650,12 @@ input.e-input::-webkit-input-placeholder {
   top: 12px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-tick {
-  left: 21px;
   width: 6px;
+  left: 21px;
 }
 .e-control-wrapper.e-slider-container .e-tick-after.e-scale.e-v-scale .e-large {
-  left: 21px;
   width: 10px;
+  left: 21px;
 }
 .e-control-wrapper.e-slider-container.e-scale-before .e-scale.e-v-scale {
   right: 9px;
@@ -5143,17 +4672,19 @@ input.e-input::-webkit-input-placeholder {
   top: -12px;
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-tick {
-  left: 6px;
   width: 16px;
+  left: 6px;
 }
 .e-control-wrapper.e-slider-container .e-tick-both.e-scale.e-v-scale .e-large {
-  left: 3px;
   width: 24px;
+  left: 3px;
 }
 .e-control-wrapper.e-slider-container .e-scale {
-  box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+          box-sizing: content-box;
   font-family: "Inter";
   height: 28px;
+  width: 100%;
   line-height: normal;
   list-style: none outside none;
   margin: 0;
@@ -5161,7 +4692,6 @@ input.e-input::-webkit-input-placeholder {
   padding: 0;
   position: absolute;
   top: 12px;
-  width: 100%;
   z-index: 1;
   font-size: 12px;
   margin-top: -2px;
@@ -5172,6 +4702,7 @@ input.e-input::-webkit-input-placeholder {
   outline: none;
   position: relative;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   background-position: center center;
@@ -5186,93 +4717,261 @@ input.e-input::-webkit-input-placeholder {
   outline: none;
   position: absolute;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   line-height: 18px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale {
-  height: 100%;
-  left: calc(50% - 12px);
-  top: 0;
-  width: 28px;
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale {
+  height: 100%;
+  width: 28px;
+  left: calc(50% - 12px);
+  top: 0;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
+  background-repeat: repeat-x;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
+  background-position-y: center;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
+  background-position-y: bottom;
+  margin-top: 2px;
+  margin-top: 3px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-after {
+  top: 3px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-before {
+  top: 15px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
+  display: inline-block;
+  background-repeat: repeat-y;
+  height: 100%;
+  top: 0;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
+  top: -18px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after, .e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
+  bottom: -20px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
+  background-position: left center;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
+  background-position: right center;
+}
+.e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale {
+  top: 15px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale.e-tick-after {
+  left: calc(50% - 17px);
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale.e-tick-before {
+  left: calc(50% - 7px);
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
+  right: 17px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
+  left: 19px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
+  right: 44px;
+}
+.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
+  left: 42px;
+}
+
+.e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
+  padding: 2px 4px;
+  text-align: center;
+}
+
+.e-slider-horizantal-color {
+  height: 100%;
+  top: 0;
+  position: absolute;
+}
+
+.e-slider-vertical-color {
+  position: absolute;
+  width: 100%;
+  left: -1px;
+}
+
+.e-bigger .e-slider-tooltip.e-tooltip-wrap.e-popup .e-tip-content {
+  padding: 2px 4px;
+}
+
+.e-bigger .e-control-wrapper.e-slider-container .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger .e-slider .e-handle {
+  height: 16px;
+  width: 16px;
+}
+.e-bigger .e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-after,
+.e-control-wrapper.e-slider-container.e-bigger .e-scale.e-h-scale.e-tick-after {
+  top: 7px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button,
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-second-button, .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-first-button,
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-second-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-first-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-second-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-first-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-second-button {
+  border-radius: 12px;
+  height: 24px;
+  width: 24px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-first-button .e-button-icon::before,
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-button.e-second-button .e-button-icon::before, .e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-first-button .e-button-icon::before,
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button.e-second-button .e-button-icon::before,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-first-button .e-button-icon::before,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-button.e-second-button .e-button-icon::before,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-first-button .e-button-icon::before,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button.e-second-button .e-button-icon::before {
+  font-size: 22px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-range,
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-limits,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-scale-both .e-range,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-limits {
+  height: 6px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-track {
+  border-radius: 6px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-first-button,
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-second-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-first-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-second-button {
+  margin-top: -14px;
+}
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-both.e-scale.e-h-scale .e-tick,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-both.e-scale.e-h-scale .e-tick {
+  height: 22px;
+  top: -19px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick {
-  background-repeat: repeat-x;
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-both.e-scale.e-h-scale .e-large,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-both.e-scale.e-h-scale .e-large {
+  height: 30px;
+  top: -16px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-first-tick {
-  background-position-y: center;
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-before.e-scale.e-h-scale .e-tick,
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-before.e-scale.e-h-scale .e-tick,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-tick {
+  height: 8px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick.e-last-tick {
-  background-position-y: bottom;
-  margin-top: 2px;
-  margin-top: 3px;
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-before.e-scale.e-h-scale .e-large,
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-before.e-scale.e-h-scale .e-large,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-tick-after.e-scale.e-h-scale .e-large {
+  height: 12px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-after {
-  top: 3px;
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-scale-both .e-scale {
+  top: 17px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale.e-tick-before {
-  top: 15px;
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal.e-slider-btn,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal.e-slider-btn {
+  padding: 0 36px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick {
-  display: inline-block;
-  background-repeat: repeat-y;
-  height: 100%;
-  top: 0;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-scale-both .e-range,
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-range,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-scale-both .e-range,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-range {
+  width: 6px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-before {
-  top: -18px;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-track,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-track {
+  border-radius: 6px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-after {
-  bottom: -20px;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical.e-slider-btn,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical.e-slider-btn {
+  padding: 36px 0;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both {
-  bottom: -20px;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-button,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-button {
+  margin-right: -15px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick .e-tick-value.e-tick-both:first-child {
-  top: -18px;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale.e-v-scale .e-tick,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale.e-v-scale .e-tick {
+  width: 22px;
+  left: 4px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-first-tick {
-  background-position: left center;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-both.e-scale.e-v-scale .e-large,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-both.e-scale.e-v-scale .e-large {
+  width: 30px;
+  left: 0;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-h-scale .e-tick.e-last-tick {
-  background-position: right center;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-before.e-scale.e-v-scale .e-tick,
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-after.e-scale.e-v-scale .e-tick,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-before.e-scale.e-v-scale .e-tick,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-after.e-scale.e-v-scale .e-tick {
+  width: 8px;
 }
-.e-control-wrapper.e-slider-container.e-horizontal.e-scale-both .e-scale {
-  top: 15px;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-before.e-scale.e-v-scale .e-large,
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-tick-after.e-scale.e-v-scale .e-large,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-before.e-scale.e-v-scale .e-large,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-tick-after.e-scale.e-v-scale .e-large {
+  width: 12px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale.e-tick-after {
-  left: calc(50% - 17px);
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider-track,
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-range,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider-track,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-range {
+  height: 6px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale.e-tick-before {
-  left: calc(50% - 7px);
+.e-bigger .e-control-wrapper.e-slider-container.e-horizontal .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger.e-horizontal .e-slider .e-handle {
+  margin-left: -9px;
+  top: calc(50% - 9px);
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-before {
-  right: 17px;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-handle {
+  left: calc(50% - 5px);
+  margin-bottom: -9px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-after {
-  left: 19px;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider .e-range,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider .e-range {
+  width: 6px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both {
-  right: 44px;
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-slider-track,
+.e-bigger .e-control-wrapper.e-slider-container.e-vertical .e-range,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-slider-track,
+.e-control-wrapper.e-slider-container.e-bigger.e-vertical .e-range {
+  width: 6px;
 }
-.e-control-wrapper.e-slider-container .e-scale.e-v-scale .e-tick .e-tick-value.e-tick-both:first-child {
-  left: 42px;
+.e-bigger .e-control-wrapper.e-slider-container.e-rtl.e-horizontal .e-slider .e-handle,
+.e-control-wrapper.e-slider-container.e-bigger.e-rtl.e-horizontal .e-slider .e-handle {
+  margin: 0 -8px 0 0;
+}
+.e-bigger .e-control-wrapper.e-slider-container .e-scale .e-tick .e-tick-value,
+.e-control-wrapper.e-slider-container.e-bigger .e-scale .e-tick .e-tick-value {
+  font-size: 14px;
 }
 
-/*! component theme */
+/* stylelint-enable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container .e-slider-button {
   background-color: #fff;
   border: 1px solid #d1d5db;
-  border-radius: 10px;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-  height: 20px;
-  width: 20px;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   outline: none;
-  padding: 0;
   position: absolute;
+  height: 20px;
+  width: 20px;
+  border-radius: 10px;
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  padding: 0;
 }
 .e-control-wrapper.e-slider-container:not(.e-disabled) .e-slider-button:hover {
   background-color: #f3f4f6;
@@ -5308,8 +5007,6 @@ input.e-input::-webkit-input-placeholder {
   background: #e5e7eb;
   border-color: #e5e7eb;
 }
-
-/* stylelint-disable property-no-vendor-prefix */
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -5338,8 +5035,7 @@ input.e-input::-webkit-input-placeholder {
   padding-left: 32px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
+/* stylelint-disable-line no-empty-source */
 .e-input-group.e-multi-line-input.e-auto-width {
   width: auto;
 }
@@ -5353,7 +5049,7 @@ input.e-input::-webkit-input-placeholder {
 .e-input-group.e-multi-line-input textarea.e-resize-xy {
   resize: both;
 }
-.e-input-group.e-multi-line-input textarea.e-resize-none {
+.e-input-group.e-multi-line-input textarea.e-textarea.e-resize-none {
   resize: none;
 }
 
@@ -5373,19 +5069,43 @@ input.e-input::-webkit-input-placeholder {
 }
 
 /* stylelint-disable property-no-vendor-prefix */
+@-webkit-keyframes material-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
 @keyframes material-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
+    transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@-webkit-keyframes fabric-spinner-rotate {
+  0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @keyframes fabric-spinner-rotate {
   0% {
+    -webkit-transform: rotate(0);
     transform: rotate(0);
   }
   100% {
+    -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
@@ -5483,7 +5203,8 @@ input.e-input::-webkit-input-placeholder {
   top: -36px;
 }
 .e-bigger .e-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   font-size: 22px;
   height: 24px;
   margin: 16px;
@@ -5540,7 +5261,8 @@ input.e-input::-webkit-input-placeholder {
   right: initial;
 }
 .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-play-btn.e-icons, .e-bigger .e-upload.e-rtl .e-upload-files .e-upload-file-list .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   left: 0;
   margin-left: 15px;
   margin-right: 15px;
@@ -5593,7 +5315,8 @@ input.e-input::-webkit-input-placeholder {
   color: #dc2626;
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   top: 38px;
 }
 .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-bigger .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -5697,7 +5420,8 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons,
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons,
 .e-bigger.e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   top: 42px;
 }
 .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled,
@@ -5822,16 +5546,20 @@ input.e-input::-webkit-input-placeholder {
 .e-bigger.e-small .e-upload .e-upload-files .e-file-pause-btn.e-icons,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-play-btn.e-icons,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-reload-btn.e-icons {
-  -ms-flex-align: center;
-      align-items: center;
-  box-sizing: border-box;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 18px;
   height: 20px;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   margin: 12px;
   margin-top: -9px;
   padding: 10px;
@@ -5884,7 +5612,8 @@ input.e-input::-webkit-input-placeholder {
   background-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
   border-radius: 50%;
-  box-shadow: 0 0 0 transparent;
+  -webkit-box-shadow: 0 0 0 transparent;
+          box-shadow: 0 0 0 transparent;
 }
 .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,
 .e-bigger.e-small .e-upload .e-upload-files .e-file-remove-btn.e-icons:not(.e-upload-progress):focus,
@@ -6112,7 +5841,8 @@ input.e-input::-webkit-input-placeholder {
   color: #dc2626;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-abort-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-reload-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-play-btn.e-icons, .e-small .e-upload.e-form-upload .e-upload-files .e-file-pause-btn.e-icons {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   top: 42px;
 }
 .e-small .e-upload.e-form-upload .e-upload-files .e-file-remove-btn.e-icons.e-disabled, .e-small .e-upload.e-form-upload .e-upload-files .e-file-delete-btn.e-icons.e-disabled {
@@ -6184,7 +5914,8 @@ input.e-input::-webkit-input-placeholder {
 .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-color: rgba(0, 0, 0, 0.12);
   border-color: transparent;
-  box-shadow: 0 0 0 transparent;
+  -webkit-box-shadow: 0 0 0 transparent;
+          box-shadow: 0 0 0 transparent;
 }
 
 .e-upload-drag-hover {
@@ -6196,7 +5927,8 @@ input.e-input::-webkit-input-placeholder {
   -webkit-tap-highlight-color: transparent;
   background-color: #fff;
   border-color: #d1d5db;
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
   color: #374151;
 }
 
@@ -6207,8 +5939,6 @@ input.e-input::-webkit-input-placeholder {
   color: #fff;
 }
 
-/* stylelint-disable-line no-empty-source */
-/* stylelint-disable property-no-vendor-prefix */
 .e-container .e-value-switch-btn::before {
   content: "\e748";
 }
@@ -6219,6 +5949,7 @@ input.e-input::-webkit-input-placeholder {
   line-height: 0;
   outline: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -6255,7 +5986,8 @@ input.e-input::-webkit-input-placeholder {
 }
 .e-colorpicker-wrapper *,
 .e-colorpicker-container * {
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 }
 .e-colorpicker-wrapper.e-disabled .e-palette .e-tile,
 .e-colorpicker-container.e-disabled .e-palette .e-tile {
@@ -6264,7 +5996,8 @@ input.e-input::-webkit-input-placeholder {
 .e-colorpicker-wrapper.e-disabled .e-palette .e-tile:hover,
 .e-colorpicker-container.e-disabled .e-palette .e-tile:hover {
   border: 0;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 .e-colorpicker-wrapper.e-disabled .e-palette .e-tile.e-selected,
 .e-colorpicker-container.e-disabled .e-palette .e-tile.e-selected {
@@ -6355,9 +6088,11 @@ body.e-colorpicker-overflow {
   line-height: 0;
   outline: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }
 .e-container.e-color-picker {
   width: 341px;
@@ -6387,6 +6122,7 @@ body.e-colorpicker-overflow {
   line-height: 0;
   outline: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -6396,7 +6132,8 @@ body.e-colorpicker-overflow {
 }
 .e-container .e-palette .e-tile {
   border: 0.5px solid transparent;
-  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
   cursor: pointer;
   display: inline-block;
   height: 27px;
@@ -6409,7 +6146,8 @@ body.e-colorpicker-overflow {
   position: relative;
 }
 .e-container .e-palette .e-tile:hover {
-  box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
+  -webkit-box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
+          box-shadow: 2px 2px 7px 2px rgba(229, 231, 235, 0.3);
   position: relative;
 }
 .e-container .e-palette .e-tile.e-nocolor-item {
@@ -6423,13 +6161,15 @@ body.e-colorpicker-overflow {
       touch-action: none;
 }
 .e-container .e-hsv-container .e-hsv-color {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, left top, right top, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
   height: 232px;
 }
 .e-container .e-hsv-container .e-handler {
   border: 1px solid #fff;
   border-radius: 6px;
-  box-shadow: 0 0 3px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.7);
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.7);
+          box-shadow: 0 0 3px rgba(0, 0, 0, 0.7), inset 0 0 2px rgba(0, 0, 0, 0.7);
   cursor: pointer;
   display: inline-block;
   height: 8px;
@@ -6439,6 +6179,7 @@ body.e-colorpicker-overflow {
   -ms-touch-action: none;
       touch-action: none;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 8px;
@@ -6460,7 +6201,7 @@ body.e-colorpicker-overflow {
   top: calc(50% - 9px);
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-slider-track {
-  height: 8px;
+  height: 8px !important; /* stylelint-disable-line declaration-no-important */
   top: calc(50% - 3px);
   border-radius: 6px;
 }
@@ -6475,9 +6216,11 @@ body.e-colorpicker-overflow {
   cursor: pointer;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider-container .e-handle.e-large-thumb-size {
-  transform: scale(1);
+  -webkit-transform: scale(1);
+          transform: scale(1);
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-hue-slider .e-slider-track {
+  background: -webkit-gradient(linear, left top, right top, color-stop(0, #f00), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), to(#ff0004));
   background: linear-gradient(to right, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-opacity-slider .e-slider-track {
@@ -6496,7 +6239,8 @@ body.e-colorpicker-overflow {
   border-radius: 6px;
 }
 .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-hue-slider .e-handle-start, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle, .e-container .e-slider-preview .e-colorpicker-slider .e-slider.e-opacity-slider .e-handle-start {
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
 }
 .e-container .e-slider-preview .e-preview-container {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
@@ -6526,12 +6270,15 @@ body.e-colorpicker-overflow {
   top: 18px;
 }
 .e-container .e-selected-value {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding: 0 8px 12px 8px;
   -webkit-user-select: none;
+     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   width: 100%;
@@ -6585,7 +6332,6 @@ body.e-colorpicker-overflow {
   float: right;
   text-align: right;
   white-space: nowrap;
-  width: 89.913%;
   width: 86.913%;
 }
 .e-container .e-switch-ctrl-btn .e-ctrl-btn .e-btn {
@@ -6608,7 +6354,8 @@ body.e-colorpicker-overflow {
   white-space: nowrap;
 }
 .e-container .e-switch-ctrl-btn .e-mode-switch-btn:focus {
-  box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 0 2px 3px rgba(0, 0, 0, 0.2);
 }
 .e-container .e-value-switch-btn, .e-container .e-mode-switch-btn {
   background-color: transparent;
@@ -6619,7 +6366,8 @@ body.e-colorpicker-overflow {
 }
 .e-container.e-color-picker .e-value-switch-btn:focus, .e-container.e-color-picker .e-value-switch-btn:hover, .e-container.e-color-picker .e-value-switch-btn:active {
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   outline: none;
 }
 .e-container.e-color-picker .e-value-switch-btn:focus {
@@ -6686,9 +6434,11 @@ body.e-colorpicker-overflow {
 }
 
 .e-rtl .e-container .e-hsv-container .e-hsv-color {
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0)), to(#000)), -webkit-gradient(linear, right top, left top, color-stop(0, #fff), to(rgba(255, 255, 255, 0)));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to left, #fff 0, rgba(255, 255, 255, 0) 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-hue-slider .e-slider-track {
+  background: -webkit-gradient(linear, right top, left top, color-stop(0, #f00), color-stop(16%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(84%, #f0f), to(#ff0004));
   background: linear-gradient(to left, #f00 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%);
 }
 .e-rtl .e-container .e-slider-preview .e-preview-container {
@@ -6703,7 +6453,8 @@ body.e-colorpicker-overflow {
   padding-right: 0;
 }
 .e-rtl .e-container .e-selected-value .e-value-switch-btn {
-  transform: rotate(180deg);
+  -webkit-transform: rotate(180deg);
+          transform: rotate(180deg);
 }
 .e-rtl .e-container .e-switch-ctrl-btn .e-mode-switch-btn {
   float: right;
@@ -6724,6 +6475,9 @@ body.e-colorpicker-overflow {
   margin-left: 0;
 }
 
+.e-bigger .e-container .e-switch-ctrl-btn .e-ctrl-btn {
+  margin: 2px 0;
+}
 .e-bigger .e-container.e-color-picker {
   width: 462px;
 }
@@ -6896,11 +6650,16 @@ body.e-colorpicker-overflow {
   border-bottom-right-radius: 0%;
   border-top-left-radius: 50%;
   border-top-right-radius: 50%;
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
   cursor: pointer;
   min-width: 26px;
-  transform: translateY(18px) rotate(45deg) scale(0.01);
+  -webkit-transform: translateY(18px) rotate(45deg) scale(0.01);
+          transform: translateY(18px) rotate(45deg) scale(0.01);
+  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
   transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 .e-popup.e-tooltip-wrap.e-color-picker-tooltip .e-tip-content {
   background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNnB4IiBoZWlnaHQ9IjZweCIgdmlld0JveD0iMCAwIDYgNiIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggNTAgKDU0OTgzKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5Hcm91cCA5PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwLTkiPgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExIiBmaWxsPSIjRTBFMEUwIiB4PSIwIiB5PSIwIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weS0yIiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIzIiB3aWR0aD0iMyIgaGVpZ2h0PSIzIj48L3JlY3Q+CiAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtMTEtQ29weSIgZmlsbD0iI0ZGRkZGRiIgeD0iMyIgeT0iMCIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlLTExLUNvcHktMyIgZmlsbD0iI0UwRTBFMCIgeD0iMyIgeT0iMyIgd2lkdGg9IjMiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+");
@@ -6908,7 +6667,8 @@ body.e-colorpicker-overflow {
   border-radius: 50%;
   height: 24px;
   position: relative;
-  transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+          transform: rotate(45deg);
   width: 24px;
 }
 
@@ -6943,7 +6703,8 @@ body.e-colorpicker-overflow {
 .e-container .e-handler.e-hide-handler, .e-container .e-handle.e-hide-handler {
   background-color: transparent;
   border-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
 }
 
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle:not(.e-tab-handle), .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle:not(.e-tab-handle) {
@@ -6959,7 +6720,8 @@ body.e-colorpicker-overflow {
 .e-container .e-control-wrapper.e-slider-container .e-slider.e-hue-slider .e-handle.e-tab-handle, .e-container .e-control-wrapper.e-slider-container .e-slider.e-opacity-slider .e-handle.e-tab-handle {
   background-color: transparent;
   border-color: #0e7490;
-  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+  -webkit-box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
+          box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.95);
 }
 
 .e-colorpicker-wrapper.e-disabled .e-value-switch-btn, .e-colorpicker-wrapper.e-disabled .e-mode-switch-btn,
@@ -6985,7 +6747,8 @@ body.e-colorpicker-overflow {
 .e-colorpicker-container .e-icon-btn:disabled,
 .e-colorpicker-container .e-icon-btn.e-disabled {
   background-color: transparent;
-  box-shadow: none;
+  -webkit-box-shadow: none;
+          box-shadow: none;
   border-color: #e5e7eb;
 }
 
@@ -6995,20 +6758,26 @@ body.e-colorpicker-overflow {
 }
 
 .e-rating-container {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  min-width: -webkit-max-content;
+  min-width: -moz-max-content;
   min-width: max-content;
 }
 .e-rating-container .e-rating {
   display: none;
 }
 .e-rating-container .e-rating-item-list {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   padding: 0;
@@ -7041,8 +6810,12 @@ body.e-colorpicker-overflow {
   display: block;
 }
 .e-rating-container.e-rating-animation.e-touch-select:not(.e-disabled) .e-rating-item-container.e-rating-focus .e-rating-item, .e-rating-container.e-rating-animation:not(.e-disabled, .e-rating-touch) .e-rating-item-container:hover .e-rating-item {
+  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
   transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  transform: scale(1.4);
+  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  -webkit-transform: scale(1.4);
+          transform: scale(1.4);
   pointer-events: none;
 }
 .e-rating-container.e-disabled {
@@ -7100,23 +6873,29 @@ body.e-colorpicker-overflow {
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip {
   display: none;
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
   left: 50%;
   top: -8px;
-  transform: translate(-50%, -100%);
+  -webkit-transform: translate(-50%, -100%);
+          transform: translate(-50%, -100%);
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip.e-show-tooltip {
+  display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-tip-content {
+  width: -webkit-max-content;
+  width: -moz-max-content;
   width: max-content;
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip.e-tip-bottom {
   left: 50%;
   top: 100%;
-  transform: translate(-50%, 0);
+  -webkit-transform: translate(-50%, 0);
+          transform: translate(-50%, 0);
 }
 .e-rating-container .e-tooltip-wrap.e-rating-tooltip .e-arrow-tip-inner.e-tip-bottom {
   top: -6px;
@@ -7213,6 +6992,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, left top, right top, from(#111827), to(transparent));
   background: linear-gradient(to right, #111827 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7224,6 +7004,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #4f46e5;
 }
 .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, left top, right top, from(#4f46e5), to(transparent));
   background: linear-gradient(to right, #4f46e5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7232,6 +7013,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #4f46e5;
 }
 .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
+  background: -webkit-gradient(linear, left top, right top, from(#251bc3), to(transparent));
   background: linear-gradient(to right, #251bc3 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7240,6 +7022,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #251bc3;
 }
 .e-rating-container.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#111827), to(transparent));
   background: linear-gradient(to left, #111827 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7247,6 +7030,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list:hover .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#4f46e5), to(transparent));
   background: linear-gradient(to left, #4f46e5 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7254,6 +7038,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-selected:active .e-rating-icon, .e-rating-container.e-rtl .e-rating-item-list .e-rating-item-container.e-rating-intermediate:active .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#251bc3), to(transparent));
   background: linear-gradient(to left, #251bc3 var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7267,6 +7052,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #e5e7eb;
 }
 .e-rating-container.e-disabled .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, left top, right top, from(#9ca3af), to(transparent));
   background: linear-gradient(to right, #9ca3af var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7275,6 +7061,7 @@ body.e-colorpicker-overflow {
   -webkit-text-stroke: 1px #9ca3af;
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#e5e7eb), to(transparent));
   background: linear-gradient(to left, #e5e7eb var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7282,6 +7069,7 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-selected .e-rating-icon, .e-rating-container.e-disabled.e-rtl .e-rating-item-container.e-rating-intermediate .e-rating-icon {
+  background: -webkit-gradient(linear, right top, left top, from(#9ca3af), to(transparent));
   background: linear-gradient(to left, #9ca3af var(--rating-value), transparent var(--rating-value));
   background-clip: text;
   /* stylelint-disable property-no-vendor-prefix */
@@ -7301,7 +7089,6 @@ body.e-colorpicker-overflow {
   font-weight: 500;
 }
 .e-data-form .e-form-layout {
-  display: -ms-grid;
   display: grid;
 }
 .e-data-form .e-grid-col-2 {
@@ -7349,82 +7136,64 @@ body.e-colorpicker-overflow {
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
 .e-data-form .e-colspan-1 {
-  -ms-grid-column-span: 1;
-  -ms-grid-column: span 1;
-      grid-column: span 1/span 1;
+  grid-column: span 1/span 1;
 }
 .e-data-form .e-colspan-2 {
-  -ms-grid-column-span: 2;
-  -ms-grid-column: span 2;
-      grid-column: span 2/span 2;
+  grid-column: span 2/span 2;
 }
 .e-data-form .e-colspan-3 {
-  -ms-grid-column-span: 3;
-  -ms-grid-column: span 3;
-      grid-column: span 3/span 3;
+  grid-column: span 3/span 3;
 }
 .e-data-form .e-colspan-4 {
-  -ms-grid-column-span: 4;
-  -ms-grid-column: span 4;
-      grid-column: span 4/span 4;
+  grid-column: span 4/span 4;
 }
 .e-data-form .e-colspan-5 {
-  -ms-grid-column-span: 5;
-  -ms-grid-column: span 5;
-      grid-column: span 5/span 5;
+  grid-column: span 5/span 5;
 }
 .e-data-form .e-colspan-6 {
-  -ms-grid-column-span: 6;
-  -ms-grid-column: span 6;
-      grid-column: span 6/span 6;
+  grid-column: span 6/span 6;
 }
 .e-data-form .e-colspan-7 {
-  -ms-grid-column-span: 7;
-  -ms-grid-column: span 7;
-      grid-column: span 7/span 7;
+  grid-column: span 7/span 7;
 }
 .e-data-form .e-colspan-8 {
-  -ms-grid-column-span: 8;
-  -ms-grid-column: span 8;
-      grid-column: span 8/span 8;
+  grid-column: span 8/span 8;
 }
 .e-data-form .e-colspan-9 {
-  -ms-grid-column-span: 9;
-  -ms-grid-column: span 9;
-      grid-column: span 9/span 9;
+  grid-column: span 9/span 9;
 }
 .e-data-form .e-colspan-10 {
-  -ms-grid-column-span: 10;
-  -ms-grid-column: span 10;
-      grid-column: span 10/span 10;
+  grid-column: span 10/span 10;
 }
 .e-data-form .e-colspan-11 {
-  -ms-grid-column-span: 11;
-  -ms-grid-column: span 11;
-      grid-column: span 11/span 11;
+  grid-column: span 11/span 11;
 }
 .e-data-form .e-colspan-12 {
-  -ms-grid-column-span: 12;
-  -ms-grid-column: span 12;
-      grid-column: span 12/span 12;
+  grid-column: span 12/span 12;
 }
 .e-data-form .e-label-position-left .e-form-item-wrapper {
-  -ms-flex: 1 1 auto;
-      flex: 1 1 auto;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 auto;
+          flex: 1 1 auto;
   max-width: calc(75% - 12px);
 }
 .e-data-form .e-label-position-left .e-form-label {
   margin-right: 12px;
   width: 25%;
   text-align: end;
-  -ms-flex-direction: column;
-      flex-direction: column;
-  -ms-flex-align: end;
-      align-items: flex-end;
-  -ms-flex-pack: start;
-      justify-content: flex-start;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-align: end;
+      -ms-flex-align: end;
+          align-items: flex-end;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
 }
 .e-data-form .e-label-position-left .validation-message {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
@@ -7432,6 +7201,7 @@ body.e-colorpicker-overflow {
   border: none;
   padding: 0;
   margin: 0;
+  margin-top: 20px;
 }
 .e-data-form .e-form-group .e-group-title {
   position: relative;
@@ -7451,17 +7221,22 @@ body.e-colorpicker-overflow {
   border-bottom: 1px solid #d1d5db;
 }
 .e-data-form .e-label-position-top {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-direction: column;
-      flex-direction: column;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
   margin-top: 20px;
 }
 .e-data-form .e-label-position-top .e-label-right {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .e-data-form .e-label-position-top .e-label-right .e-switch-wrapper + .e-form-label {
   margin-top: 3px;
@@ -7471,25 +7246,30 @@ body.e-colorpicker-overflow {
   margin-top: 6px;
 }
 .e-data-form .e-label-position-left {
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   text-align: center;
   margin-top: 20px;
 }
 .e-data-form .e-button-left {
-  -ms-flex-pack: start;
-      justify-content: flex-start;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: flex-start;
 }
 .e-data-form .e-button-right {
-  -ms-flex-pack: end;
-      justify-content: flex-end;
+  -webkit-box-pack: end;
+      -ms-flex-pack: end;
+          justify-content: flex-end;
 }
 .e-data-form .e-button-center {
-  -ms-flex-pack: center;
-      justify-content: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
 }
 .e-data-form .e-button-left, .e-data-form .e-button-right, .e-data-form .e-button-center, .e-data-form .e-button-stretch {
   margin-top: 24px;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   gap: 10px;
@@ -7504,10 +7284,6 @@ body.e-colorpicker-overflow {
 .e-data-form > :first-child.e-form-layout {
   margin-top: 0;
 }
-.e-data-form .e-form-group-layout {
-  display: -ms-grid;
-  display: grid;
-}
 
 /*! data-form theme */
 .e-data-form .e-form-label {
@@ -7532,4 +7308,230 @@ body.e-colorpicker-overflow {
 .e-tooltip-wrap.e-popup.e-error-tooltip .e-arrow-tip .e-arrow-tip-outer.e-tip-top, .e-tooltip-wrap.e-popup.e-error-tooltip .e-arrow-tip .e-arrow-tip-inner.e-tip-top {
   border-bottom-color: #fee2e2;
   color: #fee2e2;
+}
+
+.e-otpinput {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 12px;
+  -webkit-box-orient: horizontal;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: row;
+          flex-direction: row;
+}
+.e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 4px;
+}
+.e-otpinput .e-otp-input-field {
+  min-width: 30px;
+  min-height: 30px;
+  text-align: center;
+  padding: 0;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+  border: none;
+}
+.e-otpinput .e-otp-input-fieldinput[type=password], .e-otpinput .e-otp-input-field[type=password] {
+  font-size: 18px;
+}
+.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-otpinput.e-outline .e-otp-input-field {
+  border-radius: 4px;
+}
+.e-otpinput.e-underlined .e-otp-input-field {
+  border-radius: 4px 4px 0 0;
+}
+.e-otpinput.e-filled .e-otp-input-field {
+  border-radius: 4px 4px 0 0;
+  padding: 0;
+}
+.e-otpinput .e-otp-separator {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 22px;
+}
+.e-otpinput input[type=number]::-webkit-inner-spin-button,
+.e-otpinput [type=number]::-webkit-outer-spin-button {
+  /* stylelint-disable property-no-vendor-prefix */
+  -webkit-appearance: none;
+  /* stylelint-enable property-no-vendor-prefix */
+  margin: 0;
+}
+.e-otpinput input[type=number] {
+  /* stylelint-disable property-no-vendor-prefix */
+  -moz-appearance: textfield;
+  /* stylelint-enable property-no-vendor-prefix */
+}
+
+.e-small.e-otpinput,
+.e-small .e-otpinput {
+  gap: 8px;
+}
+.e-small.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-small .e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 4px;
+}
+.e-small.e-otpinput .e-otp-input-field,
+.e-small .e-otpinput .e-otp-input-field {
+  min-width: 26px;
+  min-height: 26px;
+  font-size: 12px;
+  line-height: 16px;
+  padding: 0;
+}
+.e-small.e-otpinput .e-otp-input-fieldinput[type=password], .e-small.e-otpinput .e-otp-input-field[type=password],
+.e-small .e-otpinput .e-otp-input-fieldinput[type=password],
+.e-small .e-otpinput .e-otp-input-field[type=password] {
+  font-size: 18px;
+}
+.e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-small .e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-small.e-otpinput .e-otp-separator,
+.e-small .e-otpinput .e-otp-separator {
+  font-size: 12px;
+  line-height: 16px;
+}
+.e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-small .e-otpinput.e-filled .e-otp-input-field {
+  padding: 0;
+}
+
+.e-bigger.e-otpinput,
+.e-bigger .e-otpinput {
+  gap: 16px;
+}
+.e-bigger.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-bigger .e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 8px;
+}
+.e-bigger.e-otpinput .e-otp-input-field,
+.e-bigger .e-otpinput .e-otp-input-field {
+  min-width: 38px;
+  min-height: 38px;
+  font-size: 16px;
+  line-height: 24px;
+  padding: 0;
+}
+.e-bigger.e-otpinput .e-otp-input-fieldinput[type=password], .e-bigger.e-otpinput .e-otp-input-field[type=password],
+.e-bigger .e-otpinput .e-otp-input-fieldinput[type=password],
+.e-bigger .e-otpinput .e-otp-input-field[type=password] {
+  font-size: 20px;
+}
+.e-bigger.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-bigger .e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-bigger.e-otpinput .e-otp-separator,
+.e-bigger .e-otpinput .e-otp-separator {
+  font-size: 14px;
+  line-height: 22px;
+}
+.e-bigger.e-otpinput.e-filled .e-otp-input-field,
+.e-bigger .e-otpinput.e-filled .e-otp-input-field {
+  padding: 0;
+}
+
+.e-bigger.e-small.e-otpinput,
+.e-bigger.e-small .e-otpinput,
+.e-bigger .e-small.e-otpinput,
+.e-small .e-bigger.e-otpinput {
+  gap: 14px;
+}
+.e-bigger.e-small.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-bigger.e-small .e-otpinput:has(.e-otp-separator):not(:empty),
+.e-bigger .e-small.e-otpinput:has(.e-otp-separator):not(:empty),
+.e-small .e-bigger.e-otpinput:has(.e-otp-separator):not(:empty) {
+  gap: 6px;
+}
+.e-bigger.e-small.e-otpinput .e-otp-input-field,
+.e-bigger.e-small .e-otpinput .e-otp-input-field,
+.e-bigger .e-small.e-otpinput .e-otp-input-field,
+.e-small .e-bigger.e-otpinput .e-otp-input-field {
+  min-width: 34px;
+  min-height: 34px;
+  font-size: 14px;
+  line-height: 22px;
+  padding: 0;
+}
+.e-bigger.e-small.e-otpinput .e-otp-input-fieldinput[type=password], .e-bigger.e-small.e-otpinput .e-otp-input-field[type=password],
+.e-bigger.e-small .e-otpinput .e-otp-input-fieldinput[type=password],
+.e-bigger.e-small .e-otpinput .e-otp-input-field[type=password],
+.e-bigger .e-small.e-otpinput .e-otp-input-fieldinput[type=password],
+.e-bigger .e-small.e-otpinput .e-otp-input-field[type=password],
+.e-small .e-bigger.e-otpinput .e-otp-input-fieldinput[type=password],
+.e-small .e-bigger.e-otpinput .e-otp-input-field[type=password] {
+  font-size: 20px;
+}
+.e-bigger.e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-bigger.e-small .e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-bigger .e-small.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus,
+.e-small .e-bigger.e-otpinput .e-otp-input-field.e-input.e-otp-input-focus:focus {
+  padding-bottom: 0;
+}
+.e-bigger.e-small.e-otpinput .e-otp-separator,
+.e-bigger.e-small .e-otpinput .e-otp-separator,
+.e-bigger .e-small.e-otpinput .e-otp-separator,
+.e-small .e-bigger.e-otpinput .e-otp-separator {
+  font-size: 14px;
+  line-height: 22px;
+}
+.e-bigger.e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-bigger.e-small .e-otpinput.e-filled .e-otp-input-field,
+.e-bigger .e-small.e-otpinput.e-filled .e-otp-input-field,
+.e-small .e-bigger.e-otpinput.e-filled .e-otp-input-field {
+  padding: 0;
+}
+
+.e-otpinput .e-otp-input-field {
+  color: #111827;
+  background: #fff;
+}
+.e-otpinput .e-otp-separator {
+  color: #d1d5db;
+}
+.e-otpinput.e-outline .e-otp-input-field {
+  border: 2px solid #d1d5db;
+}
+.e-otpinput.e-outline .e-otp-input-field, .e-otpinput.e-underlined .e-otp-input-field, .e-otpinput.e-filled .e-otp-input-field {
+  border-bottom: 2px solid #d1d5db;
+}
+.e-otpinput.e-outline .e-otp-input-field:disabled, .e-otpinput.e-underlined .e-otp-input-field:disabled, .e-otpinput.e-filled .e-otp-input-field:disabled {
+  border-color: #f3f4f6;
+  color: #9ca3af;
+}
+.e-otpinput.e-filled .e-otp-input-field {
+  background: #f3f4f6;
+}
+.e-otpinput.e-underlined .e-otp-input-field {
+  background: transparent;
+}
+.e-otpinput.e-error.e-outline .e-otp-input-field,
+.e-otpinput.e-error.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-error.e-underlined .e-otp-input-field,
+.e-otpinput.e-error.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-error.e-filled .e-otp-input-field,
+.e-otpinput.e-error.e-filled .e-otp-input-field.e-otp-input-focus {
+  border-color: #dc2626;
+}
+.e-otpinput.e-success.e-outline .e-otp-input-field,
+.e-otpinput.e-success.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-success.e-underlined .e-otp-input-field,
+.e-otpinput.e-success.e-underlined .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-success.e-filled .e-otp-input-field,
+.e-otpinput.e-success.e-filled .e-otp-input-field.e-otp-input-focus {
+  border-color: #15803d;
+}
+.e-otpinput.e-warning.e-outline .e-otp-input-field,
+.e-otpinput.e-warning.e-outline .e-otp-input-field.e-otp-input-focus, .e-otpinput.e-warning.e-underlined .e-otp-input-field,
+.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: #c2410c;
 }