@elastic/eui 95.10.0 → 95.11.0

package/dist/eui_theme_dark.css

@@ -170,927 +170,4 @@ The following files still use the Sass version:
     -webkit-transform: translateY(1px);
             transform: translateY(1px);
   }
-}
-.euiDataGrid {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex-direction: column;
-          flex-direction: column;
-  -webkit-align-items: stretch;
-          align-items: stretch;
-  overflow: hidden;
-  height: 100%;
-}
-
-.euiDataGrid--fullScreen {
-  height: 100%;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 999;
-  background: #1D1E24;
-}
-.euiDataGrid--fullScreen .euiDataGrid__pagination {
-  padding-bottom: 4px;
-  background: #25262E;
-  box-shadow: 1px 0 0 1px #343741;
-}
-
-.euiDataGrid__content {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  height: 100%;
-  max-width: 100%;
-  width: 100%;
-  overflow: hidden;
-  z-index: 1;
-  position: relative;
-  background: #141519;
-  font-feature-settings: "tnum" 1;
-}
-
-.euiDataGrid__customRenderBody {
-  scrollbar-color: rgba(152, 162, 179, 0.5) #1D1E24;
-  scrollbar-width: thin;
-  height: 100%;
-  width: 100%;
-  overflow: auto;
-}
-.euiDataGrid__customRenderBody::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiDataGrid__customRenderBody::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid #1D1E24;
-}
-.euiDataGrid__customRenderBody::-webkit-scrollbar-corner, .euiDataGrid__customRenderBody::-webkit-scrollbar-track {
-  background-color: #1D1E24;
-}
-
-.euiDataGrid__pagination {
-  z-index: 2;
-  padding-top: 4px;
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-}
-
-.euiDataGrid__restrictBody {
-  height: 100vh;
-  overflow: hidden;
-}
-.euiDataGrid__restrictBody .euiHeader[data-fixed-header] {
-  z-index: 998 !important;
-}
-.euiDataGrid__restrictBody .euiOverlayMask[data-relative-to-header=below] {
-  top: 0;
-}
-.euiDataGrid__restrictBody .euiFlyout {
-  top: 0;
-  height: 100%;
-}
-
-.euiDataGrid__focusWrap {
-  height: 100%;
-}
-
-.euiDataGrid__virtualized {
-  scrollbar-color: rgba(152, 162, 179, 0.5) #1D1E24;
-  scrollbar-width: thin;
-  scroll-padding: 0;
-}
-.euiDataGrid__virtualized::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiDataGrid__virtualized::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid #1D1E24;
-}
-.euiDataGrid__virtualized::-webkit-scrollbar-corner, .euiDataGrid__virtualized::-webkit-scrollbar-track {
-  background-color: #1D1E24;
-}
-
-.euiDataGrid__scrollOverlay {
-  position: absolute;
-  top: -1px;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  box-shadow: inset 0 0 0 1px #343741;
-}
-.euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay {
-  box-shadow: inset 0 -2px 0 -1px #343741;
-}
-.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom {
-  position: absolute;
-  width: 100%;
-  height: 1px;
-  background-color: #343741;
-}
-.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight {
-  position: absolute;
-  height: 100%;
-  width: 1px;
-  background-color: #343741;
-}
-
-.euiDataGridHeader {
-  display: -webkit-flex;
-  display: flex;
-  z-index: 999;
-  background: #1D1E24;
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
-.euiDataGridHeaderCell {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  position: relative;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-flex: 0 0 auto;
-          flex: 0 0 auto;
-  -webkit-align-items: center;
-          align-items: center;
-  padding: 6px;
-  font-weight: 700;
-}
-.euiDataGridHeaderCell > [data-focus-lock-disabled] {
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  gap: 4px;
-  width: 100%;
-}
-.euiDataGridHeaderCell:focus, .euiDataGridHeaderCell--hasColumnActions:focus-within, .euiDataGridHeaderCell--isActionsPopoverOpen {
-  outline: none;
-}
-.euiDataGridHeaderCell:focus::after, .euiDataGridHeaderCell--hasColumnActions:focus-within::after, .euiDataGridHeaderCell--isActionsPopoverOpen::after {
-  content: "";
-  display: block;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  border: 2px solid var(--euiDataGridCellOutlineColor, #36A2EF);
-  border-radius: 3px;
-  z-index: 2;
-  pointer-events: none;
-}
-.euiDataGridHeaderCell:focus:focus-visible {
-  outline: none;
-}
-.euiDataGridHeaderCell .euiDataGridHeaderCell__content {
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button {
-  position: relative;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  gap: 4px;
-  width: 100%;
-  border-radius: 4px;
-  font-weight: 700;
-  outline: none;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button:focus-visible {
-  outline: none;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button {
-  outline: 2px solid currentColor;
-  color: #36A2EF;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:focus-visible {
-  outline-style: auto;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) [data-focus-lock-disabled=false] .euiDataGridHeaderCell__button:not(:focus-visible) {
-  outline: none;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content {
-  max-width: 100%;
-  overflow: hidden !important;
-  text-overflow: ellipsis !important;
-  white-space: nowrap !important;
-  text-align: left;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow {
-  -webkit-flex: 0 0 auto;
-          flex: 0 0 auto;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon {
-  -webkit-flex: 0 0 auto;
-          flex: 0 0 auto;
-  margin-left: auto;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  -webkit-justify-content: center;
-          justify-content: center;
-  width: 0;
-  height: 16px;
-  overflow: hidden;
-  opacity: 0;
-  transition: width 150ms ease-in, opacity 350ms ease-in;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__button, .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__button,
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__button {
-  padding: 4px;
-}
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within .euiDataGridHeaderCell__icon, .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):hover .euiDataGridHeaderCell__icon,
-.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiPopover-isOpen .euiDataGridHeaderCell__icon {
-  width: 16px;
-  opacity: 1;
-}
-.euiDataGridHeaderCell.euiDataGridHeaderCell--numeric .euiDataGridHeaderCell__content, .euiDataGridHeaderCell.euiDataGridHeaderCell--currency .euiDataGridHeaderCell__content {
-  text-align: right;
-}
-
-.euiDataGridHeader__action--selected {
-  font-weight: 700 !important;
-}
-
-.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader {
-  background: #1D1E24;
-}
-
-.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
-  border-top: none;
-  border-left: none;
-  border-right: none;
-  border-bottom: 2px solid #343741;
-  border-bottom-color: #DFE5EF;
-}
-
-.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
-  border-bottom: 2px solid #343741;
-  border-color: #DFE5EF;
-}
-
-.euiDataGrid--headerShade .euiDataGridHeaderCell {
-  background: #212229;
-}
-
-.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell {
-  border-right: 1px solid #343741;
-  border-bottom: 1px solid #343741;
-  border-left: none;
-}
-.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type {
-  border-left: 1px solid #343741;
-}
-
-.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
-  border-top: none;
-  border-bottom: 1px solid #343741;
-}
-
-.euiDataGrid--bordersNone .euiDataGridHeaderCell {
-  border: none;
-}
-
-.euiDataGrid--borderhorizontal .euiDataGridHeaderCell {
-  border-top: none;
-  border-right: none;
-  border-left: none;
-}
-
-.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell {
-  font-size: 12px;
-  font-size: 0.8571428571rem;
-  line-height: 1.1428571429rem;
-}
-
-.euiDataGrid--fontSizeLarge .euiDataGridHeaderCell {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-}
-
-.euiDataGrid--paddingSmall .euiDataGridHeaderCell {
-  padding: 4px;
-}
-
-.euiDataGrid--paddingLarge .euiDataGridHeaderCell {
-  padding: 8px;
-}
-
-.euiDataGrid--noControls.euiDataGrid--bordersAll .euiDataGridHeaderCell {
-  border-top: 1px solid #343741;
-}
-
-.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
-  border-top: 1px solid #343741;
-}
-
-.euiDataGridFooter {
-  display: -webkit-flex;
-  display: flex;
-  width: -webkit-fit-content;
-  width: -moz-fit-content;
-  width: fit-content;
-}
-
-.euiDataGridRowCell.euiDataGridFooterCell {
-  -webkit-flex: 0 0 auto;
-          flex: 0 0 auto;
-  position: relative;
-  font-weight: 700;
-}
-
-.euiDataGrid--stickyFooter .euiDataGridFooter {
-  position: -webkit-sticky;
-  position: sticky;
-  bottom: 0;
-}
-
-.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell {
-  border-top: 2px solid #343741;
-  border-top-color: #DFE5EF !important;
-  background: #1D1E24 !important;
-}
-
-.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell {
-  border-left: none;
-  border-right: none;
-}
-
-.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell {
-  border-left: none;
-  border-right: none;
-}
-
-.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell {
-  background: #212229;
-}
-
-.euiDataGridColumnResizer {
-  position: absolute;
-  top: 0;
-  right: -8px;
-  height: 100%;
-  width: 16px;
-  cursor: ew-resize;
-  opacity: 0;
-  z-index: 2;
-}
-.euiDataGridColumnResizer::after {
-  content: "";
-  position: absolute;
-  left: 7px;
-  top: 0;
-  bottom: 0;
-  width: 3px;
-  background-color: #36A2EF;
-}
-.euiDataGridColumnResizer:hover, .euiDataGridColumnResizer:active {
-  opacity: 1;
-}
-.euiDataGridColumnResizer:hover ~ .euiDataGridHeaderCell__content, .euiDataGridColumnResizer:active ~ .euiDataGridHeaderCell__content {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-
-.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer {
-  right: 0;
-  width: 8px;
-}
-.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer::after {
-  left: auto;
-  right: 0;
-}
-
-.euiDataGridRow {
-  background-color: #1D1E24;
-}
-
-.euiDataGridRowCell {
-  position: relative;
-  border-right: solid 1px #24272e;
-  border-bottom: 1px solid #343741;
-  --euiDataGridCellOutlineColor: #36A2EF;
-}
-.euiDataGridRowCell .euiDataGridRowCell__content {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-  padding: 6px;
-  height: 100%;
-  overflow: hidden;
-}
-.euiDataGridRowCell .euiDataGridRowCell__content--autoHeight {
-  height: auto;
-}
-.euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight {
-  padding-bottom: 0;
-  border-bottom: 6px solid transparent;
-}
-.euiDataGridRowCell > [data-focus-lock-disabled] {
-  height: 100%;
-}
-.euiDataGridRowCell.euiDataGridRowCell--firstColumn {
-  border-left: 1px solid #343741;
-}
-.euiDataGridRowCell.euiDataGridRowCell--lastColumn {
-  border-right-color: #343741;
-}
-.euiDataGridRowCell:hover, .euiDataGridRowCell:focus, .euiDataGridRowCell.euiDataGridRowCell--open {
-  outline: none;
-}
-.euiDataGridRowCell:hover::after, .euiDataGridRowCell:focus::after, .euiDataGridRowCell.euiDataGridRowCell--open::after {
-  content: "";
-  display: block;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  border: 2px solid var(--euiDataGridCellOutlineColor, #36A2EF);
-  border-radius: 3px;
-  z-index: 2;
-  pointer-events: none;
-}
-.euiDataGridRowCell:focus:focus-visible {
-  outline: none;
-}
-.euiDataGridRowCell:hover:not(:focus, :focus-within, .euiDataGridRowCell--open) {
-  --euiDataGridCellOutlineColor: #98A2B3;
-}
-.euiDataGridRowCell:hover:not(:focus, :focus-within, .euiDataGridRowCell--open) .euiDataGridRowCell__actions {
-  -webkit-animation-delay: 350ms;
-          animation-delay: 350ms;
-}
-.euiDataGridRowCell:hover .euiDataGridRowCell__actions, .euiDataGridRowCell:focus .euiDataGridRowCell__actions, .euiDataGridRowCell:focus-within .euiDataGridRowCell__actions, .euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actions, .euiDataGridRowCell[data-keyboard-closing] .euiDataGridRowCell__actions {
-  -webkit-animation-duration: 90ms;
-          animation-duration: 90ms;
-  -webkit-animation-name: euiDataGridCellActionsSlideIn;
-          animation-name: euiDataGridCellActionsSlideIn;
-  -webkit-animation-iteration-count: 1;
-          animation-iteration-count: 1;
-  -webkit-animation-fill-mode: forwards;
-          animation-fill-mode: forwards;
-}
-.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open):not([data-keyboard-closing]) .euiDataGridRowCell__actions {
-  display: none;
-}
-.euiDataGridRowCell.euiDataGridRowCell--numeric {
-  text-align: right;
-}
-.euiDataGridRowCell.euiDataGridRowCell--currency {
-  text-align: right;
-}
-.euiDataGridRowCell.euiDataGridRowCell--uppercase {
-  text-transform: uppercase;
-}
-.euiDataGridRowCell.euiDataGridRowCell--lowercase {
-  text-transform: lowercase;
-}
-.euiDataGridRowCell.euiDataGridRowCell--capitalize {
-  text-transform: capitalize;
-}
-
-.euiDataGridRowCell__popover {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  overflow: auto;
-  z-index: 1000 !important;
-  -webkit-filter: none;
-          filter: none;
-  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-  -webkit-animation-duration: 250ms;
-          animation-duration: 250ms;
-  -webkit-animation-name: euiDataGridCellPopover;
-          animation-name: euiDataGridCellPopover;
-}
-.euiDataGridRowCell__popover::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiDataGridRowCell__popover::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiDataGridRowCell__popover::-webkit-scrollbar-corner, .euiDataGridRowCell__popover::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-
-.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content {
-  max-height: 100%;
-  height: auto;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-}
-.euiDataGridRowCell--controlColumn .euiDataGridRowCell__content.euiDataGridRowCell__content--defaultHeight {
-  height: 100%;
-}
-
-.euiDataGridRowCell__actions,
-.euiDataGridRowCell__actions + [data-euiportal] > .euiPopover {
-  position: absolute;
-  bottom: 100%;
-}
-.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions,
-.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions + [data-euiportal] > .euiPopover {
-  left: 0;
-}
-.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions,
-.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions + [data-euiportal] > .euiPopover {
-  right: 0;
-}
-
-.euiDataGridRowCell__actions {
-  z-index: 998;
-  margin-bottom: -1px;
-  display: -webkit-flex;
-  display: flex;
-  gap: 2px;
-  padding-inline: 2px;
-  background-color: var(--euiDataGridCellOutlineColor);
-  color: #1D1E24;
-  border: 1px solid var(--euiDataGridCellOutlineColor);
-  border-top-left-radius: 3px;
-  border-top-right-radius: 3px;
-  -webkit-transform: scaleY(0);
-          transform: scaleY(0);
-  -webkit-transform-origin: bottom;
-          transform-origin: bottom;
-}
-.euiDataGridRowCell[data-gridcell-visible-row-index="0"] > .euiDataGridRowCell__actions {
-  z-index: 999;
-}
-.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions {
-  border-bottom-right-radius: 3px;
-}
-.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions {
-  border-bottom-left-radius: 3px;
-}
-.euiDataGridRowCell__actions::after {
-  content: "";
-  position: absolute;
-  top: 100%;
-  height: 2px;
-  width: 2px;
-  background-color: var(--euiDataGridCellOutlineColor);
-}
-.euiDataGridRowCell--alignLeft .euiDataGridRowCell__actions::after {
-  left: -1px;
-}
-.euiDataGridRowCell--alignRight .euiDataGridRowCell__actions::after {
-  right: -1px;
-}
-
-.euiDataGridRowCell__actionButtonIcon {
-  height: 20px;
-  width: 16px;
-  border-radius: 0;
-  /* Force all cell action buttons to match EUI colors */
-  /* Manually increase the size of the expand cell icon - it's a bit small by default */
-}
-.euiDataGridRowCell__actionButtonIcon,
-.euiDataGridRowCell__actionButtonIcon svg {
-  background-color: transparent !important;
-  color: currentColor !important;
-  fill: currentColor !important;
-}
-.euiDataGridRowCell__actionButtonIcon.euiDataGridRowCell__expandCell .euiIcon {
-  width: 120%;
-  height: 100%;
-}
-
-.euiDataGrid--stripes .euiDataGridRow--striped {
-  background-color: #25262E;
-}
-
-.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover {
-  background-color: #2E2D25;
-}
-
-.euiDataGrid--bordersNone .euiDataGridRowCell {
-  border-color: transparent !important;
-}
-
-.euiDataGrid--bordersHorizontal .euiDataGridRowCell {
-  border-right-color: transparent;
-  border-left-color: transparent;
-}
-
-.euiDataGrid--fontSizeSmall .euiDataGridRowCell .euiDataGridRowCell__content {
-  font-size: 12px;
-  font-size: 0.8571428571rem;
-  line-height: 1.1428571429rem;
-}
-
-.euiDataGrid--fontSizeLarge .euiDataGridRowCell .euiDataGridRowCell__content {
-  font-size: 14px;
-  font-size: 1rem;
-  line-height: 1.7142857143rem;
-}
-
-.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content {
-  padding: 4px;
-}
-.euiDataGrid--paddingSmall .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight {
-  padding-bottom: 0;
-  border-bottom: 4px solid transparent;
-}
-
-.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content {
-  padding: 8px;
-}
-.euiDataGrid--paddingLarge .euiDataGridRowCell .euiDataGridRowCell__content--lineCountHeight {
-  padding-bottom: 0;
-  border-bottom: 8px solid transparent;
-}
-
-@-webkit-keyframes euiDataGridCellActionsSlideIn {
-  from {
-    -webkit-transform: scaleY(0);
-            transform: scaleY(0);
-  }
-  to {
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
-}
-
-@keyframes euiDataGridCellActionsSlideIn {
-  from {
-    -webkit-transform: scaleY(0);
-            transform: scaleY(0);
-  }
-  to {
-    -webkit-transform: scaleY(1);
-            transform: scaleY(1);
-  }
-}
-@-webkit-keyframes euiDataGridCellPopover {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes euiDataGridCellPopover {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-.euiDataGrid__controls {
-  background: #141519;
-  position: relative;
-  z-index: 2;
-  border: 1px solid #343741;
-  padding: 4px 4px 4px 0;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-justify-content: space-between;
-          justify-content: space-between;
-  -webkit-align-items: center;
-          align-items: center;
-}
-
-.euiDataGrid__rightControls {
-  white-space: nowrap;
-}
-.euiDataGrid__rightControls:only-child {
-  margin-left: auto;
-}
-.euiDataGrid__rightControls > * + * {
-  margin-left: 8px;
-}
-
-.euiDataGrid__leftControls > * + * {
-  margin-left: 2px;
-}
-
-.euiDataGrid--bordersNone .euiDataGrid__controls {
-  border: none;
-  background: #1D1E24;
-}
-
-.euiDataGrid--bordersHorizontal .euiDataGrid__controls {
-  border-right: none;
-  border-left: none;
-  border-top: none;
-  background: #1D1E24;
-}
-
-.euiDataGrid__controlScroll {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-  max-height: 400px;
-  padding: 8px;
-  margin: -8px;
-}
-.euiDataGrid__controlScroll::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiDataGrid__controlScroll::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiDataGrid__controlScroll::-webkit-scrollbar-corner, .euiDataGrid__controlScroll::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-.euiDataGrid__controlScroll:focus {
-  outline: none; /* 1 */
-}
-.euiDataGrid__controlScroll[tabindex="0"]:focus:focus-visible {
-  outline-style: auto; /* 2 */
-}
-
-.euiDataGridColumnSelector__item {
-  padding: 4px;
-}
-.euiDataGridColumnSelector__item-isDragging {
-  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-  background: #1D1E24;
-}
-
-.euiDataGridColumnSelector__columnList {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-  -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
-          mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
-  -webkit-transform: translateZ(0);
-          transform: translateZ(0);
-  max-height: 400px;
-  margin: 0 -8px;
-}
-.euiDataGridColumnSelector__columnList::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner, .euiDataGridColumnSelector__columnList::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-.euiDataGridColumnSelector__columnList:focus {
-  outline: none; /* 1 */
-}
-.euiDataGridColumnSelector__columnList[tabindex="0"]:focus:focus-visible {
-  outline-style: auto; /* 2 */
-}
-
-.euiDataGridColumnSelector__itemLabel {
-  font-size: 12px;
-  font-size: 0.8571428571rem;
-  line-height: 1.1428571429rem;
-}
-
-.euiDataGridColumnSorting__item-isDragging {
-  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
-  background: #1D1E24;
-}
-
-.euiDataGridColumnSorting__fieldList {
-  scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
-  scrollbar-width: thin;
-  height: 100%;
-  overflow-y: auto;
-  overflow-x: hidden;
-  -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
-          mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
-  -webkit-transform: translateZ(0);
-          transform: translateZ(0);
-  padding-top: 4px;
-  padding-bottom: 4px;
-  max-height: 300px;
-}
-.euiDataGridColumnSorting__fieldList::-webkit-scrollbar {
-  width: 16px;
-  height: 16px;
-}
-.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb {
-  background-color: rgba(152, 162, 179, 0.5);
-  background-clip: content-box;
-  border-radius: 16px;
-  border: 6px solid transparent;
-}
-.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner, .euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track {
-  background-color: transparent;
-}
-.euiDataGridColumnSorting__fieldList:focus {
-  outline: none; /* 1 */
-}
-.euiDataGridColumnSorting__fieldList[tabindex="0"]:focus:focus-visible {
-  outline-style: auto; /* 2 */
-}
-
-.euiDataGridColumnSorting__field {
-  display: block;
-  padding: 4px 8px;
-  width: 100%;
-  outline-offset: -2px;
-}
-.euiDataGridColumnSorting__field:hover {
-  cursor: pointer;
-  text-decoration: underline;
-}
-.euiDataGridColumnSorting__field:focus {
-  cursor: pointer;
-  text-decoration: underline;
-  background-color: rgba(54, 162, 239, 0.2);
-}
-.euiDataGridColumnSorting__field:disabled {
-  cursor: not-allowed;
-  text-decoration: none;
-  color: #515761;
-}
-
-.euiDataGridColumnSorting__name {
-  padding-right: 24px;
-}
-@media only screen and (max-width: 574px) {
-  .euiDataGridColumnSorting__name {
-    padding-right: 4px;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiDataGridColumnSorting__name {
-    padding-right: 4px;
-  }
-}
-
-.euiDataGridColumnSorting__order {
-  min-width: 200px;
-}
-@media only screen and (max-width: 574px) {
-  .euiDataGridColumnSorting__order {
-    min-width: unset;
-  }
-}
-@media only screen and (min-width: 575px) and (max-width: 767px) {
-  .euiDataGridColumnSorting__order {
-    min-width: unset;
-  }
-}
-.euiDataGridColumnSorting__order .euiButtonGroup__buttons {
-  border: none;
-}
-.euiDataGridColumnSorting__order .euiButtonGroupButton {
-  font-size: 12px;
-}
-
-.euiDataGrid__displayPopoverPanel {
-  width: 416px;
-}
-
-.euiDataGrid__keyboardShortcuts {
-  display: block;
-  max-inline-size: 400px;
-  max-block-size: 80vh;
-  overflow-y: auto;
-  overflow-block: auto;
-}
-.euiDataGrid__keyboardShortcuts .euiDescriptionList {
-  row-gap: 0;
-}
-
-.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
-  font-size: 16px;
-  font-size: 1.1428571429rem;
-  line-height: 1.7142857143rem;
 }