@elastic/eui 95.0.0-backport.0 → 95.1.0-backport.0

package/dist/eui_theme_dark.css

@@ -883,14 +883,8 @@ The following files still use the Sass version:
   padding-bottom: 0 !important;
 }
 
-.euiColorPicker__input--inGroup {
-  height: 38px !important;
-  box-shadow: none !important;
-  border-radius: 0;
-}
-.euiColorPicker__input--inGroup.euiFieldText--compressed {
-  height: 30px !important;
-  border-radius: 0;
+.euiColorPicker__input {
+  --euiFormControlLeftIconsCount: 1;
 }
 
 .euiColorPicker__alphaRange .euiRangeInput {
@@ -2881,99 +2875,90 @@ The following files still use the Sass version:
   min-width: min(20rem, 50%);
 }
 
-.euiFieldNumber {
+/**
+  * REMEMBER: --large modifiers must come last to override --compressed
+  */
+.euiFilePicker {
   max-width: 400px;
   width: 100%;
   height: 40px;
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  border: none;
-  border-radius: 6px;
-  padding: 12px;
+  position: relative;
 }
-.euiFieldNumber--fullWidth {
+.euiFilePicker--fullWidth {
   max-width: 100%;
 }
-.euiFieldNumber--compressed {
+.euiFilePicker--compressed {
   height: 32px;
 }
-.euiFieldNumber--inGroup {
+.euiFilePicker--inGroup {
   height: 100%;
 }
-@supports (-moz-appearance: none) {
-  .euiFieldNumber {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiFieldNumber::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldNumber::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
+.euiFilePicker.euiFilePicker--large {
+  border-radius: 6px;
+  overflow: hidden;
+  height: auto;
 }
-.euiFieldNumber::placeholder {
-  color: #81858f;
-  opacity: 1;
+.euiFilePicker.euiFilePicker--large.euiFilePicker--compressed {
+  border-radius: 4px;
 }
-.euiFieldNumber:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
+
+.euiFilePicker__input {
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  overflow: hidden;
 }
-.euiFieldNumber:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+.euiFilePicker__input:hover {
+  cursor: pointer;
 }
-.euiFieldNumber:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
+.euiFilePicker__input:hover:disabled {
   cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
 }
-.euiFieldNumber:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
+.euiFilePicker__input:disabled {
+  opacity: 0;
 }
-.euiFieldNumber:disabled::-moz-placeholder {
+.euiFilePicker__input:disabled ~ .euiFilePicker__prompt {
   color: #535966;
-  opacity: 1;
 }
-.euiFieldNumber:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
+
+.euiFilePicker__icon {
+  position: absolute;
+  left: 12px;
+  top: 12px;
+  transition: -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+  transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+  transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
 }
-.euiFieldNumber[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+.euiFilePicker--compressed .euiFilePicker__icon {
+  top: 8px;
+  left: 8px;
 }
-.euiFieldNumber:-webkit-autofill {
-  -webkit-text-fill-color: #343741;
+.euiFilePicker--large .euiFilePicker__icon {
+  position: static;
+  margin-bottom: 16px;
 }
-.euiFieldNumber:-webkit-autofill ~ .euiFormControlLayoutIcons {
-  color: #343741;
+
+/**
+  * 1. Don't block the user from dropping files onto the filepicker.
+  * 2. Ensure space for import icon, loading spinner, and clear button (only if it has files)
+  * 4. Static height so that it doesn't shift its surrounding contents around
+  */
+.euiFilePicker__prompt {
+  padding-left: 40px;
+  /* 2 */
+  height: 40px;
+  padding-top: 12px;
+  padding-right: 12px;
+  padding-bottom: 12px;
+  pointer-events: none; /* 1 */
+  border: 2px dashed #343741;
+  border-radius: 6px;
+  transition: border-color 150ms ease-in, background-color 150ms ease-in;
 }
-.euiFieldNumber--compressed {
+.euiFilePicker--compressed .euiFilePicker__prompt {
   background-color: #16171c;
   background-repeat: no-repeat;
   background-size: 0% 100%;
@@ -2981,1201 +2966,164 @@ The following files still use the Sass version:
   transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
   padding: 8px;
   border-radius: 4px;
+  padding-left: 32px;
+  /* 2 */
+  height: 32px;
+  border-radius: 4px;
+  box-shadow: none;
 }
 @supports (-moz-appearance: none) {
-  .euiFieldNumber--compressed {
+  .euiFilePicker--compressed .euiFilePicker__prompt {
     transition-property: box-shadow, background-image, background-size;
   }
 }
-.euiFieldNumber--compressed:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
+.euiFilePicker--large .euiFilePicker__prompt {
+  height: 128px; /* 4 */
+  padding: 0 24px;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-flex-direction: column;
+          flex-direction: column;
+  -webkit-align-items: center;
+          align-items: center;
+  -webkit-justify-content: center;
+          justify-content: center;
 }
-.euiFieldNumber--compressed:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
+.euiFilePicker--large.euiFilePicker--compressed .euiFilePicker__prompt {
+  height: 104px; /* 4 */
+}
+.euiFilePicker-isInvalid:not(.euiFilePicker__showDrop) .euiFilePicker__input:not(:disabled):not(:focus) + .euiFilePicker__prompt {
+  border-color: #F86B63;
+}
+
+.euiFilePicker__promptText {
+  font-size: 14px;
+  font-size: 1rem;
+  line-height: 1.7142857143rem;
+  max-width: 100%;
+  overflow: hidden !important;
+  text-overflow: ellipsis !important;
+  white-space: nowrap !important;
+  line-height: 16px;
+}
+.euiFilePicker:not(.euiFilePicker--large):not(.euiFilePicker-hasFiles) .euiFilePicker__promptText {
+  color: #36A2EF;
+}
+.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__promptText {
+  margin-top: -2px;
+}
+
+.euiFilePicker__clearButton,
+.euiFilePicker__loadingSpinner {
+  position: absolute;
+  right: 12px;
+  top: 12px;
+}
+.euiFilePicker--compressed .euiFilePicker__clearButton,
+.euiFilePicker--compressed .euiFilePicker__loadingSpinner {
+  top: 8px;
+}
+
+/**
+  * 1. Undo the pointer-events: none applied to the enclosing prompt.
+  */
+.euiFilePicker__clearButton {
+  pointer-events: auto; /* 1 */
+}
+.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton {
+  width: 16px;
+  height: 16px;
+  pointer-events: all;
+  background-color: #98A2B3;
+  border-radius: 16px;
+  line-height: 0;
+}
+.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus {
+  outline: 2px solid currentColor;
+}
+.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:focus-visible {
+  outline-style: auto;
+}
+.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:not(:focus-visible) {
   outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
 }
-.euiFieldNumber--compressed:disabled {
+.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton .euiFilePicker__clearIcon {
+  width: 8px;
+  height: 8px;
+  fill: #1D1E24;
+  stroke: #1D1E24;
+  stroke-width: 2px;
+}
+.euiFilePicker--large .euiFilePicker__clearButton {
+  position: relative;
+  top: 0;
+  right: 0;
+}
+
+.euiFilePicker__showDrop .euiFilePicker__prompt,
+.euiFilePicker__input:focus + .euiFilePicker__prompt {
+  border-color: #36A2EF;
+}
+
+.euiFilePicker__input:disabled + .euiFilePicker__prompt {
   color: #535966;
   -webkit-text-fill-color: #535966;
   cursor: not-allowed;
   background: #202128;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: none;
 }
-.euiFieldNumber--compressed:disabled::-webkit-input-placeholder {
+.euiFilePicker__input:disabled + .euiFilePicker__prompt::-webkit-input-placeholder {
   color: #535966;
   opacity: 1;
 }
-.euiFieldNumber--compressed:disabled::-moz-placeholder {
+.euiFilePicker__input:disabled + .euiFilePicker__prompt::-moz-placeholder {
   color: #535966;
   opacity: 1;
 }
-.euiFieldNumber--compressed:disabled::placeholder {
+.euiFilePicker__input:disabled + .euiFilePicker__prompt::placeholder {
   color: #535966;
   opacity: 1;
 }
-.euiFieldNumber--compressed[readOnly] {
-  cursor: default;
+
+.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-isLoading .euiFilePicker__prompt, .euiFilePicker:not(.euiFilePicker--large).euiFilePicker-hasFiles .euiFilePicker__prompt {
+  padding-right: 40px;
+  /* 2 */
+}
+
+.euiFilePicker-hasFiles .euiFilePicker__promptText {
   color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
 }
-.euiFieldNumber--inGroup {
-  box-shadow: none !important;
-  border-radius: 0;
+
+.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__promptText,
+.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__promptText {
+  text-decoration: underline;
 }
-.euiFieldNumber--withIcon {
-  padding-left: 40px;
+.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__icon,
+.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__icon {
+  -webkit-transform: scale(1.1);
+          transform: scale(1.1);
+}
+.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__promptText {
+  text-decoration: underline;
+}
+.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__icon {
+  -webkit-transform: scale(1.1);
+          transform: scale(1.1);
+}
+.euiFilePicker--large.euiFilePicker-hasFiles .euiFilePicker__promptText {
+  font-weight: 700;
 }
 
-.euiFieldNumber--withIcon.euiFieldNumber--compressed {
-  padding-left: 32px;
+.euiForm__error {
+  font-size: 14px;
+  font-size: 1rem;
+  line-height: 1.7142857143rem;
+  list-style: disc;
 }
 
-.euiFieldPassword {
-  max-width: 400px;
-  width: 100%;
-  height: 40px;
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  border: none;
-  border-radius: 6px;
-  padding: 12px;
-  padding-left: 40px;
-}
-.euiFieldPassword--fullWidth {
-  max-width: 100%;
-}
-.euiFieldPassword--compressed {
-  height: 32px;
-}
-.euiFieldPassword--inGroup {
-  height: 100%;
-}
-@supports (-moz-appearance: none) {
-  .euiFieldPassword {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiFieldPassword::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldPassword::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldPassword::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldPassword:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiFieldPassword:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldPassword:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldPassword:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldPassword:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldPassword:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldPassword[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldPassword:-webkit-autofill {
-  -webkit-text-fill-color: #343741;
-}
-.euiFieldPassword:-webkit-autofill ~ .euiFormControlLayoutIcons {
-  color: #343741;
-}
-.euiFieldPassword--compressed {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  padding: 8px;
-  border-radius: 4px;
-}
-@supports (-moz-appearance: none) {
-  .euiFieldPassword--compressed {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiFieldPassword--compressed:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiFieldPassword--compressed:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldPassword--compressed:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldPassword--compressed:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldPassword--compressed:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldPassword--compressed:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldPassword--compressed[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldPassword--inGroup {
-  box-shadow: none !important;
-  border-radius: 0;
-}
-.euiFieldPassword.euiFieldPassword--compressed {
-  padding-left: 32px;
-}
-
-.euiFieldPassword--withToggle::-ms-reveal {
-  display: none;
-}
-
-/*
- * 1. Fix for Safari to ensure that it renders like a normal text input
- *    and doesn't add extra spacing around text
-*/
-.euiFieldSearch {
-  max-width: 400px;
-  width: 100%;
-  height: 40px;
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  border: none;
-  border-radius: 6px;
-  padding: 12px;
-  padding-left: 40px;
-  -webkit-appearance: textfield; /* 1 */
-}
-.euiFieldSearch--fullWidth {
-  max-width: 100%;
-}
-.euiFieldSearch--compressed {
-  height: 32px;
-}
-.euiFieldSearch--inGroup {
-  height: 100%;
-}
-@supports (-moz-appearance: none) {
-  .euiFieldSearch {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiFieldSearch::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldSearch::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldSearch::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldSearch:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiFieldSearch:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldSearch:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldSearch:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldSearch:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldSearch:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldSearch[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldSearch:-webkit-autofill {
-  -webkit-text-fill-color: #343741;
-}
-.euiFieldSearch:-webkit-autofill ~ .euiFormControlLayoutIcons {
-  color: #343741;
-}
-.euiFieldSearch--compressed {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  padding: 8px;
-  border-radius: 4px;
-}
-@supports (-moz-appearance: none) {
-  .euiFieldSearch--compressed {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiFieldSearch--compressed:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiFieldSearch--compressed:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldSearch--compressed:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldSearch--compressed:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldSearch--compressed:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldSearch--compressed:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldSearch--compressed[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldSearch--inGroup {
-  box-shadow: none !important;
-  border-radius: 0;
-}
-.euiFieldSearch-isLoading {
-  padding-right: 40px;
-}
-
-.euiFieldSearch-isLoading.euiFieldSearch--compressed {
-  padding-right: 32px;
-}
-
-.euiFieldSearch::-webkit-search-decoration, .euiFieldSearch::-webkit-search-cancel-button {
-  -webkit-appearance: none; /* 1, 2 */
-}
-
-.euiFieldSearch--compressed {
-  padding-left: 32px;
-}
-
-.euiFieldText {
-  max-width: 400px;
-  width: 100%;
-  height: 40px;
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  border: none;
-  border-radius: 6px;
-  padding: 12px;
-}
-.euiFieldText--fullWidth {
-  max-width: 100%;
-}
-.euiFieldText--compressed {
-  height: 32px;
-}
-.euiFieldText--inGroup {
-  height: 100%;
-}
-@supports (-moz-appearance: none) {
-  .euiFieldText {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiFieldText::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldText::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldText::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiFieldText:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiFieldText:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldText:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldText:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldText:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldText:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldText[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldText:-webkit-autofill {
-  -webkit-text-fill-color: #343741;
-}
-.euiFieldText:-webkit-autofill ~ .euiFormControlLayoutIcons {
-  color: #343741;
-}
-.euiFieldText--compressed {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  padding: 8px;
-  border-radius: 4px;
-}
-@supports (-moz-appearance: none) {
-  .euiFieldText--compressed {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiFieldText--compressed:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiFieldText--compressed:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldText--compressed:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldText--compressed:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldText--compressed:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldText--compressed:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFieldText--compressed[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiFieldText--inGroup {
-  box-shadow: none !important;
-  border-radius: 0;
-}
-.euiFieldText--withIcon {
-  padding-left: 40px;
-}
-
-.euiFieldText--withIcon.euiFieldText--compressed {
-  padding-left: 32px;
-}
-
-/**
-  * REMEMBER: --large modifiers must come last to override --compressed
-  */
-.euiFilePicker {
-  max-width: 400px;
-  width: 100%;
-  height: 40px;
-  position: relative;
-}
-.euiFilePicker--fullWidth {
-  max-width: 100%;
-}
-.euiFilePicker--compressed {
-  height: 32px;
-}
-.euiFilePicker--inGroup {
-  height: 100%;
-}
-.euiFilePicker.euiFilePicker--large {
-  border-radius: 6px;
-  overflow: hidden;
-  height: auto;
-}
-.euiFilePicker.euiFilePicker--large.euiFilePicker--compressed {
-  border-radius: 4px;
-}
-
-.euiFilePicker__input {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  overflow: hidden;
-}
-.euiFilePicker__input:hover {
-  cursor: pointer;
-}
-.euiFilePicker__input:hover:disabled {
-  cursor: not-allowed;
-}
-.euiFilePicker__input:disabled {
-  opacity: 0;
-}
-.euiFilePicker__input:disabled ~ .euiFilePicker__prompt {
-  color: #535966;
-}
-
-.euiFilePicker__icon {
-  position: absolute;
-  left: 12px;
-  top: 12px;
-  transition: -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-  transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
-}
-.euiFilePicker--compressed .euiFilePicker__icon {
-  top: 8px;
-  left: 8px;
-}
-.euiFilePicker--large .euiFilePicker__icon {
-  position: static;
-  margin-bottom: 16px;
-}
-
-/**
-  * 1. Don't block the user from dropping files onto the filepicker.
-  * 2. Ensure space for import icon, loading spinner, and clear button (only if it has files)
-  * 4. Static height so that it doesn't shift its surrounding contents around
-  */
-.euiFilePicker__prompt {
-  padding-left: 40px;
-  /* 2 */
-  height: 40px;
-  padding-top: 12px;
-  padding-right: 12px;
-  padding-bottom: 12px;
-  pointer-events: none; /* 1 */
-  border: 2px dashed #343741;
-  border-radius: 6px;
-  transition: border-color 150ms ease-in, background-color 150ms ease-in;
-}
-.euiFilePicker--compressed .euiFilePicker__prompt {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  padding: 8px;
-  border-radius: 4px;
-  padding-left: 32px;
-  /* 2 */
-  height: 32px;
-  border-radius: 4px;
-  box-shadow: none;
-}
-@supports (-moz-appearance: none) {
-  .euiFilePicker--compressed .euiFilePicker__prompt {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiFilePicker--large .euiFilePicker__prompt {
-  height: 128px; /* 4 */
-  padding: 0 24px;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  -webkit-align-items: center;
-          align-items: center;
-  -webkit-justify-content: center;
-          justify-content: center;
-}
-.euiFilePicker--large.euiFilePicker--compressed .euiFilePicker__prompt {
-  height: 104px; /* 4 */
-}
-.euiFilePicker-isInvalid:not(.euiFilePicker__showDrop) .euiFilePicker__input:not(:disabled):not(:focus) + .euiFilePicker__prompt {
-  border-color: #F86B63;
-}
-
-.euiFilePicker__promptText {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  line-height: 16px;
-}
-.euiFilePicker:not(.euiFilePicker--large):not(.euiFilePicker-hasFiles) .euiFilePicker__promptText {
-  color: #36A2EF;
-}
-.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__promptText {
-  margin-top: -2px;
-}
-
-.euiFilePicker__clearButton,
-.euiFilePicker__loadingSpinner {
-  position: absolute;
-  right: 12px;
-  top: 12px;
-}
-.euiFilePicker--compressed .euiFilePicker__clearButton,
-.euiFilePicker--compressed .euiFilePicker__loadingSpinner {
-  top: 8px;
-}
-
-/**
-  * 1. Undo the pointer-events: none applied to the enclosing prompt.
-  */
-.euiFilePicker__clearButton {
-  pointer-events: auto; /* 1 */
-}
-.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton {
-  width: 16px;
-  height: 16px;
-  pointer-events: all;
-  background-color: #98A2B3;
-  border-radius: 16px;
-  line-height: 0;
-}
-.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus {
-  outline: 2px solid currentColor;
-}
-.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:focus-visible {
-  outline-style: auto;
-}
-.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:not(:focus-visible) {
-  outline: none;
-}
-.euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton .euiFilePicker__clearIcon {
-  width: 8px;
-  height: 8px;
-  fill: #1D1E24;
-  stroke: #1D1E24;
-  stroke-width: 2px;
-}
-.euiFilePicker--large .euiFilePicker__clearButton {
-  position: relative;
-  top: 0;
-  right: 0;
-}
-
-.euiFilePicker__showDrop .euiFilePicker__prompt,
-.euiFilePicker__input:focus + .euiFilePicker__prompt {
-  border-color: #36A2EF;
-}
-
-.euiFilePicker__input:disabled + .euiFilePicker__prompt {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  box-shadow: none;
-}
-.euiFilePicker__input:disabled + .euiFilePicker__prompt::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFilePicker__input:disabled + .euiFilePicker__prompt::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiFilePicker__input:disabled + .euiFilePicker__prompt::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-
-.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-isLoading .euiFilePicker__prompt, .euiFilePicker:not(.euiFilePicker--large).euiFilePicker-hasFiles .euiFilePicker__prompt {
-  padding-right: 40px;
-  /* 2 */
-}
-
-.euiFilePicker-hasFiles .euiFilePicker__promptText {
-  color: #DFE5EF;
-}
-
-.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__promptText,
-.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__promptText {
-  text-decoration: underline;
-}
-.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__icon,
-.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__icon {
-  -webkit-transform: scale(1.1);
-          transform: scale(1.1);
-}
-.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__promptText {
-  text-decoration: underline;
-}
-.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__icon {
-  -webkit-transform: scale(1.1);
-          transform: scale(1.1);
-}
-.euiFilePicker--large.euiFilePicker-hasFiles .euiFilePicker__promptText {
-  font-weight: 700;
-}
-
-.euiForm__error {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  list-style: disc;
-}
-
-.euiForm__errors {
-  margin-bottom: 16px;
-}
-
-/**
- * 1. Ensure the descenders don't get cut off
- */
-.euiSelect {
-  max-width: 400px;
-  width: 100%;
-  height: 40px;
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  border: none;
-  border-radius: 6px;
-  padding: 12px;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  line-height: 40px; /* 1 */
-  padding-top: 0; /* 1 */
-  padding-bottom: 0; /* 1 */
-}
-.euiSelect--fullWidth {
-  max-width: 100%;
-}
-.euiSelect--compressed {
-  height: 32px;
-}
-.euiSelect--inGroup {
-  height: 100%;
-}
-@supports (-moz-appearance: none) {
-  .euiSelect {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiSelect::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSelect::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSelect::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSelect:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiSelect:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSelect:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSelect:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSelect:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSelect:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSelect[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSelect:-webkit-autofill {
-  -webkit-text-fill-color: #343741;
-}
-.euiSelect:-webkit-autofill ~ .euiFormControlLayoutIcons {
-  color: #343741;
-}
-.euiSelect--compressed {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  padding: 8px;
-  border-radius: 4px;
-}
-@supports (-moz-appearance: none) {
-  .euiSelect--compressed {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiSelect--compressed:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiSelect--compressed:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSelect--compressed:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSelect--compressed:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSelect--compressed:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSelect--compressed:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSelect--compressed[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSelect--inGroup {
-  box-shadow: none !important;
-  border-radius: 0;
-}
-.euiSelect--compressed {
-  line-height: 32px; /* 1 */
-  padding-top: 0; /* 1 */
-  padding-bottom: 0; /* 1 */
-}
-.euiSelect--inGroup {
-  line-height: 38px; /* 1 */
-}
-.euiSelect--inGroup.euiSelect--compressed {
-  line-height: 30px; /* 1 */
-}
-.euiSelect::-ms-expand {
-  display: none;
-}
-.euiSelect:focus::-ms-value {
-  color: #DFE5EF;
-  background: transparent;
-}
-.euiSelect:-moz-focusring {
-  color: transparent;
-  text-shadow: 0 0 0 #DFE5EF;
-}
-
-.euiSuperSelect__listbox {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  max-height: 300px;
-  overflow: hidden;
-  overflow-y: auto;
-}
-.euiSuperSelect__listbox::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiSuperSelect__listbox::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiSuperSelect__listbox::-webkit-scrollbar-corner, .euiSuperSelect__listbox::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-.euiSuperSelect__item {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  padding: 8px;
-}
-.euiSuperSelect__item:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-.euiSuperSelect__item:focus {
-  cursor: pointer;
-  text-decoration: underline;
-  background-color: rgba(54, 162, 239, 0.2);
-}
-.euiSuperSelect__item:disabled {
-  cursor: not-allowed;
-  text-decoration: none;
-  color: #515761;
-}
-
-.euiSuperSelect__item--hasDividers:not(:last-of-type) {
-  border-bottom: 1px solid #343741;
-}
-
-/**
- * 1. Ensure the descenders don't get cut off
- * 2. Makes sure the height is correct when there's no selection
- */
-.euiSuperSelectControl {
-  max-width: 400px;
-  width: 100%;
-  height: 40px;
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  border: none;
-  border-radius: 6px;
-  padding: 12px;
-  display: block; /* 2 */
-  text-align: left;
-  line-height: 40px; /* 1 */
-  padding-top: 0; /* 1 */
-  padding-bottom: 0; /* 1 */
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-.euiSuperSelectControl--fullWidth {
-  max-width: 100%;
-}
-.euiSuperSelectControl--compressed {
-  height: 32px;
-}
-.euiSuperSelectControl--inGroup {
-  height: 100%;
-}
-@supports (-moz-appearance: none) {
-  .euiSuperSelectControl {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiSuperSelectControl::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSuperSelectControl::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSuperSelectControl::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSuperSelectControl:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiSuperSelectControl:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSuperSelectControl:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSuperSelectControl:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSuperSelectControl:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSuperSelectControl:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSuperSelectControl[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSuperSelectControl:-webkit-autofill {
-  -webkit-text-fill-color: #343741;
-}
-.euiSuperSelectControl:-webkit-autofill ~ .euiFormControlLayoutIcons {
-  color: #343741;
-}
-.euiSuperSelectControl--compressed {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  padding: 8px;
-  border-radius: 4px;
-}
-@supports (-moz-appearance: none) {
-  .euiSuperSelectControl--compressed {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiSuperSelectControl--compressed:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiSuperSelectControl--compressed:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSuperSelectControl--compressed:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSuperSelectControl--compressed:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSuperSelectControl--compressed:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSuperSelectControl--compressed:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiSuperSelectControl--compressed[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiSuperSelectControl--inGroup {
-  box-shadow: none !important;
-  border-radius: 0;
-}
-.euiSuperSelectControl-isInvalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiSuperSelectControl--compressed {
-  line-height: 32px; /* 1 */
-  padding-top: 0; /* 1 */
-  padding-bottom: 0; /* 1 */
-}
-.euiSuperSelectControl__placeholder {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-}
-.euiSuperSelectControl.euiSuperSelect--isOpen__button {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+.euiForm__errors {
+  margin-bottom: 16px;
 }
 
 .euiFormControlLayout {
@@ -5041,184 +3989,6 @@ The following files still use the Sass version:
   border-color: #36A2EF;
 }
 
-.euiTextArea {
-  max-width: 400px;
-  width: 100%;
-  height: 40px;
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  font-family: "Inter", BlinkMacSystemFont, Helvetica, Arial, sans-serif;
-  font-weight: 400;
-  letter-spacing: normal;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -webkit-font-kerning: normal;
-          font-kerning: normal;
-  font-size: 14px;
-  color: #DFE5EF;
-  border: none;
-  border-radius: 6px;
-  padding: 12px;
-  line-height: 1.5;
-  display: block;
-}
-.euiTextArea--fullWidth {
-  max-width: 100%;
-}
-.euiTextArea--compressed {
-  height: 32px;
-}
-.euiTextArea--inGroup {
-  height: 100%;
-}
-@supports (-moz-appearance: none) {
-  .euiTextArea {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiTextArea::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiTextArea::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiTextArea::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiTextArea:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiTextArea:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiTextArea:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiTextArea:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiTextArea:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiTextArea:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiTextArea[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiTextArea:-webkit-autofill {
-  -webkit-text-fill-color: #343741;
-}
-.euiTextArea:-webkit-autofill ~ .euiFormControlLayoutIcons {
-  color: #343741;
-}
-.euiTextArea--compressed {
-  background-color: #16171c;
-  background-repeat: no-repeat;
-  background-size: 0% 100%;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-  transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
-  padding: 8px;
-  border-radius: 4px;
-}
-@supports (-moz-appearance: none) {
-  .euiTextArea--compressed {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.euiTextArea--compressed:invalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-}
-.euiTextArea--compressed:focus {
-  background-color: #111216;
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-  background-size: 100% 100%;
-  outline: none;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiTextArea--compressed:disabled {
-  color: #535966;
-  -webkit-text-fill-color: #535966;
-  cursor: not-allowed;
-  background: #202128;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiTextArea--compressed:disabled::-webkit-input-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiTextArea--compressed:disabled::-moz-placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiTextArea--compressed:disabled::placeholder {
-  color: #535966;
-  opacity: 1;
-}
-.euiTextArea--compressed[readOnly] {
-  cursor: default;
-  color: #DFE5EF;
-  -webkit-text-fill-color: #DFE5EF;
-  background: #1D1E24;
-  border-color: transparent;
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
-}
-.euiTextArea--inGroup {
-  box-shadow: none !important;
-  border-radius: 0;
-}
-.euiTextArea, .euiTextArea--compressed {
-  height: auto;
-}
-
-.euiFormControlLayout--euiTextArea {
-  height: auto;
-}
-.euiFormControlLayout--euiTextArea .euiFormControlLayoutIcons {
-  top: auto;
-  bottom: 12px;
-}
-
-.euiTextArea--resizeVertical {
-  resize: vertical;
-}
-
-.euiTextArea--resizeHorizontal {
-  resize: horizontal;
-}
-
-.euiTextArea--resizeBoth {
-  resize: both;
-}
-
-.euiTextArea--resizeNone {
-  resize: none;
-}
-
 .euiSelectable {
   display: -webkit-flex;
   display: flex;