@syncfusion/ej2-inputs 33.2.12 → 34.1.29

package/styles/bds-lite.css

@@ -2,18 +2,10 @@
 
 
 
-
-
-
-
 .e-signature.e-control {
   border: 1px solid;
 }
 
-
-
-
-
 .e-signature.e-control {
   background-color: var(--color-sf-base-white);
   border: 1px solid;
@@ -178,156 +170,6 @@
   font-family: "e-icons";
 }
 
-
-
-
-
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-input:focus:not(.e-success):not(.e-warning).e-error,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input:focus:not(.e-error):not(.e-warning).e-success,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input:focus:not(.e-success):not(.e-error).e-warning,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-float-input.e-error label.e-float-text,
-.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.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-utility-danger) !important;
-}
-
 /*! input layout */
 .e-input-group,
 .e-input-group.e-control-wrapper {
@@ -2281,215 +2123,65 @@ textarea.e-input,
           box-sizing: border-box;
 }
 
-
-
-
-
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-input:focus:not(.e-success):not(.e-warning).e-error,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input:focus:not(.e-error):not(.e-warning).e-success,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+/*! 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-bg-primary);
+  border-color: var(--color-sf-border-primary);
+  color: var(--color-sf-text-primary);
 }
 
-.e-input:focus:not(.e-success):not(.e-error).e-warning,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
+.e-input-group,
+.e-input-group.e-control-wrapper,
+.e-float-input,
+.e-float-input.e-input-group,
+.e-float-input.e-control-wrapper,
+.e-float-input.e-input-group.e-control-wrapper {
+  background: var(--color-sf-bg-primary);
+  color: var(--color-sf-text-primary);
 }
 
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
+.e-input-group .e-input-group-icon,
+.e-input-group.e-control-wrapper .e-input-group-icon {
+  background: transparent;
+  border-color: var(--color-sf-border-primary);
+  color: var(--color-sf-fg-secondary);
 }
 
-.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
+.e-input-group.e-disabled .e-input-group-icon,
+.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon,
+.e-float-input.e-disabled .e-clear-icon,
+.e-float-input.e-control-wrapper.e-disabled .e-clear-icon,
+.e-input-group.e-disabled .e-clear-icon,
+.e-input-group.e-control-wrapper.e-disabled .e-clear-icon {
+  color: var(--color-sf-fg-disabled);
 }
 
-.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-float-input.e-error label.e-float-text,
-.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.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-utility-danger) !important;
-}
-
-/*! 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-bg-primary);
-  border-color: var(--color-sf-border-primary);
-  color: var(--color-sf-text-primary);
-}
-
-.e-input-group,
-.e-input-group.e-control-wrapper,
-.e-float-input,
-.e-float-input.e-input-group,
-.e-float-input.e-control-wrapper,
-.e-float-input.e-input-group.e-control-wrapper {
-  background: var(--color-sf-bg-primary);
-  color: var(--color-sf-text-primary);
-}
-
-.e-input-group .e-input-group-icon,
-.e-input-group.e-control-wrapper .e-input-group-icon {
-  background: transparent;
-  border-color: var(--color-sf-border-primary);
-  color: var(--color-sf-fg-secondary);
-}
-
-.e-input-group.e-disabled .e-input-group-icon,
-.e-input-group.e-control-wrapper.e-disabled .e-input-group-icon,
-.e-float-input.e-disabled .e-clear-icon,
-.e-float-input.e-control-wrapper.e-disabled .e-clear-icon,
-.e-input-group.e-disabled .e-clear-icon,
-.e-input-group.e-control-wrapper.e-disabled .e-clear-icon {
-  color: var(--color-sf-fg-disabled);
-}
-
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable selector-no-vendor-prefix */
-.e-input[disabled],
-.e-input-group .e-input[disabled],
-.e-input-group.e-control-wrapper .e-input[disabled],
-.e-input-group.e-disabled,
-.e-input-group.e-control-wrapper.e-disabled,
-.e-float-input input[disabled],
-.e-float-input.e-control-wrapper input[disabled],
-.e-float-input textarea[disabled],
-.e-float-input.e-control-wrapper textarea[disabled],
-.e-float-input.e-disabled,
-.e-float-input.e-control-wrapper.e-disabled {
-  -webkit-text-fill-color: var(--color-sf-text-disabled);
-  background: var(--color-sf-bg-tertiary);
-  color: var(--color-sf-text-disabled);
-  border-color: var(--color-sf-border-disabled);
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable selector-no-vendor-prefix */
+.e-input[disabled],
+.e-input-group .e-input[disabled],
+.e-input-group.e-control-wrapper .e-input[disabled],
+.e-input-group.e-disabled,
+.e-input-group.e-control-wrapper.e-disabled,
+.e-float-input input[disabled],
+.e-float-input.e-control-wrapper input[disabled],
+.e-float-input textarea[disabled],
+.e-float-input.e-control-wrapper textarea[disabled],
+.e-float-input.e-disabled,
+.e-float-input.e-control-wrapper.e-disabled {
+  -webkit-text-fill-color: var(--color-sf-text-disabled);
+  background: var(--color-sf-bg-tertiary);
+  color: var(--color-sf-text-disabled);
+  border-color: var(--color-sf-border-disabled);
 }
 
 .e-input-group input.e-input,
@@ -3057,6 +2749,7 @@ input.e-input::-webkit-input-placeholder {
   color: var(--color-sf-text-placeholder);
 }
 
+/* stylelint-disable-line no-empty-source */
 .e-input-group-icon.e-spin-up::before {
   content: "\e776";
   font-family: "e-icons";
@@ -3067,10 +2760,6 @@ input.e-input::-webkit-input-placeholder {
   font-family: "e-icons";
 }
 
-
-
-
-
 .e-numeric-container {
   width: 100%;
 }
@@ -3136,168 +2825,10 @@ span.e-numeric.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-w
   padding-right: 0;
 }
 
-
-
-
-
-/* stylelint-disable property-no-vendor-prefix */
-/* stylelint-disable */
-.e-input:focus:not(.e-success):not(.e-warning).e-error,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-warning).e-error:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input:focus:not(.e-error):not(.e-warning).e-success,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-error):not(.e-warning).e-success:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input:focus:not(.e-success):not(.e-error).e-warning,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) input:focus,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group) textarea:focus,
-.e-float-input:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input,
-.e-float-input.e-control-wrapper:not(.e-success):not(.e-error).e-warning:not(.e-input-group).e-input-focus input {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group.e-input-focus:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper.e-input-focus:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-warning).e-error {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-error):not(.e-warning).e-success {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-input-group:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning,
-.e-input-group.e-control-wrapper:not(.e-disabled):active:not(.e-success):not(.e-error).e-warning {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-float-input.e-error label.e-float-text,
-.e-float-input.e-control-wrapper.e-error label.e-float-text,
-.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-input-group.e-error.e-valid-input label.e-label-top.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error) input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error input:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error input:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error textarea:focus ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error textarea:focus ~ label.e-float-text,
-.e-outline.e-float-input.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-input-group.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-error label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) input:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) input:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-valid-input.e-error:not(.e-input-focus) textarea:valid ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-control-wrapper.e-valid-input.e-error:not(.e-input-focus) textarea:focus ~ label.e-float-text.e-label-top,
-.e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-small:not(.e-error).e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text,
-.e-small .e-outline.e-float-input.e-control-wrapper.e-error.e-input-focus input ~ label.e-float-text,
-.e-outline.e-float-input.e-control-wrapper.e-small.e-bigger.e-error.e-input-focus input ~ label.e-float-text,
-.e-bigger .e-outline.e-float-input.e-control-wrapper.e-small.e-error.e-input-focus input ~ label.e-float-text {
-  color: var(--color-sf-utility-danger) !important;
-}
-
-.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-utility-danger) !important;
-}
-
-
-
-
-
 .e-numeric.e-control-wrapper.e-input-group .e-input-group-icon {
   font-size: 18px;
 }
 
-
-
-
-
 /*! maskedtextbox layout */
 .e-control-wrapper.e-mask .e-maskedtextbox {
   font-family: "Inter";
@@ -3361,10 +2892,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   height: 35px;
 }
 
-
-
-
-
 /*! maskedtextbox theme */
 .e-control-wrapper.e-mask.e-error .e-maskedtextbox,
 .e-utility-mask.e-error {
@@ -3372,10 +2899,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
 }
 
 /* stylelint-disable-line no-empty-source */
-
-
-
-
 /* stylelint-disable property-no-vendor-prefix */
 .e-control-wrapper.e-slider-container {
   -moz-user-select: none;
@@ -3788,10 +3311,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
 }
 
 /* stylelint-enable property-no-vendor-prefix */
-
-
-
-
 .e-control-wrapper.e-slider-container .e-slider-button {
   background-color: var(--color-sf-utility-secondary-bg-color);
   border: 1px solid var(--color-sf-border-primary);
@@ -3841,11 +3360,6 @@ span.e-mask.e-input-group.e-append-wrapper.e-filled.e-float-input.e-control-wrap
   background: var(--color-sf-bg-tertiary);
   border-color: var(--color-sf-bg-tertiary);
 }
-/* stylelint-disable-line no-empty-source */
-
-
-
-
 /* stylelint-disable-line no-empty-source */
 .e-content-placeholder.e-textbox.e-placeholder-textbox {
   background-size: 300px 33px;
@@ -4214,10 +3728,6 @@ span.e-input-group.e-append-wrapper.e-rtl.e-multi-line-input.e-outline textarea.
   padding-right: 1px;
 }
 
-
-
-
-
 .e-input-group.e-multi-line-input.e-auto-width {
   width: auto;
 }
@@ -4683,151 +4193,51 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
 }
 div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled textarea.e-textarea, div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled textarea.e-textarea:focus, div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled.e-input-focus textarea.e-textarea,
 div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled textarea.e-textarea,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled textarea.e-textarea:focus,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled.e-input-focus textarea.e-textarea,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled textarea.e-textarea,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled textarea.e-textarea:focus,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled.e-input-focus textarea.e-textarea,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled textarea.e-textarea,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled textarea.e-textarea:focus,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled.e-input-focus textarea.e-textarea,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled textarea.e-textarea,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled textarea.e-textarea:focus,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled.e-input-focus textarea.e-textarea,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled textarea.e-textarea,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled textarea.e-textarea:focus,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled.e-input-focus textarea.e-textarea {
-  padding: 9px 5px 5px 5px;
-}
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled label.e-float-text.e-label-bottom, div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled label.e-float-text.e-label-bottom,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled label.e-float-text.e-label-bottom,
-div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled label.e-float-text.e-label-bottom,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled label.e-float-text.e-label-bottom,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled label.e-float-text.e-label-bottom,
-span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom {
-  top: -6px;
-}
-
-.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-prepend-wrapper.e-rtl .e-clear-icon,
-.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-append-wrapper.e-rtl .e-clear-icon,
-.e-input-group.e-multi-line-input.e-adornment-orientation-vertical.e-prepend-wrapper.e-rtl .e-clear-icon,
-.e-input-group.e-multi-line-input.e-adornment-orientation-vertical.e-append-wrapper.e-rtl .e-clear-icon {
-  margin-left: 10px;
-  float: left;
-}
-
-.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-adornment-orientation-vertical.e-prepend-wrapper.e-outline .e-clear-icon,
-.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-adornment-orientation-vertical.e-append-wrapper.e-outline .e-clear-icon,
-.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-adornment-orientation-vertical.e-prepend-wrapper.e-outline .e-clear-icon,
-.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-adornment-orientation-vertical.e-append-wrapper.e-outline .e-clear-icon {
-  top: -30px;
-}
-
-/* stylelint-disable */
-.e-btn.e-primary:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-}
-
-.e-btn.e-success:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-btn.e-info:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-}
-
-.e-btn.e-warning:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-btn.e-danger:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-btn.e-outline.e-info {
-  background: transparent !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text) !important;
-}
-
-.e-btn.e-outline.e-info:hover {
-  background: var(--color-sf-utility-info-bg-color-hover) !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text-hover) !important;
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled textarea.e-textarea:focus,
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled.e-input-focus textarea.e-textarea,
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled textarea.e-textarea,
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled textarea.e-textarea:focus,
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled.e-input-focus textarea.e-textarea,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled textarea.e-textarea,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled textarea.e-textarea:focus,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled.e-input-focus textarea.e-textarea,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled textarea.e-textarea,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled textarea.e-textarea:focus,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled.e-input-focus textarea.e-textarea,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled textarea.e-textarea,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled textarea.e-textarea:focus,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled.e-input-focus textarea.e-textarea {
+  padding: 9px 5px 5px 5px;
 }
-
-.e-btn.e-outline.e-info:active {
-  background: var(--color-sf-utility-info-bg-color-pressed) !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text-hover) !important;
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled label.e-float-text.e-label-bottom, div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled label.e-float-text.e-label-bottom,
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled label.e-float-text.e-label-bottom,
+div.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled label.e-float-text.e-label-bottom,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-append-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled label.e-float-text.e-label-bottom,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-prepend-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled label.e-float-text.e-label-bottom,
+span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-orientation-vertical.e-append-wrapper.e-filled.e-rtl label.e-float-text.e-label-bottom {
+  top: -6px;
 }
 
-.e-btn.e-flat.e-info {
-  color: var(--color-sf-utility-info-text) !important;
+.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-prepend-wrapper.e-rtl .e-clear-icon,
+.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-append-wrapper.e-rtl .e-clear-icon,
+.e-input-group.e-multi-line-input.e-adornment-orientation-vertical.e-prepend-wrapper.e-rtl .e-clear-icon,
+.e-input-group.e-multi-line-input.e-adornment-orientation-vertical.e-append-wrapper.e-rtl .e-clear-icon {
+  margin-left: 10px;
+  float: left;
 }
 
-.e-bigger .e-btn,
-.e-bigger .e-btn,
-.e-bigger .e-css.e-btn,
-.e-bigger.e-css.e-btn {
-  font-size: 14px;
-  line-height: 1.572em;
-  padding: 8px 15px;
-  border-radius: 8px !important;
-  font-weight: 600;
+.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-adornment-orientation-vertical.e-prepend-wrapper.e-outline .e-clear-icon,
+.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-adornment-orientation-vertical.e-append-wrapper.e-outline .e-clear-icon,
+.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-adornment-orientation-vertical.e-prepend-wrapper.e-outline .e-clear-icon,
+.e-input-group.e-multi-line-input.e-adornment-flow-vertical.e-adornment-orientation-vertical.e-append-wrapper.e-outline .e-clear-icon {
+  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";
 }
@@ -4861,10 +4271,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   right: 12px;
 }
 
-
-
-
-
 .e-upload {
   width: 100%;
 }
@@ -5266,10 +4672,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   pointer-events: none;
 }
 
-
-
-
-
 .e-upload {
   border: 1px dashed var(--color-sf-border-primary-alt);
   border-radius: 6px;
@@ -5357,48 +4759,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   color: var(--color-sf-on-brand-solid-primary);
 }
 
-.e-dropdown-popup {
-  position: absolute;
-  border-radius: 8px;
-  margin-top: 4px;
-}
-.e-dropdown-popup ul {
-  border: 1px solid var(--color-sf-border-secondary);
-  border-radius: 8px;
-  -webkit-box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-          box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-  font-size: 14px;
-  font-weight: 500;
-  list-style-image: none;
-  list-style-position: outside;
-  list-style-type: none;
-  margin: 0;
-  min-width: 120px;
-  overflow: hidden;
-  padding: 4px 0;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  white-space: nowrap;
-}
-.e-dropdown-popup ul .e-item {
-  cursor: pointer;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  height: 32px;
-  line-height: 32px;
-  padding: 0 12px;
-  margin: 0 6px;
-  border-radius: 6px;
-}
-.e-dropdown-popup ul .e-item.e-url {
-  padding: 0;
-}
-
 /* stylelint-disable */
 .e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
   background-color: var(--color-sf-bg-disabled) !important;
@@ -5408,10 +4768,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   content: "\e748";
 }
 
-
-
-
-
 /* stylelint-disable */
 .e-btn.e-primary:focus {
   -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
@@ -5471,11 +4827,6 @@ span.e-input-group.e-multi-line-input.e-adornment-flow-horizontal.e-adornment-or
   font-weight: 600;
 }
 
-/* stylelint-disable */
-.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
-  background-color: var(--color-sf-bg-disabled) !important;
-}
-
 .e-colorpicker-wrapper,
 .e-colorpicker-container {
   display: inline-block;
@@ -6038,74 +5389,6 @@ body.e-colorpicker-overflow {
   width: 100%;
 }
 
-
-
-
-
-/* stylelint-disable */
-.e-btn.e-primary:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-}
-
-.e-btn.e-success:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(23, 177, 105, 0.24) !important;
-}
-
-.e-btn.e-info:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px var(--color-sf-brand-solid-shadow) !important;
-}
-
-.e-btn.e-warning:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(247, 143, 8, 0.24) !important;
-}
-
-.e-btn.e-danger:focus {
-  -webkit-box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-          box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05), 0 0 0 4px rgba(240, 68, 55, 0.24) !important;
-}
-
-.e-btn.e-outline.e-info {
-  background: transparent !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text) !important;
-}
-
-.e-btn.e-outline.e-info:hover {
-  background: var(--color-sf-utility-info-bg-color-hover) !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text-hover) !important;
-}
-
-.e-btn.e-outline.e-info:active {
-  background: var(--color-sf-utility-info-bg-color-pressed) !important;
-  border-color: var(--color-sf-utility-info-border-color) !important;
-  color: var(--color-sf-utility-info-text-hover) !important;
-}
-
-.e-btn.e-flat.e-info {
-  color: var(--color-sf-utility-info-text) !important;
-}
-
-.e-bigger .e-btn,
-.e-bigger .e-btn,
-.e-bigger .e-css.e-btn,
-.e-bigger.e-css.e-btn {
-  font-size: 14px;
-  line-height: 1.572em;
-  padding: 8px 15px;
-  border-radius: 8px !important;
-  font-weight: 600;
-}
-
-/* stylelint-disable */
-.e-colorpicker-wrapper .e-icon-btn:disabled, .e-colorpicker-wrapper .e-icon-btn.e-disabled {
-  background-color: var(--color-sf-bg-disabled) !important;
-}
-
 .e-container {
   background-color: var(--color-sf-bg-primary-alt);
 }
@@ -6172,10 +5455,6 @@ body.e-colorpicker-overflow {
   border-color: var(--color-sf-base-white);
 }
 
-
-
-
-
 .e-rating-container {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -6213,6 +5492,9 @@ body.e-colorpicker-overflow {
   cursor: default;
   pointer-events: none;
 }
+.e-rating-container .e-rating-item-container:has(svg) {
+  line-height: 3px;
+}
 .e-rating-container .e-rating-item-container {
   cursor: pointer;
   font-size: 20px;
@@ -6222,9 +5504,6 @@ body.e-colorpicker-overflow {
   min-height: calc(1em + 8px);
   position: relative;
 }
-.e-rating-container .e-rating-item-container:has(svg) {
-  line-height: 3px;
-}
 .e-rating-container .e-rating-item-container .e-rating-item {
   display: block;
 }
@@ -6324,14 +5603,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: 10px;
 }
+.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;
@@ -6342,10 +5621,6 @@ body.e-colorpicker-overflow {
   font-size: 12px;
 }
 
-
-
-
-
 .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-utility-rating-selected-color);
@@ -6447,17 +5722,8 @@ body.e-colorpicker-overflow {
   /* stylelint-enable property-no-vendor-prefix */
 }
 
-/*! FileManager's bds theme wise override definitions and variables */
-
-
-
-
 /*! FileManager's bds 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;
@@ -6466,6 +5732,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));
@@ -6510,6 +5779,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;
 }
@@ -6660,11 +5932,6 @@ body.e-colorpicker-overflow {
   margin-top: 0;
 }
 
-
-
-
-
-/*! FileManager's bds theme wise override definitions and variables */
 /*! data-form theme */
 .e-data-form .e-form-label {
   color: var(--color-sf-text-secondary);
@@ -6690,10 +5957,6 @@ body.e-colorpicker-overflow {
   color: var(--color-sf-utility-danger-light);
 }
 
-
-
-
-
 .e-otpinput {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -6792,10 +6055,6 @@ body.e-colorpicker-overflow {
   padding: 0;
 }
 
-
-
-
-
 .e-otpinput .e-otp-input-field {
   color: rgb(28, 27, 31);
   background: rgba(255, 255, 255, 0);
@@ -6847,10 +6106,6 @@ body.e-colorpicker-overflow {
   content: "\e919";
 }
 
-
-
-
-
 .e-speech-to-text.e-btn {
   -webkit-box-align: center;
       -ms-flex-align: center;
@@ -6908,10 +6163,6 @@ body.e-colorpicker-overflow {
     opacity: 0.5;
   }
 }
-
-
-
-
 .e-speech-to-text {
   -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
           box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 0 -2px 15px -3px rgba(0, 0, 0, 0.1), 0 6px 10px rgba(0, 0, 0, 0.14);
@@ -6929,10 +6180,6 @@ body.e-colorpicker-overflow {
           box-shadow: none;
 }
 
-
-
-
-
 .smart-textarea-suggestion-overlay {
   display: none;
   position: absolute;
@@ -6975,10 +6222,6 @@ body.e-colorpicker-overflow {
     opacity: 0;
   }
 }
-
-
-
-
 .smart-textarea-suggestion-overlay {
   background-color: #ffffff;
   color: #000000;