@syncfusion/ej2-inputs 33.2.12 → 34.1.29

package/styles/tailwind3-lite.css

@@ -6,80 +6,6 @@
 
 
 
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-
-
-
-
-
-
-
-
 /* Font Family */
 /* border */
 /* 0px */
@@ -152,80 +78,6 @@
           box-shadow: 0 8px 10px -6px rgba(var(--color-sf-black), 0.1), 0 20px 25px -5px rgba(var(--color-sf-black), 0.1);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-signature.e-control {
   background-color: var(--color-sf-content-bg-color);
   border: 1px solid;
@@ -305,252 +157,117 @@
   font-family: "e-icons";
 }
 
+/*! input layout */
+.e-input-group,
+.e-input-group.e-control-wrapper {
+  display: table;
+  line-height: 1.4;
+  margin-bottom: 0;
+}
 
+input.e-input,
+.e-input-group input.e-input,
+.e-input-group.e-control-wrapper input.e-input,
+textarea.e-input,
+.e-input-group textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-input {
+  border: 0 solid;
+  border-width: 1px;
+  height: auto;
+  line-height: inherit;
+  margin: 0;
+  margin-bottom: 0;
+  outline: none;
+  padding: 0;
+  text-indent: 8px;
+  width: 100%;
+  letter-spacing: 0;
+}
 
+input.e-input,
+textarea.e-input,
+.e-input-group,
+.e-input-group.e-control-wrapper,
+.e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-disabled {
+  font-family: var(--e-font-family);
+  font-size: 14px;
+  font-weight: normal;
+  -webkit-font-feature-settings: "calt" 0;
+          font-feature-settings: "calt" 0;
+}
 
+.e-input-group input.e-input,
+.e-input-group.e-control-wrapper input.e-input,
+.e-input-group textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-input,
+.e-input-group.e-small .e-input,
+.e-input-group.e-small.e-control-wrapper .e-input,
+.e-small .e-input-group .e-input,
+.e-small .e-input-group.e-control-wrapper .e-input {
+  font: inherit;
+}
 
+input.e-input,
+.e-input-group input.e-input,
+.e-input-group input,
+.e-input-group.e-control-wrapper input.e-input,
+.e-input-group.e-control-wrapper input,
+.e-float-input input,
+.e-float-input.e-input-group input,
+.e-float-input.e-control-wrapper input,
+.e-float-input.e-control-wrapper.e-input-group input,
+input.e-input:focus,
+.e-input-group input.e-input:focus,
+.e-input-group input:focus,
+.e-input-group.e-control-wrapper input.e-input:focus,
+.e-input-group.e-control-wrapper input:focus,
+.e-float-input input:focus,
+.e-float-input.e-input-group input:focus,
+.e-float-input.e-control-wrapper input:focus,
+.e-float-input.e-control-wrapper.e-input-group input:focus,
+.e-input-group.e-input-focus input.e-input,
+.e-input-group.e-input-focus input,
+.e-input-group.e-control-wrapper.e-input-focus input.e-input,
+.e-input-group.e-control-wrapper.e-input-focus input,
+.e-float-input.e-input-focus input,
+.e-float-input.e-input-group.e-input-focus input,
+.e-float-input.e-control-wrapper.e-input-focus input,
+.e-float-input.e-control-wrapper.e-input-group.e-input-focus input {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-filled.e-float-input.e-error label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-danger) !important;
-}
-
-.e-underline.e-input-group.e-control-wrapper,
-.e-underline.e-input-group,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-float-input,
-.e-underline.e-float-input.e-control-wrapper,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid var(--color-sf-border);
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
-.e-filled.e-input-group,
-.e-filled.e-input-group.e-control-wrapper {
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  padding: 0 10px 0 12px;
-}
-
-.e-filled.e-float-input,
-.e-filled.e-float-input.e-control-wrapper {
-  border: 1px solid;
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  border-width: 1px;
-  margin-top: 0;
-  padding: 0;
-}
-
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid;
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
-/*! input layout */
-.e-input-group,
-.e-input-group.e-control-wrapper {
-  display: table;
-  line-height: 1.4;
-  margin-bottom: 0;
-}
-
-input.e-input,
-.e-input-group input.e-input,
-.e-input-group.e-control-wrapper input.e-input,
-textarea.e-input,
-.e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input {
-  border: 0 solid;
-  border-width: 1px;
-  height: auto;
-  line-height: inherit;
-  margin: 0;
-  margin-bottom: 0;
-  outline: none;
-  padding: 0;
-  text-indent: 8px;
-  width: 100%;
-  letter-spacing: 0;
-}
-
-input.e-input,
-textarea.e-input,
-.e-input-group,
-.e-input-group.e-control-wrapper,
-.e-input-group.e-disabled,
-.e-input-group.e-control-wrapper.e-disabled {
-  font-family: var(--e-font-family);
-  font-size: 14px;
-  font-weight: normal;
-  -webkit-font-feature-settings: "calt" 0;
-          font-feature-settings: "calt" 0;
-}
-
-.e-input-group input.e-input,
-.e-input-group.e-control-wrapper input.e-input,
-.e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input,
-.e-input-group.e-small .e-input,
-.e-input-group.e-small.e-control-wrapper .e-input,
-.e-small .e-input-group .e-input,
-.e-small .e-input-group.e-control-wrapper .e-input {
-  font: inherit;
-}
-
-input.e-input,
-.e-input-group input.e-input,
-.e-input-group input,
-.e-input-group.e-control-wrapper input.e-input,
-.e-input-group.e-control-wrapper input,
-.e-float-input input,
-.e-float-input.e-input-group input,
-.e-float-input.e-control-wrapper input,
-.e-float-input.e-control-wrapper.e-input-group input,
-input.e-input:focus,
-.e-input-group input.e-input:focus,
-.e-input-group input:focus,
-.e-input-group.e-control-wrapper input.e-input:focus,
-.e-input-group.e-control-wrapper input:focus,
-.e-float-input input:focus,
-.e-float-input.e-input-group input:focus,
-.e-float-input.e-control-wrapper input:focus,
-.e-float-input.e-control-wrapper.e-input-group input:focus,
-.e-input-group.e-input-focus input.e-input,
-.e-input-group.e-input-focus input,
-.e-input-group.e-control-wrapper.e-input-focus input.e-input,
-.e-input-group.e-control-wrapper.e-input-focus input,
-.e-float-input.e-input-focus input,
-.e-float-input.e-input-group.e-input-focus input,
-.e-float-input.e-control-wrapper.e-input-focus input,
-.e-float-input.e-control-wrapper.e-input-group.e-input-focus input {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-input.e-input,
-.e-input-group input.e-input,
-.e-input-group input,
-.e-input-group.e-control-wrapper input.e-input,
-.e-input-group.e-control-wrapper input,
-.e-float-input input,
-.e-float-input.e-input-group input,
-.e-float-input.e-control-wrapper input,
-.e-float-input.e-control-wrapper.e-input-group input,
-.e-input-group,
-.e-input-group.e-control-wrapper,
-.e-float-input,
-.e-float-input.e-control-wrapper,
-.e-input.e-corner,
-.e-input-group.e-corner.e-rtl input.e-input:only-child,
-.e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child,
-.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: calc(var(--e-radius) * 0.375);
-}
+input.e-input,
+.e-input-group input.e-input,
+.e-input-group input,
+.e-input-group.e-control-wrapper input.e-input,
+.e-input-group.e-control-wrapper input,
+.e-float-input input,
+.e-float-input.e-input-group input,
+.e-float-input.e-control-wrapper input,
+.e-float-input.e-control-wrapper.e-input-group input,
+.e-input-group,
+.e-input-group.e-control-wrapper,
+.e-float-input,
+.e-float-input.e-control-wrapper,
+.e-input.e-corner,
+.e-input-group.e-corner.e-rtl input.e-input:only-child,
+.e-input-group.e-control-wrapper.e-corner.e-rtl input.e-input:only-child,
+.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: calc(var(--e-radius) * 0.375);
+}
 
 .e-input.e-small,
 .e-input-group.e-small,
@@ -3657,156 +3374,21 @@ textarea.e-outline.e-input,
   border-width: 1px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-filled.e-float-input.e-error label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-danger) !important;
-}
-
-.e-underline.e-input-group.e-control-wrapper,
-.e-underline.e-input-group,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-float-input,
-.e-underline.e-float-input.e-control-wrapper,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid var(--color-sf-border);
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
-.e-filled.e-input-group,
-.e-filled.e-input-group.e-control-wrapper {
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  padding: 0 10px 0 12px;
-}
-
-.e-filled.e-float-input,
-.e-filled.e-float-input.e-control-wrapper {
-  border: 1px solid;
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  border-width: 1px;
-  margin-top: 0;
-  padding: 0;
-}
-
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid;
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
-/*! input theme */
-input.e-input,
-.e-input-group input.e-input,
-.e-input-group.e-control-wrapper input.e-input,
-.e-input-group textarea.e-input,
-.e-input-group.e-control-wrapper textarea.e-input,
-textarea.e-input,
-.e-float-input input,
-.e-float-input.e-control-wrapper input,
-.e-float-input textarea,
-.e-float-input.e-control-wrapper textarea {
-  background: var(--color-sf-content-bg-color);
-  border-color: var(--color-sf-border);
-  color: var(--color-sf-content-text-color);
-}
+/*! input theme */
+input.e-input,
+.e-input-group input.e-input,
+.e-input-group.e-control-wrapper input.e-input,
+.e-input-group textarea.e-input,
+.e-input-group.e-control-wrapper textarea.e-input,
+textarea.e-input,
+.e-float-input input,
+.e-float-input.e-control-wrapper input,
+.e-float-input textarea,
+.e-float-input.e-control-wrapper textarea {
+  background: var(--color-sf-content-bg-color);
+  border-color: var(--color-sf-border);
+  color: var(--color-sf-content-text-color);
+}
 
 .e-input-group,
 .e-input-group.e-control-wrapper,
@@ -5318,6 +4900,7 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   color: var(--color-sf-border-warning);
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e776";
   font-family: "e-icons";
@@ -5328,80 +4911,6 @@ textarea.e-filled.e-disabled.e-input::-webkit-input-placeholder,
   font-family: "e-icons";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-numeric-container {
   width: 100%;
 }
@@ -5467,516 +4976,85 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-w
   padding-left: 0;
 }
 
-.e-numeric.e-rtl.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
-.e-numeric.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
-  padding-right: 0;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-filled.e-float-input.e-error label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-filled.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-filled.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-filled.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-danger) !important;
-}
-
-.e-underline.e-input-group.e-control-wrapper,
-.e-underline.e-input-group,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-float-input,
-.e-underline.e-float-input.e-control-wrapper,
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid var(--color-sf-border);
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
-.e-filled.e-input-group,
-.e-filled.e-input-group.e-control-wrapper {
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  padding: 0 10px 0 12px;
-}
-
-.e-filled.e-float-input,
-.e-filled.e-float-input.e-control-wrapper {
-  border: 1px solid;
-  border-radius: calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0.25) calc(var(--e-radius) * 0) calc(var(--e-radius) * 0);
-  border-width: 1px;
-  margin-top: 0;
-  padding: 0;
-}
-
-.e-underline.e-input-group:not(.e-float-icon-left),
-.e-underline.e-input-group.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-error:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-success:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-warning:not(.e-float-icon-left),
-.e-underline.e-input-group.e-control-wrapper.e-error:not(.e-float-icon-left) {
-  border: 1px solid;
-  border-width: 1px;
-  padding-top: 1px;
-  border-radius: calc(var(--e-radius) * 0);
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
-  font-size: 14px;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! maskedtextbox layout */
-.e-control-wrapper.e-mask .e-maskedtextbox {
-  font-family: var(--e-font-family);
-  font-size: 14px;
-}
-
-.e-content-placeholder.e-mask.e-placeholder-mask {
-  background-size: 300px 33px;
-  min-height: 33px;
-}
-
-div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: 19px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
-  top: -15px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: 19px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
-  top: -15px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
-span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  top: 11px;
-}
-div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
-span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
-  top: -8px;
-}
-
-.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  padding-left: 0;
-}
-
-.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
-  padding-right: 0;
-}
-
-.e-mask.e-input-group.e-prepend-wrapper input.e-input {
-  padding-left: 0;
-}
-
-.e-mask.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
-  padding-right: 0;
-}
-
-.e-mask.e-input-group.e-prepend-wrapper input,
-.e-mask.e-input-group.e-append-wrapper input {
-  height: 35px;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! maskedtextbox theme */
-.e-control-wrapper.e-mask.e-error .e-maskedtextbox,
-.e-utility-mask.e-error {
-  color: var(--color-sf-danger);
+.e-numeric.e-rtl.e-input-group.e-prepend-wrapper.e-input-focus input.e-input,
+.e-numeric.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
 }
 
-/* stylelint-disable-line no-empty-source */
+.e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
+  font-size: 14px;
+}
 
+/*! maskedtextbox layout */
+.e-control-wrapper.e-mask .e-maskedtextbox {
+  font-family: var(--e-font-family);
+  font-size: 14px;
+}
 
+.e-content-placeholder.e-mask.e-placeholder-mask {
+  background-size: 300px 33px;
+  min-height: 33px;
+}
 
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 19px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -15px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 19px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-outline.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -15px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  top: 11px;
+}
+div.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top, div.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-prepend-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top,
+span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrapper label.e-float-text.e-label-top {
+  top: -8px;
+}
 
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-left: 0;
+}
 
+.e-mask.e-input-group.e-prepend-wrapper.e-float-input.e-control-wrapper label.e-float-text.e-label-bottom {
+  padding-right: 0;
+}
 
+.e-mask.e-input-group.e-prepend-wrapper input.e-input {
+  padding-left: 0;
+}
 
+.e-mask.e-rtl.e-input-group.e-prepend-wrapper input.e-input {
+  padding-right: 0;
+}
 
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+.e-mask.e-input-group.e-prepend-wrapper input,
+.e-mask.e-input-group.e-append-wrapper input {
+  height: 35px;
+}
 
+/*! maskedtextbox theme */
+.e-control-wrapper.e-mask.e-error .e-maskedtextbox,
+.e-utility-mask.e-error {
+  color: var(--color-sf-danger);
+}
 
+/* stylelint-disable-line no-empty-source */
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -6309,128 +5387,54 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   top: 22px;
 }
 .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-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;
-}
-
-/* stylelint-enable property-no-vendor-prefix */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+  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-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;
+}
 
+/* stylelint-enable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container .e-slider-button {
   background-color: var(--color-sf-secondary-bg-color);
   border: 1px solid var(--color-sf-secondary-border-color);
@@ -6471,81 +5475,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   background: var(--color-sf-primary-light);
 }
 /* stylelint-disable-line no-empty-source */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
   min-height: 33px;
@@ -6870,142 +5799,68 @@ span.e-input-group.e-append-wrapper.e-multi-line-input.e-outline textarea.e-inpu
 span.e-input-group.e-append-wrapper.e-multi-line-input.e-outline.e-input-focus textarea.e-input,
 span.e-input-group.e-append-wrapper.e-multi-line-input.e-outline textarea.e-input:focus {
   padding: 0 1px 5px 12px;
-}
-div.e-input-group.e-append-wrapper.e-rtl .e-append-template,
-span.e-input-group.e-append-wrapper.e-rtl .e-append-template {
-  padding: 9px 8px 9px 10px;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-outline .e-append-template,
-span.e-input-group.e-append-wrapper.e-rtl.e-outline .e-append-template {
-  padding: 9px 8px 9px 10px;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-outline input.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-outline input.e-input:focus, div.e-input-group.e-append-wrapper.e-rtl.e-outline.e-input-focus input.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-outline input.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-outline input.e-input:focus,
-span.e-input-group.e-append-wrapper.e-rtl.e-outline.e-input-focus input.e-input {
-  padding: 10px 12px 9px 0;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-filled .e-append-template,
-span.e-input-group.e-append-wrapper.e-rtl.e-filled .e-append-template {
-  padding: 9px 8px 9px 10px;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .e-append-template,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .e-append-template {
-  padding: 9px 8px 9px 10px;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled.e-input-focus textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input:focus,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled.e-input-focus textarea.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input:focus {
-  padding: 0 12px 5px 1px;
-}
-div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline.e-input-focus textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input:focus,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline.e-input-focus textarea.e-input,
-span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input:focus {
-  padding: 0 12px 5px 1px;
-}
-
-.e-float-input.e-input-group.e-prepend-wrapper.e-append-wrapper label.e-float-text.e-label-top {
-  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-float-input.e-input-group.e-prepend-wrapper label.e-float-text.e-label-top {
-  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-float-input.e-rtl.e-input-group.e-prepend-wrapper.e-append-wrapper label.e-float-text.e-label-top,
-.e-float-input.e-rtl.e-input-group.e-prepend-wrapper label.e-float-text.e-label-top {
-  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
-}
-
-.e-float-input.e-input-group.e-rtl.e-filled.e-prepend-wrapper.e-append-wrapper,
-.e-float-input.e-input-group.e-rtl.e-filled.e-prepend-wrapper,
-.e-float-input.e-input-group.e-rtl.e-filled.e-append-wrapper {
-  padding: 0;
-}
-
-.e-input-group.e-prepend-wrapper.e-input-focus input.e-input {
-  padding-left: 1px;
-}
-
-.e-input-group.e-rtl.e-prepend-wrapper.e-input-focus input.e-input {
-  padding-right: 1px;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+}
+div.e-input-group.e-append-wrapper.e-rtl .e-append-template,
+span.e-input-group.e-append-wrapper.e-rtl .e-append-template {
+  padding: 9px 8px 9px 10px;
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-outline .e-append-template,
+span.e-input-group.e-append-wrapper.e-rtl.e-outline .e-append-template {
+  padding: 9px 8px 9px 10px;
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-outline input.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-outline input.e-input:focus, div.e-input-group.e-append-wrapper.e-rtl.e-outline.e-input-focus input.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-outline input.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-outline input.e-input:focus,
+span.e-input-group.e-append-wrapper.e-rtl.e-outline.e-input-focus input.e-input {
+  padding: 10px 12px 9px 0;
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-filled .e-append-template,
+span.e-input-group.e-append-wrapper.e-rtl.e-filled .e-append-template {
+  padding: 9px 8px 9px 10px;
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .e-append-template,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled .e-append-template {
+  padding: 9px 8px 9px 10px;
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled.e-input-focus textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input:focus,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled.e-input-focus textarea.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-filled textarea.e-input:focus {
+  padding: 0 12px 5px 1px;
+}
+div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline.e-input-focus textarea.e-input, div.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input:focus,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline.e-input-focus textarea.e-input,
+span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.e-input:focus {
+  padding: 0 12px 5px 1px;
+}
+
+.e-float-input.e-input-group.e-prepend-wrapper.e-append-wrapper label.e-float-text.e-label-top {
+  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-float-input.e-input-group.e-prepend-wrapper label.e-float-text.e-label-top {
+  margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.e-float-input.e-rtl.e-input-group.e-prepend-wrapper.e-append-wrapper label.e-float-text.e-label-top,
+.e-float-input.e-rtl.e-input-group.e-prepend-wrapper label.e-float-text.e-label-top {
+  margin-right: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
 
+.e-float-input.e-input-group.e-rtl.e-filled.e-prepend-wrapper.e-append-wrapper,
+.e-float-input.e-input-group.e-rtl.e-filled.e-prepend-wrapper,
+.e-float-input.e-input-group.e-rtl.e-filled.e-append-wrapper {
+  padding: 0;
+}
+
+.e-input-group.e-prepend-wrapper.e-input-focus input.e-input {
+  padding-left: 1px;
+}
+
+.e-input-group.e-rtl.e-prepend-wrapper.e-input-focus input.e-input {
+  padding-right: 1px;
+}
 
 .e-input-group.e-multi-line-input.e-auto-width {
   width: auto;
@@ -7517,47 +6372,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   top: -30px;
 }
 
-/* stylelint-disable property-no-vendor-prefix */
-@-webkit-keyframes material-spinner-rotate {
-  0% {
-    -webkit-transform: rotate(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);
-  }
-}
 .e-upload .e-upload-files .e-file-remove-btn.e-icons::before {
   content: "\e7e7";
 }
@@ -7591,80 +6405,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   right: 12px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-upload {
   width: 100%;
 }
@@ -8037,106 +6777,32 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-name.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-type.e-error, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status.e-error {
   color: var(--color-sf-danger);
 }
-.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
-  color: var(--color-sf-content-text-color-alt2);
-  display: block;
-  font-size: 12px;
-  line-height: 1.5;
-  padding-bottom: 0;
-  padding-top: 4px;
-  position: relative;
-}
-.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
-  color: var(--color-sf-danger);
-}
-.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
-  color: var(--color-sf-danger);
-}
-.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 {
-  -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 {
-  color: var(--color-sf-icon-color-disabled);
-  cursor: not-allowed;
-  opacity: 0.4;
-  pointer-events: none;
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
+.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-status, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list .e-file-container .e-file-information {
+  color: var(--color-sf-content-text-color-alt2);
+  display: block;
+  font-size: 12px;
+  line-height: 1.5;
+  padding-bottom: 0;
+  padding-top: 4px;
+  position: relative;
+}
+.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid {
+  color: var(--color-sf-danger);
+}
+.e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-name, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-type, .e-small .e-upload.e-form-upload .e-upload-files .e-upload-file-list.e-file-invalid .e-file-status {
+  color: var(--color-sf-danger);
+}
+.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 {
+  -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 {
+  color: var(--color-sf-icon-color-disabled);
+  cursor: not-allowed;
+  opacity: 0.4;
+  pointer-events: none;
+}
 
 .e-upload {
   border: 1px dashed var(--color-sf-border-dark);
@@ -8212,80 +6878,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   content: "\e748";
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-colorpicker-wrapper,
 .e-colorpicker-container {
   display: inline-block;
@@ -8854,80 +7446,6 @@ body.e-colorpicker-overflow {
   width: 100%;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-container {
   background-color: var(--color-sf-flyout-bg-color);
 }
@@ -8983,89 +7501,15 @@ body.e-colorpicker-overflow {
 }
 .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled,
 .e-colorpicker-container .e-icon-btn:disabled,
-.e-colorpicker-container .e-icon-btn.e-disabled {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.e-popup.e-tooltip-wrap.e-color-picker-tooltip {
-  background-color: rgba(var(--color-sf-white));
-  border-color: rgba(var(--color-sf-white));
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+.e-colorpicker-container .e-icon-btn.e-disabled {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
 
+.e-popup.e-tooltip-wrap.e-color-picker-tooltip {
+  background-color: rgba(var(--color-sf-white));
+  border-color: rgba(var(--color-sf-white));
+}
 
 .e-rating-container {
   display: -webkit-inline-box;
@@ -9104,6 +7548,9 @@ body.e-colorpicker-overflow {
   cursor: default;
   pointer-events: none;
 }
+.e-rating-container .e-rating-item-container:has(svg) {
+  line-height: 13px;
+}
 .e-rating-container .e-rating-item-container {
   cursor: pointer;
   font-size: 22px;
@@ -9113,9 +7560,6 @@ body.e-colorpicker-overflow {
   min-height: calc(1em + 8px);
   position: relative;
 }
-.e-rating-container .e-rating-item-container:has(svg) {
-  line-height: 13px;
-}
 .e-rating-container .e-rating-item-container .e-rating-item {
   display: block;
 }
@@ -9215,14 +7659,14 @@ body.e-colorpicker-overflow {
   text-align: center;
 }
 
-.e-small.e-rating-container .e-rating-item-container,
-.e-small .e-rating-container .e-rating-item-container {
-  font-size: 16px;
-}
 .e-small.e-rating-container .e-rating-item-container:has(svg),
 .e-small .e-rating-container .e-rating-item-container:has(svg) {
   line-height: 6px;
 }
+.e-small.e-rating-container .e-rating-item-container,
+.e-small .e-rating-container .e-rating-item-container {
+  font-size: 16px;
+}
 .e-small.e-rating-container .e-rating-label,
 .e-small .e-rating-container .e-rating-label {
   font-size: 10px;
@@ -9233,80 +7677,6 @@ body.e-colorpicker-overflow {
   font-size: 12px;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus:not(:has(svg)),
 .e-rating-container .e-rating-item-list:focus-visible:not(:hover) .e-rating-focus .e-rating-item:has(svg) {
   outline-color: var(--color-sf-rating-selected-color);
@@ -9405,86 +7775,7 @@ body.e-colorpicker-overflow {
 }
 
 /*! Form tailwind theme wise override definitions and variables */
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! Form tailwind theme wise override definitions and variables */
 /*! data-form layout */
-.e-data-form {
-  /* stylelint-disable property-no-vendor-prefix */
-  /* stylelint-enable property-no-vendor-prefix */
-}
 .e-data-form .e-form-label {
   font-size: 12px;
   margin-bottom: 4px;
@@ -9493,6 +7784,9 @@ body.e-colorpicker-overflow {
 .e-data-form .e-form-layout {
   display: grid;
 }
+.e-data-form {
+  /* stylelint-disable property-no-vendor-prefix */
+}
 .e-data-form .e-grid-col-2 {
   -ms-grid-columns: repeat(2, 1fr);
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -9537,6 +7831,9 @@ body.e-colorpicker-overflow {
   -ms-grid-columns: repeat(12, 1fr);
   grid-template-columns: repeat(12, minmax(0, 1fr));
 }
+.e-data-form {
+  /* stylelint-enable property-no-vendor-prefix */
+}
 .e-data-form .e-colspan-1 {
   grid-column: span 1/span 1;
 }
@@ -9687,81 +7984,6 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
-/*! Form tailwind theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: var(--color-sf-content-text-color-alt1);
@@ -9787,80 +8009,6 @@ body.e-colorpicker-overflow {
   color: var(--color-sf-danger-light);
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-otpinput {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -9959,80 +8107,6 @@ body.e-colorpicker-overflow {
   padding: 0;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-otpinput .e-otp-input-field {
   color: var(--color-sf-content-text-color);
   background: var(--color-sf-content-bg-color);
@@ -10048,115 +8122,41 @@ body.e-colorpicker-overflow {
 }
 .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: var(--color-sf-content-bg-color-alt2);
-  color: var(--color-sf-content-text-color-disabled);
-  background: var(--color-sf-content-bg-color-disabled);
-}
-.e-otpinput.e-filled .e-otp-input-field {
-  background: var(--color-sf-content-bg-color-alt1);
-}
-.e-otpinput.e-underlined .e-otp-input-field {
-  background: var(--color-sf-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: var(--color-sf-danger);
-}
-.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: var(--color-sf-success);
-}
-.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: var(--color-sf-warning);
-}
-
-.e-listen-icon::before {
-  content: "\e91c";
-}
-
-.e-listen-stop::before {
-  content: "\e919";
-}
-
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
+  color: var(--color-sf-content-text-color-disabled);
+  background: var(--color-sf-content-bg-color-disabled);
+}
+.e-otpinput.e-filled .e-otp-input-field {
+  background: var(--color-sf-content-bg-color-alt1);
+}
+.e-otpinput.e-underlined .e-otp-input-field {
+  background: var(--color-sf-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: var(--color-sf-danger);
+}
+.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: var(--color-sf-success);
+}
+.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: var(--color-sf-warning);
+}
+
+.e-listen-icon::before {
+  content: "\e91c";
+}
 
+.e-listen-stop::before {
+  content: "\e919";
+}
 
 .e-speech-to-text.e-btn {
   -webkit-box-align: center;
@@ -10215,80 +8215,6 @@ body.e-colorpicker-overflow {
     opacity: 0.5;
   }
 }
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .e-speech-to-text {
   -webkit-box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
           box-shadow: 0 4px 6px -4px rgba(var(--color-sf-black), 0.1), 0 10px 15px -3px rgba(var(--color-sf-black), 0.1);
@@ -10306,80 +8232,6 @@ body.e-colorpicker-overflow {
           box-shadow: none;
 }
 
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .smart-textarea-suggestion-overlay {
   display: none;
   position: absolute;
@@ -10422,80 +8274,6 @@ body.e-colorpicker-overflow {
     opacity: 0;
   }
 }
-
-
-
-
-
-
-
-
-/* Font Family */
-/* border */
-/* 0px */
-/* 1px */
-/* 1.5px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* Radius */
-/* 1px */
-/* 2px */
-/* 3px */
-/* 4px */
-/* 5px */
-/* 6px */
-/* 7px */
-/* 8px */
-/* 9px */
-/* 10px */
-/* 11px */
-/* 12px */
-/* 13px */
-/* 14px */
-/* 15px */
-/* 16px */
-/* 17px */
-/* 18px */
-/* 19px */
-/* 20px */
-/* 21px */
-/* 22px */
-/* 23px */
-/* 24px */
-/* 25px */
-/* 26px */
-/* 27px */
-/* 28px */
-/* 29px */
-/* 30px */
-/* 31px */
-/* 32px */
-/* 33px */
-/* 34px */
-/* 35px */
-/* 36px */
-/* 37px */
-/* 38px */
-/* 39px */
-/* 40px */
-/* 41px */
-/* 42px */
-/* 43px */
-/* 44px */
-/* 45px */
-/* 46px */
-/* 47px */
-/* 48px */
-/* 49px */
-/* 50px */
-/* 5em */
-
-
 .smart-textarea-suggestion-overlay {
   background-color: var(--color-sf-white);
   color: var(--color-sf-black);