@elastic/eui 95.4.0 → 95.6.0

package/dist/eui_theme_dark.css

@@ -172,691 +172,6 @@ The following files still use the Sass version:
             transform: translateY(1px);
   }
 }
-/**
- * LEGEND
- * __day-name : Week headers like Su, Mo, etc
- * __day : Number on the calendar
- *       --highlighted
- *       --disabled :               _this.isDisabled(),
- *       --selected :               _this.isSameDay(_this.props.selected),
-    *       --range-start :            _this.isRangeStart(),
-    *       --range-end :              _this.isRangeEnd(),
- *       --keyboard-selected :      _this.isKeyboardSelected(),
- *       --in-range :               _this.isInRange(),
-    *       --in-selecting-range :     _this.isInSelectingRange(),
-    *       --selecting-range-start :  _this.isSelectingRangeStart(),
-    *       --selecting-range-end :    _this.isSelectingRangeEnd(),
- *       --today :                  _this.isSameDay(now(_this.props.utcOffset)),
- *       --weekend :                _this.isWeekend(),
- *       --outside-month :          _this.isOutsideMonth()
- */
-.react-datepicker__day-names,
-.react-datepicker__week {
-  white-space: nowrap;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-
-.react-datepicker__day-name,
-.react-datepicker__day {
-  font-weight: 500;
-  text-align: center;
-  color: #DFE5EF;
-  display: inline-block;
-  width: 32px;
-  line-height: 32px;
-  border-radius: 4px;
-  margin: 2px;
-}
-
-.react-datepicker__day-name {
-  color: #7a7f89;
-}
-
-.react-datepicker__day {
-  cursor: pointer;
-  transition: -webkit-transform 90ms ease-in-out;
-  transition: transform 90ms ease-in-out;
-  transition: transform 90ms ease-in-out, -webkit-transform 90ms ease-in-out;
-}
-.react-datepicker__day:hover {
-  color: #36A2EF;
-  background-color: rgba(54, 162, 239, 0.2);
-  text-decoration: underline;
-}
-@media screen and (prefers-reduced-motion: no-preference) {
-  .react-datepicker__day:hover {
-    -webkit-transform: scale(1.1);
-            transform: scale(1.1);
-  }
-}
-.react-datepicker__day--today {
-  color: #36A2EF;
-  font-weight: 700;
-}
-.react-datepicker__day--outside-month {
-  color: #7a7f89;
-}
-.react-datepicker__day--highlighted, .react-datepicker__day--highlighted:hover {
-  color: #7DDED8;
-  background-color: rgba(125, 222, 216, 0.2);
-}
-.react-datepicker__day--in-range, .react-datepicker__day--in-range:hover {
-  color: #36A2EF;
-  background-color: rgba(54, 162, 239, 0.2);
-}
-.react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover), .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected), .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover {
-  box-shadow: -2px 0 rgba(54, 162, 239, 0.2), 2px 0 rgba(54, 162, 239, 0.2);
-  border-radius: 0;
-}
-.react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):first-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):first-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover:first-of-type {
-  box-shadow: 2px 0 rgba(54, 162, 239, 0.2);
-}
-.react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):last-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):last-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover:last-of-type {
-  box-shadow: -2px 0 rgba(54, 162, 239, 0.2);
-}
-.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover {
-  background-color: #36A2EF;
-  color: #000;
-}
-.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
-  background-color: rgba(248, 107, 99, 0.5);
-}
-.react-datepicker__day--disabled, .react-datepicker__day--disabled:hover {
-  background-color: rgba(81, 87, 97, 0.1);
-  color: #515761;
-  cursor: not-allowed;
-  text-decoration: none;
-  -webkit-transform: none;
-          transform: none;
-}
-.react-datepicker__day--disabled.react-datepicker__day--in-range:not(.react-datepicker__day--selected), .react-datepicker__day--disabled.react-datepicker__day--in-range:not(.react-datepicker__day--selected):hover, .react-datepicker__day--disabled:hover.react-datepicker__day--in-range:not(.react-datepicker__day--selected), .react-datepicker__day--disabled:hover.react-datepicker__day--in-range:not(.react-datepicker__day--selected):hover {
-  color: #4e5f6e;
-  background-color: rgba(54, 162, 239, 0.2);
-}
-.react-datepicker__day--disabled.react-datepicker__day--selected, .react-datepicker__day--disabled.react-datepicker__day--selected:hover {
-  color: #F86B63;
-  background-color: rgba(248, 107, 99, 0.2);
-}
-
-/**
- * LEGEND
- * __time-list-item :
- *       --preselected : closest current time but not selected (also applied when using arrow keys to indicate focus)
- *       --selected
- *       --disabled
- *       --injected
- */
-.react-datepicker__header--time {
-  display: none;
-}
-
-.react-datepicker__time-container {
-  border-left: #343741;
-  width: auto;
-  display: -webkit-flex;
-  display: flex;
-  margin-top: 40px;
-  margin-left: 8px;
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  background-color: #141519;
-  border-radius: 6px;
-}
-.react-datepicker__time-container--focus .react-datepicker__time-list-item--preselected {
-  text-decoration: underline;
-}
-@media only screen and (max-width: 574px) {
-  .react-datepicker__time-container {
-    margin-top: 0;
-  }
-}
-
-.react-datepicker__time,
-.react-datepicker__time-box {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-
-.react-datepicker__time-list {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-  padding: 4px 12px;
-  height: 100px !important;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  -webkit-align-items: center;
-          align-items: center;
-  gap: 4px;
-}
-.react-datepicker__time-list::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.react-datepicker__time-list::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.react-datepicker__time-list::-webkit-scrollbar-corner, .react-datepicker__time-list::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-.react-datepicker__time-list:focus {
-  outline: none; /* 1 */
-}
-.react-datepicker__time-list[tabindex="0"]:focus:focus-visible {
-  outline-style: auto; /* 2 */
-}
-
-.react-datepicker__time-list-item {
-  display: inline-block;
-  -webkit-appearance: none;
-     -moz-appearance: none;
-          appearance: none;
-  cursor: pointer;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-  white-space: nowrap;
-  max-width: 100%;
-  vertical-align: middle;
-  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;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  font-weight: 500;
-  text-decoration: none;
-  outline-offset: -1px;
-  -webkit-transform: none !important;
-          transform: none !important; /* 1 */
-  -webkit-animation: none !important;
-          animation: none !important; /* 1 */
-  transition-timing-function: ease-in; /* 2 */
-  transition-duration: 150ms; /* 2 */
-  padding: 0 8px;
-  height: 24px;
-  line-height: 24px;
-  border-radius: 4px;
-  font-size: 12px;
-}
-@media screen and (prefers-reduced-motion: no-preference) {
-  .react-datepicker__time-list-item {
-    transition: background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
-    transition: transform 250ms ease-in-out, background-color 250ms ease-in-out;
-    transition: transform 250ms ease-in-out, background-color 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
-  }
-  .react-datepicker__time-list-item:hover:not(:disabled) {
-    -webkit-transform: translateY(-1px);
-            transform: translateY(-1px);
-  }
-  .react-datepicker__time-list-item:focus {
-    -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
-            animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
-  }
-  .react-datepicker__time-list-item:active:not(:disabled) {
-    -webkit-transform: translateY(1px);
-            transform: translateY(1px);
-  }
-}
-.react-datepicker__time-list-item:hover:not(:disabled), .react-datepicker__time-list-item:focus {
-  text-decoration: underline;
-}
-.react-datepicker__time-list-item--disabled, .react-datepicker__time-list-item--disabled:hover {
-  text-decoration: none !important;
-  cursor: not-allowed;
-  color: #515761;
-  background-color: transparent;
-}
-.react-datepicker__time-list-item--injected, .react-datepicker__time-list-item--injected:hover {
-  color: #7DDED8;
-  background-color: rgba(125, 222, 216, 0.2);
-}
-.react-datepicker__time-list-item--preselected, .react-datepicker__time-list-item--preselected:hover {
-  background: rgba(54, 162, 239, 0.2);
-}
-.react-datepicker__time-list-item--selected, .react-datepicker__time-list-item--selected:hover {
-  background-color: #36A2EF;
-  color: #000;
-}
-
-.react-datepicker--time-only {
-  padding: 0 !important;
-}
-.react-datepicker--time-only .react-datepicker__time-container {
-  background-color: transparent;
-  margin: 0;
-}
-.react-datepicker--time-only .react-datepicker__time-list {
-  height: 204px !important;
-}
-.react-datepicker--time-only .react-datepicker__time-list-item {
-  font-size: 14px;
-  min-width: 112px;
-  text-align: left;
-}
-
-/**
- * LEGEND
- * __header__dropdown : Contains the month and year, but affords for the navigational arrows
-
- *   __month-dropdown-container: Contains both static/selected control and the dropdown
- *     __month-read-view: The static control
- *     __month-dropdown: The absolutely positioned list
- *       __month-option: Each option in the list
- *                       --selected_month
- *                       --selected
- *                       --preselected
-
- *   __year-dropdown-container: Contains both static/selected control and the dropdown
- *     __year-read-view: The static control
- *     __year-dropdown: The absolutely positioned list
- *       __year-option: Each option in the list
- *                       --selected_year
- *                       --selected
- *                       --preselected
- */
-.react-datepicker__header__dropdown {
-  padding: 8px;
-  display: -webkit-flex;
-  display: flex;
-  gap: 4px;
-  position: absolute;
-  top: 0;
-  left: 36px;
-  right: 36px;
-  -webkit-justify-content: center;
-          justify-content: center;
-}
-
-/**
- * Make the top selectors look like select inputs
- */
-.react-datepicker__year-read-view,
-.react-datepicker__month-read-view,
-.react-datepicker__month-year-read-view {
-  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;
-  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;
-  height: 32px;
-  font-weight: 500;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: row-reverse;
-          flex-direction: row-reverse;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  -webkit-align-items: center;
-          align-items: center;
-}
-@supports (-moz-appearance: none) {
-  .react-datepicker__year-read-view,
-  .react-datepicker__month-read-view,
-  .react-datepicker__month-year-read-view {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.react-datepicker__year-read-view::-webkit-input-placeholder,
-.react-datepicker__month-read-view::-webkit-input-placeholder,
-.react-datepicker__month-year-read-view::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.react-datepicker__year-read-view::-moz-placeholder,
-.react-datepicker__month-read-view::-moz-placeholder,
-.react-datepicker__month-year-read-view::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.react-datepicker__year-read-view::-webkit-input-placeholder, .react-datepicker__month-read-view::-webkit-input-placeholder, .react-datepicker__month-year-read-view::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.react-datepicker__year-read-view::-moz-placeholder, .react-datepicker__month-read-view::-moz-placeholder, .react-datepicker__month-year-read-view::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.react-datepicker__year-read-view::placeholder,
-.react-datepicker__month-read-view::placeholder,
-.react-datepicker__month-year-read-view::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-@supports (-moz-appearance: none) {
-  .react-datepicker__year-read-view,
-  .react-datepicker__month-read-view,
-  .react-datepicker__month-year-read-view {
-    transition-property: box-shadow, background-image, background-size;
-  }
-}
-.react-datepicker__year-read-view:hover,
-.react-datepicker__month-read-view:hover,
-.react-datepicker__month-year-read-view:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-.react-datepicker__year-read-view--down-arrow,
-.react-datepicker__month-read-view--down-arrow,
-.react-datepicker__month-year-read-view--down-arrow {
-  background-position: center;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImRvd25hcnJvd3doaXRlLWEiIGQ9Ik0xMy4wNjg4NTA4LDUuMTU3MjUwMzggTDguMzg0MjM5NzUsOS43NjgyNzQyOCBDOC4xNzA1NDQxNSw5Ljk3ODYxMzA4IDcuODI5OTkyMTQsOS45NzkxNDA5NSA3LjYxNTc2MDI1LDkuNzY4Mjc0MjggTDIuOTMxMTQ5MTUsNS4xNTcyNTAzOCBDMi43MTgxMzU5LDQuOTQ3NTgzMjEgMi4zNzI3NzMxOSw0Ljk0NzU4MzIxIDIuMTU5NzU5OTQsNS4xNTcyNTAzOCBDMS45NDY3NDY2OSw1LjM2NjkxNzU2IDEuOTQ2NzQ2NjksNS43MDY4NTUyMiAyLjE1OTc1OTk0LDUuOTE2NTIyNCBMNi44NDQzNzEwNCwxMC41Mjc1NDYzIEM3LjQ4NTE3NDI0LDExLjE1ODI4MzYgOC41MTY0NDk3OSwxMS4xNTY2ODUxIDkuMTU1NjI4OTYsMTAuNTI3NTQ2MyBMMTMuODQwMjQwMSw1LjkxNjUyMjQgQzE0LjA1MzI1MzMsNS43MDY4NTUyMiAxNC4wNTMyNTMzLDUuMzY2OTE3NTYgMTMuODQwMjQwMSw1LjE1NzI1MDM4IEMxMy42MjcyMjY4LDQuOTQ3NTgzMjEgMTMuMjgxODY0MSw0Ljk0NzU4MzIxIDEzLjA2ODg1MDgsNS4xNTcyNTAzOCBaIi8+ICA8L2RlZnM+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8dXNlIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2Rvd25hcnJvd3doaXRlLWEiLz4gIDwvZz48L3N2Zz4=);
-  right: 8px;
-  height: 12px;
-  width: 12px;
-  display: inline-block;
-  background-size: cover;
-}
-.react-datepicker__year-read-view--selected-month, .react-datepicker__year-read-view--selected-year,
-.react-datepicker__month-read-view--selected-month,
-.react-datepicker__month-read-view--selected-year,
-.react-datepicker__month-year-read-view--selected-month,
-.react-datepicker__month-year-read-view--selected-year {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-}
-
-.react-datepicker__year-dropdown-container,
-.react-datepicker__month-dropdown-container {
-  position: relative;
-  display: inline-block;
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  max-width: 400px;
-}
-
-.react-datepicker__year-dropdown-container > div:not([class*=read-view]),
-.react-datepicker__month-dropdown {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-  box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
-  height: auto;
-  max-height: 250px;
-  background-color: #1D1E24;
-  position: absolute;
-  z-index: 1;
-  border-radius: 6px;
-  min-width: 100px;
-  width: 100%;
-}
-.react-datepicker__year-dropdown-container > div:not([class*=read-view])::-webkit-scrollbar,
-.react-datepicker__month-dropdown::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.react-datepicker__year-dropdown-container > div:not([class*=read-view])::-webkit-scrollbar-thumb,
-.react-datepicker__month-dropdown::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.react-datepicker__year-dropdown-container > div:not([class*=read-view])::-webkit-scrollbar-corner, .react-datepicker__year-dropdown-container > div:not([class*=read-view])::-webkit-scrollbar-track,
-.react-datepicker__month-dropdown::-webkit-scrollbar-corner,
-.react-datepicker__month-dropdown::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-.react-datepicker__year-dropdown-container > div:not([class*=read-view]):focus,
-.react-datepicker__month-dropdown:focus {
-  outline: none; /* 1 */
-}
-.react-datepicker__year-dropdown-container > div:not([class*=read-view])[tabindex="0"]:focus:focus-visible,
-.react-datepicker__month-dropdown[tabindex="0"]:focus:focus-visible {
-  outline-style: auto; /* 2 */
-}
-
-.react-datepicker__year-dropdown-container > div:not([class*=read-view]) .react-datepicker__year-dropdown {
-  padding: 4px;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column-reverse;
-          flex-direction: column-reverse;
-  -webkit-justify-content: flex-end;
-          justify-content: flex-end;
-}
-
-.react-datepicker__month-dropdown-container {
-  -webkit-flex-grow: 2;
-          flex-grow: 2;
-}
-.react-datepicker__month-dropdown-container .react-datepicker__month-dropdown {
-  padding: 4px;
-  min-width: 140px;
-}
-
-.react-datepicker__year-option,
-.react-datepicker__month-option,
-.react-datepicker__month-year-option {
-  padding: 0 8px;
-  height: 24px;
-  line-height: 24px;
-  border-radius: 4px;
-  font-size: 14px;
-  margin: 4px 0;
-  cursor: pointer;
-}
-.react-datepicker__year-option:hover, .react-datepicker__year-option:focus,
-.react-datepicker__month-option:hover,
-.react-datepicker__month-option:focus,
-.react-datepicker__month-year-option:hover,
-.react-datepicker__month-year-option:focus {
-  text-decoration: underline;
-}
-.react-datepicker__year-option--selected,
-.react-datepicker__month-option--selected,
-.react-datepicker__month-year-option--selected {
-  display: none;
-}
-
-.react-datepicker__year-option--preselected, .react-datepicker__year-option--preselected:hover,
-.react-datepicker__month-option--preselected,
-.react-datepicker__month-option--preselected:hover {
-  background: rgba(54, 162, 239, 0.2);
-}
-
-.react-datepicker__year-option--selected_year, .react-datepicker__year-option--selected_year:hover,
-.react-datepicker__month-option--selected_month,
-.react-datepicker__month-option--selected_month:hover {
-  background-color: #36A2EF;
-  color: #000;
-}
-
-.react-datepicker__navigation--next,
-.react-datepicker__navigation--previous {
-  background-position: center;
-  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjY5MiA3SDMuNTU2QzMuMjQ5IDcgMyA3LjIyNCAzIDcuNXMuMjQ5LjUuNTU2LjVoOC4xMzZsLTQuMDk2IDQuMDk2YS41LjUgMCAwMC43MDcuNzA3bDQuMjQzLTQuMjQyYy4yNTgtLjI1OS40MDMtLjU4Ny40MzMtLjkyNWEuNDU0LjQ1NCAwIDAwMC0uMjcyIDEuNDk0IDEuNDk0IDAgMDAtLjQzMy0uOTI1TDguMzAzIDIuMTk3YS41LjUgMCAxMC0uNzA3LjcwN0wxMS42OTIgN3oiLz48L3N2Zz4=);
-  cursor: pointer;
-  position: absolute;
-  top: 8px;
-  height: 32px;
-  width: 32px;
-  z-index: 1;
-  text-indent: -999em;
-  overflow: hidden;
-  background-repeat: no-repeat;
-  border-radius: 4px;
-  background-position: center;
-}
-.react-datepicker__navigation--next:hover, .react-datepicker__navigation--next:focus,
-.react-datepicker__navigation--previous:hover,
-.react-datepicker__navigation--previous:focus {
-  background-color: rgba(54, 162, 239, 0.2);
-}
-
-.react-datepicker__navigation--previous {
-  left: 8px;
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-  -webkit-transform-origin: center;
-          transform-origin: center;
-}
-
-.react-datepicker__navigation--next {
-  right: 8px;
-}
-
-/* This file is a heavy retheme of react-datepicker's Sass as of v1.4.0
-** https://github.com/Hacker0x01/react-datepicker
-*/
-.euiDatePicker {
-  display: block;
-  /**
-   * Inline datepickers
-   */
-}
-.euiDatePicker .euiFormControlLayout {
-  height: auto;
-}
-.euiDatePicker--inline .euiFormControlLayout {
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-  background-color: transparent;
-  box-shadow: none;
-  padding: 0;
-}
-.euiDatePicker--inline .euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper {
-  background-color: transparent;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-}
-.euiDatePicker--inline .euiFormControlLayoutIcons {
-  -webkit-justify-content: center;
-          justify-content: center;
-  -webkit-padding-after: 8px;
-          padding-block-end: 8px;
-}
-.euiDatePicker--shadow .euiFormControlLayout {
-  box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1);
-}
-.euiDatePicker--shadow .euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper {
-  background-color: #1D1E24;
-}
-
-.react-datepicker {
-  font-size: 12px;
-  color: #DFE5EF;
-  display: -webkit-flex;
-  display: flex;
-  border-radius: 6px;
-  padding: 8px;
-  -webkit-justify-content: center;
-          justify-content: center;
-}
-
-.react-datepicker--non-interactive {
-  pointer-events: none;
-}
-
-.react-datepicker__current-month,
-.react-datepicker-time__header {
-  display: none;
-}
-
-.react-datepicker__screenReaderOnly {
-  position: absolute;
-  top: auto;
-  left: -10000px;
-  width: 1px;
-  height: 1px;
-  clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
-          clip-path: inset(50%);
-  overflow: hidden;
-  margin: -1px;
-}
-
-.react-datepicker__focusTrap {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-justify-content: center;
-          justify-content: center;
-}
-
-.react-datepicker__month-container {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  margin-top: 36px;
-}
-
-.react-datepicker__header {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-}
-
-.react-datepicker-time__header {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-}
-
-.react-datepicker__month {
-  text-align: center;
-  border-radius: 6px;
-}
-
-@media only screen and (max-width: 574px) {
-  .react-datepicker__focusTrap,
-  .react-datepicker {
-    -webkit-flex-direction: column;
-            flex-direction: column;
-  }
-  .react-datepicker__time-box {
-    margin-top: 0;
-  }
-}
 .euiComboBox {
   max-width: 400px;
   width: 100%;
@@ -1267,287 +582,6 @@ The following files still use the Sass version:
   color: #FFF;
 }
 
-.euiSuperDatePicker__absoluteDateForm {
-  padding: 0 8px 8px;
-}
-
-.euiSuperDatePicker__absoluteDateFormSubmit {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-}
-
-.euiSuperDatePicker__absoluteDateFormRow {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-.euiSuperDatePicker__absoluteDateFormRow .euiFormRow__text {
-  -webkit-margin-end: -40px;
-          margin-inline-end: -40px;
-}
-
-.euiDatePopoverButton {
-  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;
-  display: block;
-  width: 100%;
-  padding: 0 8px;
-  line-height: 38px;
-  height: 38px;
-  word-break: break-all;
-  transition: background 150ms ease-in;
-  background-size: 100%;
-}
-.euiDatePopoverButton::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiDatePopoverButton::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiDatePopoverButton::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiDatePopoverButton--compressed {
-  line-height: 30px;
-  height: 30px;
-}
-.euiDatePopoverButton:focus, .euiDatePopoverButton-isSelected {
-  background-image: linear-gradient(to top, #36A2EF, #36A2EF 2px, transparent 2px, transparent 100%);
-}
-.euiDatePopoverButton-needsUpdating {
-  background-color: #264341;
-  color: #7DDED8;
-}
-.euiDatePopoverButton-needsUpdating:focus, .euiDatePopoverButton-needsUpdating.euiDatePopoverButton-isSelected {
-  background-image: linear-gradient(to top, #7DDED8, #7DDED8 2px, transparent 2px, transparent 100%);
-}
-.euiDatePopoverButton-isInvalid {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-  background-size: 100%;
-  background-color: transparent;
-  color: #F86B63;
-}
-.euiDatePopoverButton-isInvalid:focus, .euiDatePopoverButton-isInvalid.euiDatePopoverButton-isSelected {
-  background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
-}
-.euiDatePopoverButton:disabled {
-  background-color: #202128;
-  background-image: none;
-  color: #98A2B3;
-  cursor: default;
-}
-
-.euiDatePopoverButton--start {
-  text-align: center;
-}
-
-.euiDatePopoverButton--end {
-  text-align: center;
-}
-
-.euiDatePopoverContent,
-.euiDatePopoverContent .react-datepicker {
-  width: 400px;
-  max-width: 100%;
-}
-@media only screen and (max-width: 574px) {
-  .euiDatePopoverContent,
-  .euiDatePopoverContent .react-datepicker {
-    width: 284px;
-  }
-}
-
-.euiDatePopoverContent__padded {
-  padding: 8px;
-}
-
-.euiDatePopoverContent__padded--large {
-  padding: 16px;
-}
-
-.euiQuickSelectPopover__content {
-  width: 400px;
-  max-width: 100%;
-}
-.euiQuickSelectPopover__content .euiQuickSelectPopover__panel:not(:first-child) {
-  border-top: 1px solid #343741;
-  padding-top: 12px;
-  margin-top: 12px;
-}
-.euiQuickSelectPopover__content .euiQuickSelectPopover__panel .euiQuickSelectPopover__panelTitle {
-  float: left;
-  margin-bottom: 12px;
-}
-
-.euiQuickSelectPopover__section {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  max-height: 132px;
-  overflow: hidden;
-  overflow-y: auto;
-  margin: 8px 0 0;
-  clear: both;
-}
-.euiQuickSelectPopover__section::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiQuickSelectPopover__section::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiQuickSelectPopover__section::-webkit-scrollbar-corner, .euiQuickSelectPopover__section::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-.euiQuickSelectPopover__buttonContent {
-  gap: 4px;
-}
-
-.euiQuickSelectPopover__sectionItem {
-  font-size: 14px;
-  line-height: 14px;
-}
-.euiQuickSelectPopover__sectionItem--recentlyUsed:not(:last-of-type) {
-  margin-bottom: 8px;
-}
-
-.euiQuickSelect__applyButton {
-  min-width: 0;
-}
-
-.euiRefreshInterval__startButton {
-  min-width: 90px;
-}
-
-.euiSuperDatePicker {
-  display: -webkit-flex;
-  display: flex;
-  gap: 8px;
-  max-width: 100%;
-  min-width: min(326px, 100%);
-  width: 606px;
-}
-@media only screen and (max-width: 574px) {
-  .euiSuperDatePicker {
-    width: 100%;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiSuperDatePicker {
-    width: 100%;
-  }
-}
-.euiSuperDatePicker--isAutoRefreshOnly {
-  min-width: min(200px, 100%);
-  width: 400px;
-}
-.euiSuperDatePicker--noUpdateButton {
-  min-width: min(200px, 100%);
-  width: 480px;
-}
-.euiSuperDatePicker--fullWidth {
-  width: 100%;
-}
-.euiSuperDatePicker--isQuickSelectOnly {
-  min-width: 0;
-}
-.euiSuperDatePicker--autoWidth {
-  display: -webkit-inline-flex;
-  display: inline-flex;
-  width: auto;
-}
-.euiSuperDatePicker .euiDatePickerRange {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-.euiSuperDatePicker .euiFormControlLayout {
-  max-width: 100%;
-}
-.euiSuperDatePicker .euiFormControlLayout__childrenWrapper {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  overflow: hidden;
-  background-color: #16171c;
-}
-.euiSuperDatePicker .euiFormControlLayout__childrenWrapper:last-child {
-  border-radius: 0 6px 6px 0;
-}
-.euiSuperDatePicker .euiFormControlLayout__childrenWrapper > .euiFormControlLayoutDelimited__input {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-
-.euiSuperDatePicker__prettyFormat {
-  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;
-  display: block;
-  width: 100%;
-  padding: 0 8px;
-  line-height: 38px;
-  height: 38px;
-  word-break: break-all;
-  transition: background 150ms ease-in;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  text-align: left;
-}
-.euiSuperDatePicker__prettyFormat::-webkit-input-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSuperDatePicker__prettyFormat::-moz-placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSuperDatePicker__prettyFormat::placeholder {
-  color: #81858f;
-  opacity: 1;
-}
-.euiSuperDatePicker__prettyFormat:not(:disabled):hover, .euiSuperDatePicker__prettyFormat:focus {
-  text-decoration: none;
-}
-.euiSuperDatePicker__prettyFormat:disabled {
-  background-color: #202128;
-  color: #98A2B3;
-  cursor: not-allowed;
-}
-
-/**
-* Make the arrow delimiter match the colors of `.euiDatePopoverButton-needsUpdating`
-*/
-.euiSuperDatePicker--needsUpdating .euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper {
-  background-color: #264341;
-}
-.euiSuperDatePicker--needsUpdating .euiFormControlLayoutDelimited .euiFormControlLayoutDelimited__delimiter {
-  color: #7DDED8;
-}
-.euiSuperDatePicker--needsUpdating .euiFormControlLayout__childrenWrapper {
-  transition: background 150ms ease-in;
-}
-
 .euiDataGrid {
   display: -webkit-flex;
   display: flex;