@charset "UTF-8";

/**
The MIT License (MIT)

Copyright (c) 2015 strarsis https://github.com/strarsis/sass-math-pow

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
 */
/**
The MIT License (MIT)

Copyright (c) 2015 strarsis https://github.com/strarsis/sass-math-pow

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
 */
/**
 * Text truncation
 *
 * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis.
 *
 * 1. Ensure that the node has a maximum width after which truncation can occur.
 */
/**
 * Text weight shifting
 *
 * When changing the font-weight based the state of the component
 * this mixin will ensure that the sizing is dependent on the boldest
 * weight so it doesn't shifter sibling content.
 */
/**
 * 1. Focus rings shouldn't be visible on scrollable regions, but a11y requires them to be focusable.
 *    Browser's supporting `:focus-visible` will still show outline on keyboard focus only.
 *    Others like Safari, won't show anything at all.
 * 2. Force the `:focus-visible` when the `tabindex=0` (is tabbable)
 */
/**
 * For quickly applying a full-height element whether using flex or not
 */
/*
 * Creates the Amsterdam style of button with a transparent background
 */
/*
 * Creates the Amsterdam style of fill button
 */
/*
The CSS in JS version of this file lives in:
  - src/components/form/range/range.styles.ts

The following files still use the Sass version:
  - src/themes/amsterdam/overrides/_color_stops.scss
  - src/themes/amsterdam/overrides/_hue.scss
*/
@keyframes euiAnimFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes euiGrow {
    0% {
        opacity: 0
    }

    1% {
        opacity: 0;
        transform: scale(0)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes focusRingAnimate {
    0% {
        box-shadow: 0 0 0 2px #07c0
    }

    to {
        box-shadow: 0 0 0 2px #0071c2
    }
}

@keyframes focusRingAnimateLarge {
    0% {
        box-shadow: 0 0 0 10px #07c0
    }

    to {
        box-shadow: 0 0 0 4px #0071c2
    }
}

@keyframes euiButtonActive {
    50% {
        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()
 */
 
span[title="Technical preview"]{
	display:none !important;
}

button[aria-controls="lensSuggestionsPanel"] span.euiAccordion__buttonContent:before{
	content:"اقتراحات";
}
button[aria-controls="lensSuggestionsPanel"] h3.euiTitle{
	display:none !important;
}

.lnsChartSwitch__options .euiFormControlLayout.euiFormControlLayout--fullWidth{
	display:none !important;
}

.lnsChartSwitch__options{
	width:380px !important;
}

@media (max-width: 1225px) {
    .euiButtonEmpty__text {
        font-size: 8px !important;

    }
}

#unifiedFieldTypeFilter{
	display:none !important;
}

.uniSearchBar .euiFlexItem div[data-test-subj="queryBarMenuPopover"]{
	display:none !important;
}

#exportOptions{
    position: absolute;
    top: 17px;
    right: 17px;
    background-repeat: no-repeat;
    background-position: 82px center;
    background-size: auto 7px;
    background-image: url("./arrow.svg");
    width: 103px;

}

.euiHeader {
    display: none !important;
}

.euiHeaderSection {
    display: none !important;
}

div#kibana-body {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}

.lnsFrameLayout__sidebar--right .lnsConfigPanel {
    height: 100% !important;
    margin-left: -400px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 61px 16px 32px 416px !important;
}

div.lnsChangeIndexPatternPopover{
    width: 568px !important;
}


.lnsFrameLayout__sidebar {
    min-width:340px !important;
}



div[data-test-subj="workspace-drag-drop-prompt"] div {
    background-image: url("./ncsi-logo-vector.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    display: flex !important;
    flex-direction: column !important;
    column-gap: 20px !important;
}

div[data-test-subj="workspace-drag-drop-prompt"] h2 {
    position: relative !important;
    top: 38px !important;
    font-size: 20px !important;
    margin-top: 260px !important;
}

/* div[data-test-subj="workspace-drag-drop-prompt"] div + div[data-test-subj="workspace-drag-drop-prompt"] h2 strong{
    margin-bottom: 10px !important;
} */


div[data-test-subj="workspace-drag-drop-prompt"] .lnsWorkspacePanel__promptIllustration {
    display: none !important;
}

button[data-test-subj="lns-dataView-switch-link"] {
    display: none !important;
}

button[data-test-subj="lns_layerIndexPatternLabel"] {
    margin-top: 19px !important;
}

.lnsLayerPanel__layerHeader .euiSpacer.euiSpacer--s.css-78drzl-euiSpacer-s:before {
    content: 'Select a dataset';


}

button[data-test-subj="editQueryDSL"]{
	display:none !important;
}


button[data-test-subj="lns-empty-dimension"] span.euiButtonEmpty__text{
	display:none !important;
}

button[data-test-subj="lns-empty-dimension"] span.lnsLayerPanel__triggerTextContent:before{
	content:"Add or Drop Field";
}

button[data-test-subj="lns-empty-dimension"] span.lnsLayerPanel__triggerTextContent{
	display: flex;
    flex-direction: row-reverse;
    justify-content: start;
}

button[data-test-subj="cancelSaveFilter"] span.euiButtonEmpty__text{
	display:none !important;
}

button[data-test-subj="cancelSaveFilter"] span.euiButtonEmpty__content:before{
	content:"Cancel"
	
}


.css-1wofkhv-euiPanel-grow-m-plain-euiPopover__panel-isOpen-bottom:not(.lnsChangeIndexPatternPopover,div[data-test-subj="lnsLayerActionsMenu"]){
    display: none !important;
}

div[data-test-subj="fieldPopoverHeader_editField"] {
    display: none !important;
}

.css-voe038-euiPopoverFooter-m {
    display: none !important;
}


.css-xv0fhq-euiTextColor-subdued {
    font-weight: 800 !important;

}

.lnsWorkspacePanel__actions {
    display: none !important;
}

.lnsLayerPanel__layerHeader .euiSpacer.euiSpacer--s.css-78drzl-euiSpacer-s {
    font-weight: bold !important;
    font-size: 12px !important;
    margin-top: 15px !important;
}

.euiHeader {
    display: none !important;
    height: 48px;
    padding-left: 8px;
    padding-right: 8px;

}

/* .euiContextMenuPanel{
    display: none !important;
} */

.react-datepicker__day-names,
.react-datepicker__week {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    white-space: nowrap
}

.react-datepicker__day,
.react-datepicker__day-name {
    border-radius: 4px;
    color: #1a1c21;
    display: inline-block;
    font-weight: 500;
    line-height: 32px;
    margin: 2px;
    text-align: center;
    width: 32px
}

.react-datepicker__day-name {
    color: #69707d
}

.react-datepicker__day {
    cursor: pointer;
    transition: transform 90ms ease-in-out
}

.react-datepicker__day:hover {
    background-color: #07c3;
    color: #0061a6;
    text-decoration: underline
}

@media screen and (prefers-reduced-motion:no-preference) {
    .react-datepicker__day:hover {
        transform: scale(1.1)
    }
}

.react-datepicker__day--today {
    color: #07c;
    font-weight: 700
}

.react-datepicker__day--outside-month {
    color: #69707d
}

.react-datepicker__day--highlighted,
.react-datepicker__day--highlighted:hover {
    background-color: #00bfb333;
    color: #00726b
}

.react-datepicker__day--in-range,
.react-datepicker__day--in-range:hover {
    background-color: #07c3;
    color: #0061a6
}

.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,
.react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover) {
    border-radius: 0;
    box-shadow: -2px 0 #07c3, 2px 0 #07c3
}

.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,
.react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):first-of-type {
    box-shadow: 2px 0 #07c3
}

.react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):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:not(.react-datepicker__day--selected):not(:hover):last-of-type {
    box-shadow: -2px 0 #07c3
}

.react-datepicker__day--in-selecting-range,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected,
.react-datepicker__day--selected:hover {
    background-color: #07c;
    color: #fff
}

.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
    background-color: #bd271e80
}

.react-datepicker__day--disabled,
.react-datepicker__day--disabled:hover {
    background-color: #abb4c41a;
    color: #a2abba;
    cursor: not-allowed;
    text-decoration: 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 {
    background-color: #07c3;
    color: #8c9daa
}

.react-datepicker__day--disabled.react-datepicker__day--selected,
.react-datepicker__day--disabled.react-datepicker__day--selected:hover {
    background-color: #bd271e33;
    color: #bd271e
}

/**
 * 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 {
    background-color: #fafbfd;
    border-left: #d3dae6;
    border-radius: 6px;
    display: flex;
    flex-grow: 1;
    margin-left: 8px;
    margin-top: 40px;
    width: auto
}

.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,
.react-datepicker__time-list {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.react-datepicker__time-list {
    align-items: center;
    gap: 4px;
    height: 100%;
    height: 100px !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 4px 12px;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.react-datepicker__time-list::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.react-datepicker__time-list::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.react-datepicker__time-list::-webkit-scrollbar-corner,
.react-datepicker__time-list::-webkit-scrollbar-track {
    background-color: initial
}

.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 {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    animation: none !important;
    /* 1 */
    -webkit-appearance: none;
    appearance: none;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-size: 1rem;
    font-size: 12px;
    font-weight: 400;
    font-weight: 500;
    height: 40px;
    height: 24px;
    letter-spacing: normal;
    line-height: 40px;
    line-height: 1.7142857143rem;
    line-height: 24px;
    max-width: 100%;
    outline-offset: -1px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none;
    transform: none !important;
    /* 1 */
    transition-duration: .15s;
    /* 2 */
    transition-timing-function: ease-in;
    /* 2 */
    vertical-align: middle;
    white-space: nowrap
}

@media screen and (prefers-reduced-motion:no-preference) {
    .react-datepicker__time-list-item {
        transition: transform .25s ease-in-out, background-color .25s ease-in-out
    }

    .react-datepicker__time-list-item:hover:not(:disabled) {
        transform: translateY(-1px)
    }

    .react-datepicker__time-list-item:focus {
        animation: euiButtonActive .25s cubic-bezier(.34, 1.61, .7, 1)
    }

    .react-datepicker__time-list-item:active:not(:disabled) {
        transform: translateY(1px)
    }
}

.react-datepicker__time-list-item:focus,
.react-datepicker__time-list-item:hover:not(:disabled) {
    text-decoration: underline
}

.react-datepicker__time-list-item--disabled,
.react-datepicker__time-list-item--disabled:hover {
    background-color: initial;
    color: #abb4c4;
    cursor: not-allowed;
    text-decoration: none !important
}

.react-datepicker__time-list-item--injected,
.react-datepicker__time-list-item--injected:hover {
    background-color: #00bfb333;
    color: #00726b
}

.react-datepicker__time-list-item--preselected,
.react-datepicker__time-list-item--preselected:hover {
    background: #0077cc1a
}

.react-datepicker__time-list-item--selected,
.react-datepicker__time-list-item--selected:hover {
    background-color: #07c;
    color: #fff
}

.react-datepicker--time-only {
    padding: 0 !important
}

.react-datepicker--time-only .react-datepicker__time-container {
    background-color: initial;
    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 {
    display: flex;
    gap: 4px;
    justify-content: center;
    left: 36px;
    padding: 8px;
    position: absolute;
    right: 36px;
    top: 0
}

/**
 * Make the top selectors look like select inputs
 */
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    align-items: center;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    border-radius: 4px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    display: flex;
    flex-direction: row-reverse;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
    height: 40px;
    height: 32px;
    justify-content: space-between;
    letter-spacing: normal;
    max-width: 400px;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
}

.react-datepicker__month-read-view::placeholder,
.react-datepicker__month-year-read-view::placeholder,
.react-datepicker__year-read-view::placeholder {
    color: #69707d;
    opacity: 1
}

@supports (-moz-appearance: none) {

    .react-datepicker__month-read-view,
    .react-datepicker__month-year-read-view,
    .react-datepicker__year-read-view {
        transition-property: box-shadow, background-image, background-size
    }
}

.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer;
    text-decoration: underline
}

.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMTMuMDY5IDUuMTU3IDguMzg0IDkuNzY4YS41NDYuNTQ2IDAgMCAxLS43NjggMEwyLjkzIDUuMTU4YS41NTIuNTUyIDAgMCAwLS43NzEgMCAuNTMuNTMgMCAwIDAgMCAuNzU5bDQuNjg0IDQuNjFjLjY0MS42MzEgMS42NzIuNjMgMi4zMTIgMGw0LjY4NC00LjYxYS41My41MyAwIDAgMCAwLS43Ni41NTIuNTUyIDAgMCAwLS43NzEgMFoiLz48L2RlZnM+PHVzZSBmaWxsLXJ1bGU9Im5vbnplcm8iIHhsaW5rOmhyZWY9IiNhIi8+PC9zdmc+);
    background-position: 50%;
    background-size: cover;
    display: inline-block;
    height: 12px;
    right: 8px;
    width: 12px
}

.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,
.react-datepicker__year-read-view--selected-month,
.react-datepicker__year-read-view--selected-year {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.react-datepicker__month-dropdown-container,
.react-datepicker__year-dropdown-container {
    display: inline-block;
    flex-grow: 1;
    max-width: 400px;
    position: relative
}

.react-datepicker__month-dropdown,
.react-datepicker__year-dropdown-container>div:not([class*=read-view]) {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 .7px 1.4px #00000012, 0 1.9px 4px #0000000d, 0 4.5px 10px #0000000d;
    height: 100%;
    height: auto;
    max-height: 250px;
    min-width: 100px;
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin;
    width: 100%;
    z-index: 1
}

.react-datepicker__month-dropdown::-webkit-scrollbar,
.react-datepicker__year-dropdown-container>div:not([class*=read-view])::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.react-datepicker__month-dropdown::-webkit-scrollbar-thumb,
.react-datepicker__year-dropdown-container>div:not([class*=read-view])::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.react-datepicker__month-dropdown::-webkit-scrollbar-corner,
.react-datepicker__month-dropdown::-webkit-scrollbar-track,
.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 {
    background-color: initial
}

.react-datepicker__month-dropdown:focus,
.react-datepicker__year-dropdown-container>div:not([class*=read-view]):focus {
    outline: none
        /* 1 */
}

.react-datepicker__month-dropdown[tabindex="0"]:focus:focus-visible,
.react-datepicker__year-dropdown-container>div:not([class*=read-view])[tabindex="0"]:focus:focus-visible {
    outline-style: auto
        /* 2 */
}

.react-datepicker__year-dropdown-container>div:not([class*=read-view]) .react-datepicker__year-dropdown {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    padding: 4px
}

.react-datepicker__month-dropdown-container {
    flex-grow: 2
}

.react-datepicker__month-dropdown-container .react-datepicker__month-dropdown {
    min-width: 140px;
    padding: 4px
}

.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 4px 0;
    padding: 0 8px
}

.react-datepicker__month-option:focus,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:focus,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:focus,
.react-datepicker__year-option:hover {
    text-decoration: underline
}

.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    display: none
}

.react-datepicker__month-option--preselected,
.react-datepicker__month-option--preselected:hover,
.react-datepicker__year-option--preselected,
.react-datepicker__year-option--preselected:hover {
    background: #0077cc1a
}

.react-datepicker__month-option--selected_month,
.react-datepicker__month-option--selected_month:hover,
.react-datepicker__year-option--selected_year,
.react-datepicker__year-option--selected_year:hover {
    background-color: #07c;
    color: #fff
}

.react-datepicker__navigation--next,
.react-datepicker__navigation--previous {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzM0Mzc0MSIgZD0iTTExLjY5MiA3SDMuNTU2QzMuMjQ5IDcgMyA3LjIyNCAzIDcuNXMuMjQ5LjUuNTU2LjVoOC4xMzZsLTQuMDk2IDQuMDk2YS41LjUgMCAwIDAgLjcwNy43MDdsNC4yNDMtNC4yNDJjLjI1OC0uMjU5LjQwMy0uNTg3LjQzMy0uOTI1YS40NTQuNDU0IDAgMCAwIDAtLjI3MiAxLjQ5NCAxLjQ5NCAwIDAgMC0uNDMzLS45MjVMOC4zMDMgMi4xOTdhLjUuNSAwIDEgMC0uNzA3LjcwN0wxMS42OTIgN3oiLz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 4px;
    cursor: pointer;
    height: 32px;
    overflow: hidden;
    position: absolute;
    text-indent: -999em;
    top: 8px;
    width: 32px;
    z-index: 1
}

.react-datepicker__navigation--next:focus,
.react-datepicker__navigation--next:hover,
.react-datepicker__navigation--previous:focus,
.react-datepicker__navigation--previous:hover {
    background-color: #0077cc1a
}

.react-datepicker__navigation--previous {
    left: 8px;
    transform: rotate(180deg);
    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
}

.euiDatePicker .euiFormControlLayout {
    height: auto
}

.euiDatePicker.euiDatePicker--inline .euiFormControlLayout {
    width: auto
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
    border: 1px solid #d3dae6;
    border-radius: 0 0 6px 6px
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper,
.euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
    background-color: #fff;
    box-shadow: 0 .9px 4px -1px #00000014, 0 2.6px 8px -1px #0000000f, 0 5.7px 12px -1px #0000000d, 0 15px 15px -1px #0000000a
}

.euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
    border: 1px solid #d3dae6;
    border-radius: 6px
}

.react-datepicker {
    border-radius: 6px;
    color: #343741;
    display: flex;
    font-size: 12px;
    justify-content: center;
    padding: 8px
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
    animation: euiAnimFadeIn .15s ease-in;
    z-index: 2000
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^=top] {
    border-radius: 6px 6px 0 0;
    box-shadow: 0 0 .8px #0000000f, 0 0 2px #0000000a, 0 0 5px #0000000a, 0 0 17px #00000008
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^=right] {
    margin-left: 0
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^=left] {
    margin-right: 0
}

.react-datepicker-time__header,
.react-datepicker__current-month {
    display: none
}

.react-datepicker__screenReaderOnly {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    left: -10000px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.react-datepicker__focusTrap {
    display: flex;
    justify-content: center
}

.react-datepicker__month-container {
    flex-grow: 1;
    margin-top: 36px
}

.react-datepicker__header {
    display: flex;
    flex-direction: column
}

.react-datepicker-time__header {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.react-datepicker__month {
    border-radius: 6px;
    text-align: center
}

@media only screen and (max-width: 574px) {

    .react-datepicker,
    .react-datepicker__focusTrap {
        flex-direction: column
    }

    .react-datepicker__time-box {
        margin-top: 0
    }
}

.euiAccordionForm__extraAction {
    opacity: 0;
    transition: opacity .25s cubic-bezier(.694, .0482, .335, 1)
}

.euiAccordionForm__extraAction:focus {
    opacity: 1
}

.euiAccordionForm__title {
    display: inline-block
}

.euiAccordionForm__button {
    padding: 16px 16px 16px 0
}

.euiAccordionForm__button:hover {
    text-decoration: none
}

.euiAccordionForm__button:hover .euiAccordionForm__title {
    text-decoration: underline
}

.euiAccordionForm {
    border-bottom: 1px solid #d3dae6;
    border-top: 1px solid #d3dae6
}

.euiAccordionForm+.euiAccordionForm {
    border-top: none
}

.euiAccordionForm:hover .euiAccordionForm__extraAction {
    opacity: 1;
    visibility: visible
}

.euiButtonContent {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    vertical-align: middle;
    width: 100%
}

.euiButtonContent .euiButtonContent__icon,
.euiButtonContent .euiButtonContent__spinner {
    flex-shrink: 0
}

.euiButtonContent>*+* {
    margin-inline-start: 8px
}

.euiButtonContent--iconRight {
    flex-direction: row-reverse;
    height: 100%;
    vertical-align: middle;
    width: 100%
}

.euiButtonContent--iconRight .euiButtonContent__icon,
.euiButtonContent--iconRight .euiButtonContent__spinner {
    flex-shrink: 0
}

.euiButtonContent--iconRight>*+* {
    margin-inline-end: 8px;
    margin-inline-start: 0
}

/**
 * 1. We don't want any of the animations that come inherited from the mixin.
 *    These should act like normal links instead.
 * 2. Change the easing, quickness to not bounce so lighter backgrounds don't flash
 */
.euiButtonEmpty {
    /* display: none !important; */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    animation: none !important;
    /* 1 */
    -webkit-appearance: none;
    appearance: none;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 500;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    line-height: 1.7142857143rem;
    max-width: 100%;
    outline-offset: -1px;
    text-align: center;
    text-decoration: none;
    transform: none !important;
    /* 1 */
    transition-duration: .15s;
    /* 2 */
    transition-timing-function: ease-in;
    /* 2 */
    vertical-align: middle;
    white-space: nowrap
}

.euiButtonEmpty--small.lnsNavItem__withDivider {
    display: none !important;
}

/* .euiButtonEmpty--small.css-9t7nyf-empty-primary:first-of-type {
    display: none !important;
} */
/* .euiButtonEmpty:not(:nth-child(3)) {
    display: none !important;
  } */

@media screen and (prefers-reduced-motion:no-preference) {
    .euiButtonEmpty {
        transition: transform .25s ease-in-out, background-color .25s ease-in-out;
        /* position: relative;
        left: 70%; */
    }

    .euiButtonEmpty:hover:not(:disabled) {
        transform: translateY(-1px)
    }

    .euiButtonEmpty:focus {
        animation: euiButtonActive .25s cubic-bezier(.34, 1.61, .7, 1)
    }

    .euiButtonEmpty:active:not(:disabled) {
        transform: translateY(1px)
    }
}

.euiButtonEmpty:focus,
.euiButtonEmpty:hover:not(:disabled) {
    text-decoration: underline
}

.euiButtonEmpty .euiButtonEmpty__content {
    padding: 0 8px
}

.euiButtonEmpty .euiButtonEmpty__text {
    overflow: hidden;
    text-overflow: ellipsis
}

.euiButtonEmpty.euiButtonEmpty--small {
    border-radius: 4.002px;
    height: 32px
}

.euiButtonEmpty.euiButtonEmpty--xSmall {
    border-radius: 4.002px;
    font-size: 12px;
    height: 24px
}

.euiButtonEmpty:disabled {
    cursor: not-allowed;
    pointer-events: auto
}

.euiButtonEmpty:disabled:focus,
.euiButtonEmpty:disabled:focus-within,
.euiButtonEmpty:disabled:hover {
    text-decoration: none
}

.euiButtonEmpty:disabled .euiButtonContent__spinner {
    border-color: #07c currentColor currentColor
}

.euiButtonEmpty:disabled:focus,
.euiButtonEmpty:disabled:hover {
    text-decoration: none
}

.euiButtonEmpty--flushBoth .euiButtonEmpty__content,
.euiButtonEmpty--flushLeft .euiButtonEmpty__content,
.euiButtonEmpty--flushRight .euiButtonEmpty__content {
    padding-left: 0;
    padding-right: 0
}

.euiButtonEmpty--flushLeft {
    margin-right: 8px
}

.euiButtonEmpty--flushRight {
    margin-left: 8px
}

.euiButtonIcon {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    align-items: center;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 6px;
    cursor: pointer;
    display: inline-block;
    display: inline-flex;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 400;
    font-weight: 500;
    height: 40px;
    justify-content: space-around;
    letter-spacing: normal;
    line-height: 40px;
    line-height: 1.7142857143rem;
    max-width: 100%;
    outline-offset: -1px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
    width: 40px
}

@media screen and (prefers-reduced-motion:no-preference) {
    .euiButtonIcon {
        transition: transform .25s ease-in-out, background-color .25s ease-in-out
    }

    .euiButtonIcon:hover:not(:disabled) {
        transform: translateY(-1px)
    }

    .euiButtonIcon:focus {
        animation: euiButtonActive .25s cubic-bezier(.34, 1.61, .7, 1)
    }

    .euiButtonIcon:active:not(:disabled) {
        transform: translateY(1px)
    }
}

.euiButtonIcon:focus,
.euiButtonIcon:hover:not(:disabled) {
    text-decoration: underline
}

.euiButtonIcon>svg {
    pointer-events: none
}

.euiButtonIcon:disabled {
    cursor: not-allowed;
    pointer-events: auto
}

.euiButtonIcon:disabled:focus,
.euiButtonIcon:disabled:focus-within,
.euiButtonIcon:disabled:hover {
    text-decoration: none
}

.euiButtonIcon:disabled .euiButtonContent__spinner {
    border-color: #07c currentColor currentColor
}

.euiButtonIcon--xSmall {
    border-radius: 4px;
    height: 24px;
    width: 24px
}

.euiButtonIcon--small {
    border-radius: 4px;
    height: 32px;
    width: 32px
}

.euiButtonGroup {
    display: inline-block;
    max-width: 100%;
    position: relative
}

.euiButtonGroup--fullWidth {
    display: block
}

.euiButtonGroup--fullWidth .euiButtonGroup__buttons {
    width: 100%
}

.euiButtonGroup--fullWidth .euiButtonGroup__buttons .euiButtonGroupButton {
    flex: 1
}

.euiButtonGroup__buttons {
    border-radius: 7px;
    display: flex;
    max-width: 100%;
    overflow: hidden
}

.euiButtonGroup--isDisabled .euiButtonGroup__buttons {
    box-shadow: none
}

.euiButtonGroup--compressed .euiButtonGroup__buttons {
    background-color: #fbfcfd;
    border: 1px solid #112a861a;
    border-radius: 4px;
    box-shadow: none !important;
    height: 32px;
    overflow: visible
}

.euiButtonGroupButton {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 1;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    line-height: 1.7142857143rem;
    max-width: 100%;
    min-width: 0;
    text-align: center;
    transition: background-color .25s ease-in-out, color .25s ease-in-out;
    vertical-align: middle;
    white-space: nowrap
}

.euiButtonGroupButton .euiButton__content {
    padding: 0 12px
}

.euiButtonGroupButton-isIconOnly .euiButton__content {
    padding: 0 8px
}

.euiButtonGroupButton.euiButtonGroupButton--small {
    height: 32px;
    line-height: 32px
}

.euiButtonGroupButton:not(:disabled):focus,
.euiButtonGroupButton:not(:disabled):focus-within,
.euiButtonGroupButton:not(:disabled):hover {
    text-decoration: underline
}

.euiButtonGroupButton:disabled {
    cursor: not-allowed;
    pointer-events: auto
}

.euiButtonGroupButton:disabled:focus,
.euiButtonGroupButton:disabled:focus-within,
.euiButtonGroupButton:disabled:hover {
    text-decoration: none
}

.euiButtonGroupButton:disabled .euiButtonContent__spinner {
    border-color: #07c currentColor currentColor
}

.euiButtonGroupButton:disabled.euiButtonGroupButton-isSelected {
    background-color: #abb4c4;
    border-color: #abb4c4;
    color: #717782
}

.euiButtonGroupButton__textShift:after {
    content: attr(data-text);
    display: block;
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

/**
 * Medium and Small sizing (regular button style)
 */
.euiButtonGroup--medium .euiButtonGroupButton,
.euiButtonGroup--small .euiButtonGroupButton {
    border-radius: 0 !important;
    font-weight: 500
}

.euiButtonGroup--medium .euiButtonGroupButton:focus,
.euiButtonGroup--medium .euiButtonGroupButton:focus-within,
.euiButtonGroup--small .euiButtonGroupButton:focus,
.euiButtonGroup--small .euiButtonGroupButton:focus-within {
    outline-color: #000;
    outline-offset: -2px;
    outline-style: solid
}

.euiButtonGroup--medium .euiButtonGroupButton:focus-within:focus-visible,
.euiButtonGroup--medium .euiButtonGroupButton:focus:focus-visible,
.euiButtonGroup--small .euiButtonGroupButton:focus-within:focus-visible,
.euiButtonGroup--small .euiButtonGroupButton:focus:focus-visible {
    outline-style: auto
}

.euiButtonGroup--medium .euiButtonGroupButton:focus:not(:focus-visible),
.euiButtonGroup--small .euiButtonGroupButton:focus:not(:focus-visible) {
    outline: none
}

.euiButtonGroup--medium .euiButtonGroupButton:not(:first-child):not(.euiButtonGroupButton-isSelected):not(:disabled),
.euiButtonGroup--small .euiButtonGroupButton:not(:first-child):not(.euiButtonGroupButton-isSelected):not(:disabled) {
    box-shadow: -1px 0 0 0 #0000000d
}

.euiButtonGroup--medium .euiButtonGroupButton:first-child,
.euiButtonGroup--small .euiButtonGroupButton:first-child {
    border-radius: 6px 0 0 6px
}

.euiButtonGroup--medium .euiButtonGroupButton:last-child,
.euiButtonGroup--small .euiButtonGroupButton:last-child {
    border-radius: 0 6px 6px 0
}

.euiButtonGroup--medium .euiButtonGroupButton-isSelected,
.euiButtonGroup--small .euiButtonGroupButton-isSelected {
    z-index: 0
}

.euiButtonGroup--medium .euiButtonGroupButton-isSelected+.euiButtonGroupButton-isSelected,
.euiButtonGroup--small .euiButtonGroupButton-isSelected+.euiButtonGroupButton-isSelected {
    box-shadow: -1px 0 0 #ffffff1a
}

.euiButtonGroup--small .euiButtonGroup__buttons {
    border-radius: 4px
}

/**
 * Compressed (form style)
 */
.euiButtonGroup--compressed .euiButtonGroupButton {
    background-clip: content-box;
    border-radius: 5px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 2px
}

.euiButtonGroup--compressed .euiButtonGroupButton .euiButton__content {
    padding-left: 8px;
    padding-right: 8px
}

.euiButtonGroup--compressed .euiButtonGroupButton.euiButtonGroupButton-isSelected {
    font-weight: 600
}

.euiButtonGroup--compressed .euiButtonGroupButton:not(:disabled):focus,
.euiButtonGroup--compressed .euiButtonGroupButton:not(:disabled):focus-within {
    outline: 2px solid currentColor
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus-within {
    outline-color: #07c
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus-within:focus-visible,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus:focus-visible {
    outline-style: auto
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-primary]:not(:disabled):focus:not(:focus-visible) {
    outline: none
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus-within {
    outline-color: #f04e98
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus-within:focus-visible,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus:focus-visible {
    outline-style: auto
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-accent]:not(:disabled):focus:not(:focus-visible) {
    outline: none
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus-within {
    outline-color: #00bfb3
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus-within:focus-visible,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus:focus-visible {
    outline-style: auto
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-success]:not(:disabled):focus:not(:focus-visible) {
    outline: none
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus-within {
    outline-color: #fec514
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus-within:focus-visible,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus:focus-visible {
    outline-style: auto
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-warning]:not(:disabled):focus:not(:focus-visible) {
    outline: none
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus-within {
    outline-color: #bd271e
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus-within:focus-visible,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus:focus-visible {
    outline-style: auto
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-danger]:not(:disabled):focus:not(:focus-visible) {
    outline: none
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus-within {
    outline-color: #fff
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus-within:focus-visible,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus:focus-visible {
    outline-style: auto
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-ghost]:not(:disabled):focus:not(:focus-visible) {
    outline: none
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus-within {
    outline-color: #69707d
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus-within:focus-visible,
.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus:focus-visible {
    outline-style: auto
}

.euiButtonGroup--compressed .euiButtonGroupButton[class*=-fill-text]:not(:disabled):focus:not(:focus-visible) {
    outline: none
}

.euiCollapsibleNav:not([class*=push]) {
    z-index: 6000 !important
}

.euiCollapsibleNavGroup:not(:first-child) {
    border-top: 1px solid #d3dae6
}

.euiCollapsibleNavGroup .euiAccordion__triggerWrapper {
    padding: 16px
}

.euiCollapsibleNavGroup--light {
    background-color: #fafbfd
}

.euiCollapsibleNavGroup--dark {
    background-color: #2a2c34;
    color: #fff
}

.euiCollapsibleNavGroup--dark .euiCollapsibleNavGroup__heading:focus .euiAccordion__iconWrapper {
    animation-name: euiCollapsibleNavGroupDarkFocusRingAnimate !important;
    color: #0d7ecf
}

.euiCollapsibleNavGroup--dark .euiCollapsibleNavGroup__title {
    color: inherit;
    line-height: inherit
}

.euiCollapsibleNavGroup__heading {
    font-weight: 600
}

.euiCollapsibleNavGroup__heading:not(.euiAccordion__button) {
    padding: 16px
}

.euiCollapsibleNavGroup__children {
    padding: 8px
}

.euiCollapsibleNavGroup--withHeading .euiCollapsibleNavGroup__children {
    padding-top: 0
}

@keyframes euiCollapsibleNavGroupDarkFocusRingAnimate {
    0% {
        box-shadow: 0 0 0 2px #07c0
    }

    to {
        box-shadow: 0 0 0 2px #0d7ecf
    }
}

.euiColorPicker {
    position: relative;
    width: 152px
}

.euiColorPicker__popoverAnchor .euiColorPicker__input {
    padding-right: 40px
}

.euiColorPicker__popoverAnchor .euiColorPicker__input[class*="--compressed"] {
    padding-right: 32px
}

.euiColorPicker__popoverAnchor .euiColorPicker__input+.euiFormControlLayoutIcons {
    color: inherit
}

.euiColorPicker__swatches {
    display: flex;
    flex-wrap: wrap;
    margin: -4px
}

.euiColorPicker__swatch-item {
    margin: 4px
}

.euiSwatchInput__stroke {
    fill: none;
    stroke: #0003
}

.euiColorPicker__popoverPanel--pickerOnly {
    padding-bottom: 0 !important
}

.euiColorPicker__input--inGroup {
    border-radius: 0;
    box-shadow: none !important;
    height: 38px !important
}

.euiColorPicker__input--inGroup.euiFieldText--compressed {
    border-radius: 0;
    height: 30px !important
}

.euiColorPicker__alphaRange .euiRangeInput {
    min-width: 0
}

.euiColorPickerSwatch {
    border: 1px solid #0000001a;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #ffffff0d;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    width: 24px
}

.euiColorPickerSwatch:disabled {
    cursor: default
}

.euiColorPickerSwatch:focus {
    outline: 2px solid currentColor
}

.euiColorPickerSwatch:focus:focus-visible {
    outline-style: auto
}

.euiColorPickerSwatch:focus:not(:focus-visible) {
    outline: none
}

.euiHue {
    background: linear-gradient(90deg, #ff3232 0, #fff130 20%, #45ff30 35%, #28fff0 52%, #282cff 71%, #ff28fb 88%, #ff0094);
    height: 24px;
    margin: 4px 0
}

.euiHue:after,
.euiHue:before {
    background: #fff;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    width: 100%
}

.euiHue:after {
    bottom: 0
}

.euiHue__range {
    -webkit-appearance: none;
    appearance: none;
    background: #0000;
    height: 24px;
    margin: 0 -1px;
    position: relative;
    width: calc(100% + 2px);
    z-index: 2
}

.euiHue__range::-webkit-slider-thumb {
    background: #fff no-repeat 50%;
    background-color: #69707d;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 0 1px #fff, 0 2px 2px -1px #0003, 0 1px 5px -2px #0003;
    box-sizing: border-box;
    cursor: pointer;
    height: 16px;
    padding: 0;
    -webkit-transition: background-color .15s ease-in, border-color .15s ease-in;
    transition: background-color .15s ease-in, border-color .15s ease-in;
    width: 16px
}

.euiHue__range::-moz-range-thumb {
    background: #fff no-repeat 50%;
    background-color: #69707d;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 0 1px #fff, 0 2px 2px -1px #0003, 0 1px 5px -2px #0003;
    box-sizing: border-box;
    cursor: pointer;
    height: 16px;
    padding: 0;
    -moz-transition: background-color .15s ease-in, border-color .15s ease-in;
    transition: background-color .15s ease-in, border-color .15s ease-in;
    width: 16px
}

.euiHue__range::-ms-thumb {
    background: #fff no-repeat 50%;
    background-color: #69707d;
    border: 2px solid #fff;
    border-radius: 14px;
    box-shadow: 0 0 0 1px #fff, 0 2px 2px -1px #0003, 0 1px 5px -2px #0003;
    box-sizing: border-box;
    cursor: pointer;
    height: 16px;
    padding: 0;
    -ms-transition: background-color .15s ease-in, border-color .15s ease-in;
    transition: background-color .15s ease-in, border-color .15s ease-in;
    width: 16px
}

.euiHue__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: 0
}

.euiHue__range::-ms-thumb {
    margin-top: 0
}

.euiHue__range::-ms-track {
    background: #0000;
    border-color: #0000;
    color: #0000;
    height: 24px
}

.euiHue__range::-moz-focus-outer {
    border: none
}

.euiHue__range::-ms-fill-lower,
.euiHue__range::-ms-fill-upper {
    background: #0000
}

.euiHue__range:focus::-webkit-slider-thumb {
    border-color: #07c
}

.euiHue__range:focus::-moz-range-thumb {
    border-color: #07c
}

.euiHue__range:focus::-ms-thumb {
    border-color: #07c
}

.euiSaturation {
    border-radius: 3px;
    padding-bottom: 100%;
    position: relative;
    touch-action: none;
    width: 100%;
    z-index: 3
}

.euiSaturation .euiSaturation__lightness,
.euiSaturation .euiSaturation__saturation {
    border-radius: 3px;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: -1px
}

.euiSaturation .euiSaturation__lightness {
    background: linear-gradient(90deg, #fff, #fff0)
}

.euiSaturation .euiSaturation__saturation {
    background: linear-gradient(0deg, #000, #0000)
}

.euiSaturation .euiSaturation__indicator {
    border: 1px solid #343741;
    border-radius: 100%;
    height: 12px;
    margin-left: -6px;
    margin-top: -6px;
    position: absolute;
    width: 12px
}

.euiSaturation .euiSaturation__indicator:before {
    border: 1px solid #f5f7fa;
    border-radius: 100%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.euiSaturation:focus {
    outline: none
}

.euiSaturation:focus .euiSaturation__indicator {
    border-color: #07c;
    box-shadow: 0 0 0 2px #0071c2
}

.euiColorPalettePicker__itemTitle {
    font-size: 12px;
    font-size: .8571428571rem;
    line-height: 1.1428571429rem
}

.euiColorPalettePicker__itemTitle+.euiColorPaletteDisplay {
    margin-top: 4px
}

.euiColorPaletteDisplay {
    display: flex;
    flex-direction: row;
    height: 8px;
    overflow: hidden
}

.euiColorPaletteDisplay--sizeExtraSmall {
    border-radius: 4px;
    height: 4px;
    position: relative
}

.euiColorPaletteDisplay--sizeExtraSmall:after {
    border: 1px solid #34374133;
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.euiColorPaletteDisplay--sizeExtraSmall .euiColorPaletteDisplayFixed__bleedArea {
    height: 4px
}

.euiColorPaletteDisplay--sizeSmall {
    border-radius: 8px;
    height: 8px;
    position: relative
}

.euiColorPaletteDisplay--sizeSmall:after {
    border: 1px solid #34374133;
    border-radius: 8px;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.euiColorPaletteDisplay--sizeSmall .euiColorPaletteDisplayFixed__bleedArea {
    height: 8px
}

.euiColorPaletteDisplay--sizeMedium {
    border-radius: 16px;
    height: 16px;
    position: relative
}

.euiColorPaletteDisplay--sizeMedium:after {
    border: 1px solid #34374133;
    border-radius: 16px;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0
}

.euiColorPaletteDisplay--sizeMedium .euiColorPaletteDisplayFixed__bleedArea {
    height: 16px
}

.euiColorPaletteDisplayFixed__bleedArea {
    display: flex;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: calc(100% + 1px)
}

.euiComboBox {
    height: auto;
    max-width: 400px;
    position: relative;
    width: 100%
        /**
   * 1. Allow pills to truncate their text with an ellipsis.
   * 2. Don't allow pills/placeholder to overlap with the caret, loading icon or clear button.
   * 3. The height on combo can be larger than normal text inputs.
   */
        /**
   * 1. Force field height to match other field heights.
   * 2. Force input height to expand to fill this element.
   * 3. Reset appearance on Safari.
   * 4. Fix react-input-autosize appearance.
   * 5. Prevent a lot of input from causing the react-input-autosize to overflow the container.
   */
}

.euiComboBox--fullWidth {
    max-width: 100%
}

.euiComboBox--compressed {
    height: 32px
}

.euiComboBox--inGroup {
    height: 100%
}

.euiComboBox .euiFormControlLayout,
.euiComboBox--compressed {
    height: auto
}

.euiComboBox .euiComboBox__inputWrap {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    color: #343741;
    display: flex;
    /* 1 */
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    height: auto;
    letter-spacing: normal;
    max-width: 400px;
    outline: none;
    padding: 4px 40px 4px 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
        /* 2 */
}

@supports (-moz-appearance: none) {
    .euiComboBox .euiComboBox__inputWrap {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiComboBox .euiComboBox__inputWrap::placeholder {
    color: #69707d;
    opacity: 1
}

.euiComboBox .euiComboBox__inputWrap--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiComboBox .euiComboBox__inputWrap--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiComboBox .euiComboBox__inputWrap--inGroup {
    border-radius: 0;
    box-shadow: none !important
}

.euiComboBox .euiComboBox__inputWrap--withIcon {
    padding-left: 40px
}

.euiComboBox .euiComboBox__inputWrap--fullWidth {
    max-width: 100%
}

.euiComboBox .euiComboBox__inputWrap--compressed {
    height: 32px
}

.euiComboBox .euiComboBox__inputWrap--inGroup {
    height: 100%
}

.euiComboBox .euiComboBox__inputWrap .euiComboBoxPill {
    max-width: calc(100% - 18px)
}

.euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap) {
    align-content: flex-start;
    flex-wrap: wrap;
    /* 1 */
    height: auto;
    /* 3 */
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px
}

.euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
    cursor: text
}

.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable,
.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading,
.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading .euiComboBoxPlaceholder {
    padding-right: 62px
        /* 2 */
}

.euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading.euiComboBox__inputWrap-isClearable {
    padding-right: 84px
        /* 2 */
}

.euiComboBox .euiComboBox__input {
    display: inline-flex !important;
    /* 1 */
    height: 32px;
    /* 2 */
    overflow: hidden
        /* 5 */
}

.euiComboBox .euiComboBox__input>input {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-appearance: none;
    appearance: none;
    /* 3 */
    background: #0000;
    border: none;
    color: #343741;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 1.5;
    /* 4 */
    margin: 4px;
    padding: 0
}

.euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap,
.euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap--compressed {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiComboBox.euiComboBox-isInvalid .euiComboBox__inputWrap {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap {
    -webkit-text-fill-color: #98a2b3;
    -webkit-text-fill-color: unset;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiComboBox.euiComboBox-isDisabled .euiComboBoxPill--plainText,
.euiComboBox.euiComboBox-isDisabled .euiComboBoxPlaceholder {
    -webkit-text-fill-color: #98a2b3;
    color: #98a2b3
}

.euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
    cursor: not-allowed
}

.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap {
    line-height: 32px;
    /* 2 */
    padding-bottom: 0;
    padding-right: 32px;
    padding-top: 0
        /* 2 */
}

.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable,
.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading,
.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading .euiComboBoxPlaceholder {
    padding-right: 54px
        /* 2 */
}

.euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading.euiComboBox__inputWrap-isClearable {
    padding-right: 76px
        /* 2 */
}

.euiComboBox .euiFormControlLayout__append,
.euiComboBox .euiFormControlLayout__prepend {
    height: auto !important
}

.euiComboBox__input {
    max-width: 100%
}

.euiComboBox__input input {
    border: none !important;
    box-shadow: none !important;
    outline: none !important
}

/*
 * 1. Overwrites the base styling of EuiBadge, to give it a larger size and margins
 * that make sense in the input wrap.
 */
.euiComboBoxPill {
    height: 22px;
    line-height: 22px;
    vertical-align: initial
}

.euiComboBoxPill,
.euiComboBoxPill+.euiComboBoxPill {
    margin: 4px
}

.euiComboBox--compressed .euiComboBoxPill,
.euiComboBox--compressed .euiComboBoxPill+.euiComboBoxPill {
    margin: 5px 4px 0 0
}

.euiComboBoxPill--plainText {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #343741;
    display: inline-block;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: normal;
    line-height: 24px;
    padding: 0;
    vertical-align: middle
}

.euiComboBoxPill--plainText,
.euiComboBoxPlaceholder {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiComboBoxPlaceholder {
    color: #69707d;
    line-height: 32px;
    margin-bottom: 0 !important;
    padding-left: 4px;
    padding-right: 40px;
    pointer-events: none;
    position: absolute
}

/**
 * 1. Using specificity to override panel shadow
 * 2. Prevent really long input from overflowing the container.
 */
.euiComboBoxOptionsList {
    top: 0;
    transform: none !important
}

.euiComboBoxOptionsList .euiFilterSelectItem__content {
    margin-block: 0 !important
}

.euiComboBoxOptionsList__empty {
    word-wrap: break-word;
    overflow-wrap: break-word !important;
    /* 2 */
    padding: 8px;
    text-align: center;
    word-break: break-word
}

.euiComboBoxOptionsList__rowWrap {
    max-height: 200px;
    overflow: hidden;
    padding: 0
}

.euiComboBoxOptionsList__rowWrap>div {
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.euiComboBoxOptionsList__rowWrap>div::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiComboBoxOptionsList__rowWrap>div::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiComboBoxOptionsList__rowWrap>div::-webkit-scrollbar-corner,
.euiComboBoxOptionsList__rowWrap>div::-webkit-scrollbar-track {
    background-color: initial
}

.euiComboBoxOption {
    align-items: center;
    border: 1px solid #0000;
    display: flex;
    font-size: 14px;
    padding: 4px 8px 4px 16px;
    text-align: left;
    width: 100%
}

.euiComboBoxOption:hover {
    text-decoration: underline
}

.euiComboBoxOption.euiComboBoxOption-isFocused {
    background-color: #0077cc1a;
    color: #0071c2;
    cursor: pointer
}

.euiComboBoxOption.euiComboBoxOption-isDisabled {
    color: #98a2b3;
    cursor: not-allowed
}

.euiComboBoxOption.euiComboBoxOption-isDisabled:hover {
    text-decoration: none
}

.euiComboBoxOption__contentWrapper {
    display: flex
}

.euiComboBoxOption__contentWrapper .euiComboBoxOption__emptyStateText {
    flex: 1;
    margin-bottom: 0;
    text-align: left
}

.euiComboBoxOption__contentWrapper .euiComboBoxOption__enterBadge {
    align-self: center;
    margin-left: 4px
}

.euiComboBoxOption__content {
    flex: 1;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

/**
 * 1. Force each title to be the same height as an option, so that the virtualized scroll logic
 *    works.
 */
.euiComboBoxTitle {
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 11px 8px 4px;
    /* 1 */
    width: 100%
}

.euiContextMenu {
    border-radius: 6px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    transition: height .15s cubic-bezier(.694, .0482, .335, 1);
    width: 256px;
    display: block;
}

.euiContextMenu .euiContextMenu__content {
    padding: 8px
}

/**
  * 1. When there are multiple ContextMenuPanels, the ContextMenu will absolutely
  *    position them. ContextMenuPanel will break the layout of a Popover if it's
  *    absolutely positioned by default.
  */
.euiContextMenu__panel {
    position: absolute
        /* 1 */
}

.euiContextMenu__icon {
    margin-right: 8px
}

.euiContextMenuPanel {
    outline-offset: -2px;
    visibility: visible;
    width: 100%;

}



.euiContextMenu .euiContextMenuPanel {
    display: block !important;
}

.euiContextMenuPanel:focus {
    outline: none
}

.euiContextMenuPanel.euiContextMenuPanel-txInLeft {
    animation: euiContextMenuPanelTxInLeft .25s cubic-bezier(.694, .0482, .335, 1);
    pointer-events: none
}

.euiContextMenuPanel.euiContextMenuPanel-txOutLeft {
    animation: euiContextMenuPanelTxOutLeft .25s cubic-bezier(.694, .0482, .335, 1);
    pointer-events: none
}

.euiContextMenuPanel.euiContextMenuPanel-txInRight {
    animation: euiContextMenuPanelTxInRight .25s cubic-bezier(.694, .0482, .335, 1);
    pointer-events: none
}

.euiContextMenuPanel.euiContextMenuPanel-txOutRight {
    animation: euiContextMenuPanelTxOutRight .25s cubic-bezier(.694, .0482, .335, 1);
    pointer-events: none
}

.euiContextMenuPanel--next {
    transform: translateX(256px);
    visibility: hidden
}

.euiContextMenuPanel--previous {
    transform: translateX(-256px);
    visibility: hidden
}

.euiContextMenuPanelTitle {
    border-bottom: 1px solid #d3dae6;
    color: #1a1c21;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7142857143rem;
    outline-offset: -2px;
    overflow-wrap: break-word !important;
    padding: 12px;
    text-align: left;
    width: 100%;
    word-break: break-word
}

.euiContextMenuPanelTitle:enabled:focus,
.euiContextMenuPanelTitle:enabled:hover {
    text-decoration: underline
}

.euiContextMenuPanelTitle--small {
    padding: 6px 8px
}

@keyframes euiContextMenuPanelTxInLeft {
    0% {
        transform: translateX(256px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes euiContextMenuPanelTxOutLeft {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-256px)
    }
}

@keyframes euiContextMenuPanelTxInRight {
    0% {
        transform: translateX(-256px)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes euiContextMenuPanelTxOutRight {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(256px)
    }
}

.euiContextMenuItem {
    color: #343741;
    display: block;
    outline-offset: -2px;
    padding: 12px;
    text-align: left;
    width: 100%
}

.euiContextMenuItem:focus,
.euiContextMenuItem:hover {
    text-decoration: underline
}

.euiContextMenuItem:focus {
    background-color: #0077cc1a
}

.euiContextMenuItem.euiContextMenuItem-isDisabled {
    color: #abb4c4;
    cursor: default
}

.euiContextMenuItem.euiContextMenuItem-isDisabled:focus,
.euiContextMenuItem.euiContextMenuItem-isDisabled:hover {
    text-decoration: none
}

.euiContextMenuItem--small {
    padding: 6px 8px
}

.euiContextMenuItem--small .euiContextMenuItem__text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem
}

.euiContextMenuItem__inner {
    display: flex
}

.euiContextMenuItem__text {
    flex-grow: 1;
    overflow: hidden
}

.euiContextMenuItem__arrow {
    align-self: flex-end
}

.euiContextMenu__itemLayout {
    align-items: center;
    display: flex
}

.euiContextMenu__itemLayout.euiContextMenu__itemLayout--bottom {
    align-items: flex-end
}

.euiContextMenu__itemLayout.euiContextMenu__itemLayout--top {
    align-items: flex-start
}

.euiContextMenu__itemLayout .euiContextMenu__icon {
    flex-shrink: 0
}

.euiControlBar {
    background: #343741;
    bottom: 0;
    box-shadow: inset 0 40px 0 #343741, inset 0 600rem 0 #fafbfd;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 40px;
    max-height: calc(100vh - 80px);
    transform: translateY(0)
}

.euiControlBar--fixed {
    position: fixed;
    z-index: 6000
}

.euiControlBar--absolute {
    position: absolute;
    z-index: 1000
}

.euiControlBar--relative {
    position: relative
}

.euiControlBar-isOpen {
    animation-duration: .25s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.694, .0482, .335, 1)
}

.euiControlBar-isOpen.euiControlBar--large {
    animation-name: euiControlBarOpenPanelLarge;
    bottom: -100vh;
    height: calc(100vh - 80px)
}

.euiControlBar-isOpen.euiControlBar--medium {
    animation-name: euiControlBarOpenPanelMedium;
    bottom: -480px;
    height: 480px
}

.euiControlBar-isOpen.euiControlBar--small {
    animation-name: euiControlBarOpenPanelSmall;
    bottom: -240px;
    height: 240px
}

.euiControlBar__controls {
    align-items: center;
    display: flex;
    height: 40px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 12px;
    width: 100%
}

.euiControlBar__content {
    animation-duration: .35s;
    animation-iteration-count: 1;
    animation-name: euiControlBarShowContent;
    animation-timing-function: cubic-bezier(.694, .0482, .335, 1);
    background-color: #fafbfd;
    color: #343741;
    height: calc(100% - 40px);
    overflow-y: auto;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin;
    width: 100%
}

.euiControlBar__content::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiControlBar__content::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiControlBar__content::-webkit-scrollbar-corner,
.euiControlBar__content::-webkit-scrollbar-track {
    background-color: initial
}

.euiControlBar__icon {
    flex-shrink: 0;
    margin-left: 8px;
    margin-right: 8px
}

.euiControlBar__buttonIcon {
    flex-shrink: 0;
    min-height: 40px;
    min-width: 40px
}

.euiControlBar__button {
    border-radius: 3px;
    flex-shrink: 0;
    font-size: 14px;
    margin-left: 4px
}

.euiControlBar__button:enabled:hover {
    box-shadow: none;
    transform: none
}

.euiControlBar__button:last-child {
    margin-right: 4px
}

.euiControlBar__breadcrumbs .euiBreadcrumb:not(:last-of-type) .euiBreadcrumb__content {
    color: #9ca0aa
}

.euiControlBar__breadcrumbs .euiBreadcrumb:after {
    background: #fff3
}

.euiControlBar__spacer {
    flex-grow: 1;
    height: 100%
}

.euiControlBar__divider {
    background-color: #fff3;
    flex-shrink: 0;
    height: 100%;
    width: 1px
}

.euiControlBar__text {
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    max-width: 100%;
    overflow: hidden !important;
    padding: 0 8px;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiControlBar__text:last-child {
    padding-right: 0
}

.euiControlBar__tab {
    color: #fff;
    font-size: 14px;
    font-size: 1rem;
    height: 100%;
    line-height: 1.7142857143rem;
    max-width: 100%;
    overflow: hidden !important;
    padding: 0 16px;
    text-align: center;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiControlBar__tab:focus,
.euiControlBar__tab:hover {
    cursor: pointer;
    text-decoration: underline
}

.euiControlBar__tab.euiControlBar__tab--active {
    background-color: #fafbfd;
    box-shadow: inset 0 4px 0 #0071c2;
    color: #0071c2
}

.euiControlBar__controls .euiLink.euiLink--primary {
    color: #5eaadf
}

.euiControlBar__controls .euiLink.euiLink--primary:hover {
    color: #4da0db
}

.euiControlBar__controls .euiControlBar__button.euiButton[class*=primary]:enabled:not(.euiButton--fill) {
    border-color: #5eaadf;
    color: #5eaadf
}

.euiControlBar__controls .euiButtonIcon[class*=primary] {
    color: #5eaadf
}

.euiControlBar__controls .euiLink.euiLink--accent {
    color: #f576af
}

.euiControlBar__controls .euiLink.euiLink--accent:hover {
    color: #f583b7
}

.euiControlBar__controls .euiControlBar__button.euiButton[class*=accent]:enabled:not(.euiButton--fill) {
    border-color: #f576af;
    color: #f576af
}

.euiControlBar__controls .euiButtonIcon[class*=accent] {
    color: #f576af
}

.euiControlBar__controls .euiLink.euiLink--success {
    color: #00bfb3
}

.euiControlBar__controls .euiLink.euiLink--success:hover {
    color: #4dd2ca
}

.euiControlBar__controls .euiControlBar__button.euiButton[class*=success]:enabled:not(.euiButton--fill) {
    border-color: #00bfb3;
    color: #00bfb3
}

.euiControlBar__controls .euiButtonIcon[class*=success] {
    color: #00bfb3
}

.euiControlBar__controls .euiLink.euiLink--warning {
    color: #fec514
}

.euiControlBar__controls .euiLink.euiLink--warning:hover {
    color: #fed65b
}

.euiControlBar__controls .euiControlBar__button.euiButton[class*=warning]:enabled:not(.euiButton--fill) {
    border-color: #fec514;
    color: #fec514
}

.euiControlBar__controls .euiButtonIcon[class*=warning] {
    color: #fec514
}

.euiControlBar__controls .euiLink.euiLink--danger {
    color: #db8a85
}

.euiControlBar__controls .euiLink.euiLink--danger:hover {
    color: #d16862
}

.euiControlBar__controls .euiControlBar__button.euiButton[class*=danger]:enabled:not(.euiButton--fill) {
    border-color: #db8a85;
    color: #db8a85
}

.euiControlBar__controls .euiButtonIcon[class*=danger] {
    color: #db8a85
}

.euiControlBar__controls .euiLink.euiLink--ghost,
.euiControlBar__controls .euiLink.euiLink--ghost:hover {
    color: #fff
}

.euiControlBar__controls .euiControlBar__button.euiButton[class*=ghost]:enabled:not(.euiButton--fill) {
    border-color: #fff;
    color: #fff
}

.euiControlBar__controls .euiButtonIcon[class*=ghost] {
    color: #fff
}

.euiControlBar__controls .euiLink.euiLink--text {
    color: #9ca0aa
}

.euiControlBar__controls .euiLink.euiLink--text:hover {
    color: #969ba4
}

.euiControlBar__controls .euiLink.euiLink--text {
    color: #fff
}

.euiControlBar__controls .euiControlBar__button.euiButton[class*=text]:enabled:not(.euiButton--fill) {
    border-color: #9ca0aa;
    color: #9ca0aa
}

.euiControlBar__controls .euiButtonIcon[class*=text] {
    color: #9ca0aa
}

@media only screen and (max-width: 574px) {
    .euiControlBar:not(.euiControlBar--showOnMobile) {
        display: none
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiControlBar:not(.euiControlBar--showOnMobile) {
        display: none
    }
}

@keyframes euiControlBarOpenPanelLarge {
    0% {
        transform: translateY(-120px)
    }

    to {
        transform: translateY(-100vh)
    }
}

@keyframes euiControlBarOpenPanelMedium {
    0% {
        transform: translateY(-40px)
    }

    to {
        transform: translateY(-480px)
    }
}

@keyframes euiControlBarOpenPanelSmall {
    0% {
        transform: translateY(-40px)
    }

    to {
        transform: translateY(-240px)
    }
}

@keyframes euiControlBarShowContent {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/**
 * 1. Account for inner box-shadow style border
 */
.euiDatePickerRange {
    align-items: center;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    display: flex;
    height: auto;
    max-width: 400px;
    padding: 1px;
    /* 1 */
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
}

.euiDatePickerRange--fullWidth {
    max-width: 100%
}

.euiDatePickerRange--compressed {
    height: 32px
}

.euiDatePickerRange--inGroup {
    height: 100%
}

@supports (-moz-appearance: none) {
    .euiDatePickerRange {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiDatePickerRange>* {
    flex-grow: 1
}

.euiDatePickerRange .euiFieldText.euiDatePicker {
    box-shadow: none !important;
    height: 38px;
    text-align: center
}

.euiDatePickerRange .euiDatePickerRange__start {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.euiDatePickerRange .euiDatePickerRange__end {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.euiDatePickerRange .react-datepicker-popper .euiFieldText.euiDatePicker {
    text-align: left
}

.euiDatePickerRange--inGroup {
    box-shadow: none;
    padding: 0
}

.euiDatePickerRange--isDisabled {
    background: #eef2f7
}

.euiDatePickerRange--readOnly {
    background: #fff
}

.euiDatePickerRange__delimeter {
    align-items: center;
    align-self: stretch;
    display: flex;
    flex-grow: 0;
    height: auto
}

.euiDatePickerRange--isInvalid .euiDatePickerRange__delimeter {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiSuperDatePicker__absoluteDateFormRow {
    padding: 0 8px 8px
}

.euiDatePopoverButton {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-size: 100%;
    color: #343741;
    display: block;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    letter-spacing: normal;
    line-height: 38px;
    padding: 0 8px;
    transition: background .15s ease-in;
    width: 100%;
    word-break: break-all
}

.euiDatePopoverButton::placeholder {
    color: #69707d;
    opacity: 1
}

.euiDatePopoverButton--compressed {
    height: 30px;
    line-height: 30px
}

.euiDatePopoverButton-isSelected,
.euiDatePopoverButton:focus {
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000)
}

.euiDatePopoverButton-needsUpdating {
    background-color: #e6f9f7;
    color: #007e77
}

.euiDatePopoverButton-needsUpdating.euiDatePopoverButton-isSelected,
.euiDatePopoverButton-needsUpdating:focus {
    background-image: linear-gradient(0deg, #00bfb3, #00bfb3 2px, #0000 0, #0000)
}

.euiDatePopoverButton-isInvalid {
    background-color: initial;
    background-size: 100%;
    color: #bd271e
}

.euiDatePopoverButton-isInvalid,
.euiDatePopoverButton-isInvalid.euiDatePopoverButton-isSelected,
.euiDatePopoverButton-isInvalid:focus {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000)
}

.euiDatePopoverButton:disabled {
    background-color: #eef2f7;
    color: #69707d;
    cursor: default
}

.euiDatePopoverButton--start {
    text-align: right
}

.euiDatePopoverButton--end {
    text-align: left
}

.euiDatePopoverContent {
    max-width: 100%;
    width: 400px
}

.euiDatePopoverContent__padded {
    padding: 8px
}

.euiDatePopoverContent__padded--large {
    padding: 16px
}

@media only screen and (max-width: 574px) {
    .euiDatePopoverContent {
        width: 284px
    }
}

.euiQuickSelectPopover__content {
    max-width: 100%;
    width: 400px
}

.euiQuickSelectPopover__content .euiQuickSelectPopover__panel:not(:first-child) {
    border-top: 1px solid #d3dae6;
    margin-top: 12px;
    padding-top: 12px
}

.euiQuickSelectPopover__content .euiQuickSelectPopover__panel .euiQuickSelectPopover__panelTitle {
    float: left;
    margin-bottom: 12px
}

.euiQuickSelectPopover__section {
    clear: both;
    margin: 8px 0 0;
    max-height: 132px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.euiQuickSelectPopover__section::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiQuickSelectPopover__section::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiQuickSelectPopover__section::-webkit-scrollbar-corner,
.euiQuickSelectPopover__section::-webkit-scrollbar-track {
    background-color: initial
}

.euiQuickSelectPopover__buttonText {
    margin-right: 4px !important
}

.euiQuickSelectPopover__anchor {
    height: 100%
}

.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__flexWrapper {
    max-width: 100%;
    min-width: min(326px, 100%);
    width: 606px
}

@media only screen and (max-width: 574px) {
    .euiSuperDatePicker__flexWrapper {
        width: 100%
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiSuperDatePicker__flexWrapper {
        width: 100%
    }
}

.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--fullWidth {
    width: 100%
}

.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--isQuickSelectOnly {
    min-width: 0
}

.euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--autoWidth {
    display: inline-flex;
    width: auto
}

.euiSuperDatePicker__flexWrapper--isAutoRefreshOnly {
    min-width: min(200px, 100%);
    width: 400px
}

.euiSuperDatePicker__flexWrapper--noUpdateButton {
    min-width: min(200px, 100%);
    width: 480px
}

.euiSuperDatePicker {
    max-width: 100% !important
}

.euiSuperDatePicker>.euiFormControlLayout__childrenWrapper {
    flex: 1 1 100%;
    overflow: hidden
}

.euiSuperDatePicker>.euiFormControlLayout__childrenWrapper>.euiDatePickerRange {
    border-radius: 0 6px 6px 0;
    max-width: none;
    width: auto
}

.euiSuperDatePicker>.euiFormControlLayout__childrenWrapper:not(:last-child)>.euiDatePickerRange,
.euiSuperDatePicker>.euiFormControlLayout__childrenWrapper:not(:last-child)>.euiDatePickerRange .euiDatePopoverButton--end,
.euiSuperDatePicker>.euiFormControlLayout__childrenWrapper:not(:last-child)>.euiDatePickerRange .euiSuperDatePicker__prettyFormat {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.euiSuperDatePicker__prettyFormat {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #343741;
    display: block;
    display: flex;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 38px;
    justify-content: space-between;
    letter-spacing: normal;
    line-height: 38px;
    padding: 0 8px;
    text-align: left;
    transition: background .15s ease-in;
    width: 100%;
    word-break: break-all
}

.euiSuperDatePicker__prettyFormat::placeholder {
    color: #69707d;
    opacity: 1
}

.euiSuperDatePicker__prettyFormat:focus,
.euiSuperDatePicker__prettyFormat:not(:disabled):hover {
    text-decoration: none
}

.euiSuperDatePicker__prettyFormat:disabled {
    background-color: #eef2f7;
    color: #69707d;
    cursor: not-allowed
}

.euiDataGrid {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden
}

.euiDataGrid--fullScreen {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999
}

.euiDataGrid--fullScreen .euiDataGrid__pagination {
    background: #f5f7fa;
    box-shadow: 1px 0 0 1px #d3dae6;
    padding-bottom: 4px
}

.euiDataGrid__content {
    font-feature-settings: "tnum" 1;
    background: #fafbfd;
    flex-grow: 1;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1
}

.euiDataGrid__pagination {
    flex-grow: 0;
    padding-top: 4px;
    z-index: 2
}

.euiDataGrid__restrictBody {
    height: 100vh;
    overflow: hidden
}

.euiDataGrid__restrictBody .euiHeader {
    z-index: 998
}

.euiDataGrid__focusWrap {
    height: 100%
}

.euiDataGrid__virtualized {
    scroll-padding: 0;
    scrollbar-color: #69707d80 #fff;
    scrollbar-width: thin
}

.euiDataGrid__virtualized::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiDataGrid__virtualized::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #fff;
    border-radius: 16px
}

.euiDataGrid__virtualized::-webkit-scrollbar-corner,
.euiDataGrid__virtualized::-webkit-scrollbar-track {
    background-color: #fff
}

.euiDataGrid__scrollOverlay {
    bottom: 0;
    box-shadow: inset 0 0 0 1px #d3dae6;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -1px
}

.euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay {
    box-shadow: inset 0 -2px 0 -1px #d3dae6
}

.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom {
    background-color: #d3dae6;
    height: 1px;
    position: absolute;
    width: 100%
}

.euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight {
    background-color: #d3dae6;
    height: 100%;
    position: absolute;
    width: 1px
}

.euiDataGridHeader {
    background: #fff;
    display: flex;
    position: sticky;
    top: 0;
    z-index: 3
}

.euiDataGridHeaderCell {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7142857143rem;
    padding: 6px;
    position: relative
}

.euiDataGridHeaderCell.euiDataGridHeaderCell--currency,
.euiDataGridHeaderCell.euiDataGridHeaderCell--numeric {
    text-align: right
}

.euiDataGridHeaderCell:focus {
    border-top: none;
    outline: none
}

.euiDataGridHeaderCell:focus:after {
    border: 2px solid #0071c2;
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within {
    border-top: none;
    outline: none
}

.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within:after {
    border: 2px solid #0071c2;
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow {
    margin-right: 4px
}

.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    font-weight: 700;
    outline: none;
    position: relative;
    width: 100%
}

.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button .euiDataGridHeaderCell__sortingArrow {
    flex-grow: 0
}

.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content {
    align-self: baseline;
    flex-grow: 1;
    max-width: 100%;
    overflow: hidden !important;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    white-space: nowrap
}

.euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon {
    flex-basis: auto;
    flex-grow: 0;
    padding-left: 4px;
    width: auto
}

.euiDataGridHeader__action--selected {
    font-weight: 700 !important
}

.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader {
    background: #fff
}

.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
    border: none;
    border-bottom: 2px solid #343741
}

.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
    border-bottom: 2px solid;
    border-color: #343741
}

.euiDataGrid--headerShade .euiDataGridHeaderCell {
    background: #f5f7fa
}

.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell {
    border-bottom: 1px solid #d3dae6;
    border-left: none;
    border-right: 1px solid #d3dae6
}

.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type {
    border-left: 1px solid #d3dae6
}

.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
    border-bottom: 1px solid #d3dae6;
    border-top: none
}

.euiDataGrid--bordersNone .euiDataGridHeaderCell {
    border: none
}

.euiDataGrid--borderhorizontal .euiDataGridHeaderCell {
    border-left: none;
    border-right: none;
    border-top: none
}

.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell {
    font-size: 12px;
    font-size: .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,
.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
    border-top: 1px solid #d3dae6
}

.euiDataGridFooter {
    display: flex
}

.euiDataGridRowCell.euiDataGridFooterCell {
    flex: 0 0 auto;
    font-weight: 700;
    position: relative
}

.euiDataGrid--stickyFooter .euiDataGridFooter {
    bottom: 0;
    position: sticky
}

.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell {
    background: #fff !important;
    border-top: 2px solid #d3dae6;
    border-top-color: #343741 !important
}

.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell,
.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell {
    border-left: none;
    border-right: none
}

.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell {
    background: #f5f7fa
}

.euiDataGridColumnResizer {
    cursor: ew-resize;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: -8px;
    top: 0;
    width: 16px;
    z-index: 2
}

.euiDataGridColumnResizer:after {
    background-color: #07c;
    bottom: 0;
    content: "";
    left: 7px;
    position: absolute;
    top: 0;
    width: 3px
}

.euiDataGridColumnResizer:active,
.euiDataGridColumnResizer:hover {
    opacity: 1
}

.euiDataGridColumnResizer:active~.euiDataGridHeaderCell__content,
.euiDataGridColumnResizer:hover~.euiDataGridHeaderCell__content {
    -webkit-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: #fff
}

.euiDataGridRowCell {
    border-bottom: 1px solid #d3dae6;
    border-right: 1px solid #edf0f5;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    overflow: hidden;
    padding: 6px
}

.euiDataGridRowCell>* {
    height: 100%
}

.euiDataGridRowCell.euiDataGridRowCell--firstColumn {
    border-left: 1px solid #d3dae6
}

.euiDataGridRowCell.euiDataGridRowCell--lastColumn {
    border-right-color: #d3dae6
}

.euiDataGridRowCell:focus {
    outline: none
}

.euiDataGridRowCell:focus:after {
    border: 2px solid #0071c2;
    border-radius: 4px;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon {
    animation-delay: .25s;
    animation-duration: 90ms;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    animation-name: euiDataGridCellActionsSlideIn
}

.euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon,
.euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon,
.euiDataGridRowCell:focus-within .euiDataGridRowCell__actionButtonIcon {
    animation: none;
    margin-left: 6px;
    width: 12px
}

.euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon {
    display: none
}

.euiDataGridRowCell.euiDataGridRowCell--currency,
.euiDataGridRowCell.euiDataGridRowCell--numeric {
    text-align: right
}

.euiDataGridRowCell.euiDataGridRowCell--uppercase {
    text-transform: uppercase
}

.euiDataGridRowCell.euiDataGridRowCell--lowercase {
    text-transform: lowercase
}

.euiDataGridRowCell.euiDataGridRowCell--capitalize {
    text-transform: capitalize
}

.euiDataGridRowCell .euiDataGridRowCell__definedHeight {
    flex-grow: 1;
    overflow-wrap: break-word !important;
    word-break: break-word
}

.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,
.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent,
.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate,
.euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate {
    max-width: 100%;
    overflow: hidden !important;
    overflow: hidden;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    white-space: nowrap
}

.euiDataGridRowCell__popover {
    box-shadow: 0 1px 5px #0000001a, 0 3.6px 13px #00000012, 0 8.4px 23px #0000000f, 0 23px 35px #0000000d;
    filter: none;
    max-height: 400px !important;
    max-width: 400px !important;
    overflow: auto;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin;
    z-index: 1000 !important
}

.euiDataGridRowCell__popover::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiDataGridRowCell__popover::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiDataGridRowCell__popover::-webkit-scrollbar-corner,
.euiDataGridRowCell__popover::-webkit-scrollbar-track {
    background-color: initial
}

.euiDataGridRowCell__expandFlex {
    align-items: baseline;
    display: flex;
    height: 100%;
    position: relative
}

.euiDataGridRowCell--controlColumn .euiDataGridRowCell__expandFlex {
    align-items: center
}

.euiDataGridRowCell__expandContent {
    flex-grow: 1
}

.euiDataGridRowCell__contentByHeight {
    flex-grow: 1;
    height: 100%
}

.euiDataGridRowCell__expandActions {
    display: flex
}

.euiDataGridRowCell__expandContent+.euiDataGridRowCell__expandActions {
    flex-grow: 0
}

.euiDataGridRowCell__contentByHeight+.euiDataGridRowCell__expandActions {
    background-color: #fff;
    padding: 6px 0;
    position: absolute;
    right: 0;
    top: 0
}

.euiDataGridRowCell__actionButtonIcon {
    border: none;
    border-radius: 3px;
    box-shadow: none !important;
    height: 12px;
    overflow: hidden;
    transition: none;
    width: 0
}

.euiDataGrid--stripes .euiDataGridRow--striped,
.euiDataGrid--stripes .euiDataGridRow--striped .euiDataGridRowCell__contentByHeight+.euiDataGridRowCell__expandActions {
    background-color: #f5f7fa
}

.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover,
.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell__contentByHeight+.euiDataGridRowCell__expandActions {
    background-color: #fff9e8
}

.euiDataGrid--bordersNone .euiDataGridRowCell {
    border-color: #0000 !important
}

.euiDataGrid--bordersHorizontal .euiDataGridRowCell {
    border-left-color: #0000;
    border-right-color: #0000
}

.euiDataGrid--fontSizeSmall .euiDataGridRowCell {
    font-size: 12px;
    font-size: .8571428571rem;
    line-height: 1.1428571429rem
}

.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
    font-size: 14px;
    font-size: 1rem
}

.euiDataGrid--paddingSmall .euiDataGridRowCell {
    padding: 4px
}

.euiDataGrid--paddingLarge .euiDataGridRowCell {
    padding: 8px
}

.euiDataGrid--fontSizeSmall.euiDataGrid--paddingSmall .euiDataGridRowCell__contentByHeight+.euiDataGridRowCell__expandActions {
    padding: 2px 0
}

.euiDataGrid--fontSizeSmall.euiDataGrid--paddingSmall .euiDataGridRowCell__expandContent+.euiDataGridRowCell__expandActions {
    transform: translateY(1px)
}

@keyframes euiDataGridCellActionsSlideIn {
    0% {
        margin-left: 0;
        width: 0
    }

    to {
        margin-left: 6px;
        width: 12px
    }
}

.euiDataGrid__controls {
    align-items: center;
    background: #fafbfd;
    border: 1px solid #d3dae6;
    display: flex;
    justify-content: space-between;
    padding: 4px 4px 4px 0;
    position: relative;
    z-index: 2
}

.euiDataGrid__rightControls {
    white-space: nowrap
}

.euiDataGrid__rightControls:only-child {
    margin-left: auto
}

.euiDataGrid__rightControls>*+* {
    margin-left: 8px
}

.euiDataGrid__leftControls>*+* {
    margin-left: 2px
}

.euiDataGrid__controlBtn--active,
.euiDataGrid__controlBtn--active:focus {
    font-weight: 600
}

.euiDataGrid--bordersNone .euiDataGrid__controls {
    background: #fff;
    border: none
}

.euiDataGrid--bordersHorizontal .euiDataGrid__controls {
    background: #fff;
    border-left: none;
    border-right: none;
    border-top: none
}

.euiDataGrid__controlScroll {
    height: 100%;
    margin: -8px;
    -webkit-mask-image: linear-gradient(180deg, #ff00001a 0, red 7.5px, red calc(100% - 7.5px), #ff00001a);
    mask-image: linear-gradient(180deg, #ff00001a 0, red 7.5px, red calc(100% - 7.5px), #ff00001a);
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.euiDataGrid__controlScroll::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiDataGrid__controlScroll::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiDataGrid__controlScroll::-webkit-scrollbar-corner,
.euiDataGrid__controlScroll::-webkit-scrollbar-track {
    background-color: initial
}

.euiDataGrid__controlScroll:focus {
    outline: none
        /* 1 */
}

.euiDataGrid__controlScroll[tabindex="0"]:focus:focus-visible {
    outline-style: auto
        /* 2 */
}

.euiDataGridColumnSelector__item {
    padding: 4px
}

.euiDataGridColumnSelector__item-isDragging {
    background: #fff;
    box-shadow: 0 1px 5px #0000001a, 0 3.6px 13px #00000012, 0 8.4px 23px #0000000f, 0 23px 35px #0000000d
}

.euiDataGridColumnSelector__columnList {
    height: 100%;
    margin: 0 -8px;
    -webkit-mask-image: linear-gradient(180deg, #ff00001a 0, red 7.5px, red calc(100% - 7.5px), #ff00001a);
    mask-image: linear-gradient(180deg, #ff00001a 0, red 7.5px, red calc(100% - 7.5px), #ff00001a);
    max-height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.euiDataGridColumnSelector__columnList::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner,
.euiDataGridColumnSelector__columnList::-webkit-scrollbar-track {
    background-color: initial
}

.euiDataGridColumnSelector__columnList:focus {
    outline: none
        /* 1 */
}

.euiDataGridColumnSelector__columnList[tabindex="0"]:focus:focus-visible {
    outline-style: auto
        /* 2 */
}

.euiDataGridColumnSelector__itemLabel {
    font-size: 12px;
    font-size: .8571428571rem;
    line-height: 1.1428571429rem
}

.euiDataGridColumnSorting__item-isDragging {
    background: #fff;
    box-shadow: 0 1px 5px #0000001a, 0 3.6px 13px #00000012, 0 8.4px 23px #0000000f, 0 23px 35px #0000000d
}

.euiDataGridColumnSorting__fieldList {
    height: 100%;
    -webkit-mask-image: linear-gradient(180deg, #ff00001a 0, red 7.5px, red calc(100% - 7.5px), #ff00001a);
    mask-image: linear-gradient(180deg, #ff00001a 0, red 7.5px, red calc(100% - 7.5px), #ff00001a);
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 4px;
    padding-top: 4px;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.euiDataGridColumnSorting__fieldList::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner,
.euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track {
    background-color: initial
}

.euiDataGridColumnSorting__fieldList:focus {
    outline: none
        /* 1 */
}

.euiDataGridColumnSorting__fieldList[tabindex="0"]:focus:focus-visible {
    outline-style: auto
        /* 2 */
}

.euiDataGridColumnSorting__field {
    display: block;
    outline-offset: -2px;
    padding: 4px 8px;
    width: 100%
}

.euiDataGridColumnSorting__field:focus,
.euiDataGridColumnSorting__field:hover {
    cursor: pointer;
    text-decoration: underline
}

.euiDataGridColumnSorting__field:focus {
    background-color: #0077cc1a
}

.euiDataGridColumnSorting__field:disabled {
    color: #abb4c4;
    cursor: not-allowed;
    text-decoration: none
}

.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-block-size: 80vh;
    max-inline-size: 400px;
    overflow-block: auto;
    overflow-y: auto
}

.euiDataGrid__keyboardShortcuts .euiDescriptionList .euiDescriptionList__title {
    width: 25%
}

.euiDataGrid__keyboardShortcuts .euiDescriptionList .euiDescriptionList__description {
    width: 75%
}

.euiDraggable.euiDraggable--isDragging {
    z-index: 9000 !important
}

.euiDraggable.euiDraggable--hasClone:not(.euiDraggable--isDragging) {
    transform: none !important
}

.euiDraggable.euiDraggable--withoutDropAnimation {
    transition-duration: 1ms !important
}

.euiDraggable.euiDraggable--hasCustomDragHandle>.euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus,
.euiDraggable:focus>.euiDraggable__item {
    outline: 2px solid currentColor
}

.euiDraggable.euiDraggable--hasCustomDragHandle>.euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus:focus-visible,
.euiDraggable:focus>.euiDraggable__item:focus-visible {
    outline-style: auto
}

.euiDraggable.euiDraggable--hasCustomDragHandle>.euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus:not(:focus-visible),
.euiDraggable:focus>.euiDraggable__item:not(:focus-visible) {
    outline: none
}

.euiDraggable .euiDraggable__item.euiDraggable__item--isDisabled {
    cursor: not-allowed
}

.euiDraggable--s {
    padding: 2px
}

.euiDraggable--m {
    padding: 4px
}

.euiDraggable--l {
    padding: 8px
}

.euiDroppable {
    transition: background-color .5s ease
}

.euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled) {
    background-color: #00bfb31a
}

.euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled).euiDroppable--isDraggingOver {
    background-color: #00bfb340
}

.euiDroppable .euiDroppable__placeholder.euiDroppable__placeholder--isHidden {
    display: none !important
}

.euiDroppable--withPanel {
    flex-grow: 1
}

.euiDroppable--withPanel.euiDroppable--withPanel--flexGrowZero {
    flex-grow: 0
}

.euiDroppable--withPanel.euiDroppable--withPanel--hasShadow {
    box-shadow: 0 .9px 4px -1px #00000014, 0 2.6px 8px -1px #0000000f, 0 5.7px 12px -1px #0000000d, 0 15px 15px -1px #0000000a
}

.euiDroppable--withPanel.euiDroppable--withPanel--hasBorder {
    border: 1px solid #d3dae6;
    box-shadow: none
}

.euiDroppable--withPanel.euiDroppable--withPanel--isClickable {
    transition: all .15s cubic-bezier(.694, .0482, .335, 1)
}

.euiDroppable--withPanel.euiDroppable--withPanel--isClickable:enabled {
    display: block;
    text-align: left;
    width: 100%
}

.euiDroppable--withPanel.euiDroppable--withPanel--isClickable:focus,
.euiDroppable--withPanel.euiDroppable--withPanel--isClickable:hover {
    box-shadow: 0 1px 5px #0000001a, 0 3.6px 13px #00000012, 0 8.4px 23px #0000000f, 0 23px 35px #0000000d;
    cursor: pointer;
    transform: translateY(-2px)
}

.euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusNone {
    border-radius: 0
}

.euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusMedium {
    border-radius: 6px
}

.euiDroppable--withPanel.euiDroppable--withPanel--transparent {
    background-color: initial
}

.euiDroppable--withPanel.euiDroppable--withPanel--plain {
    background-color: #fff
}

.euiDroppable--withPanel.euiDroppable--withPanel--subdued {
    background-color: #fafbfd
}

.euiDroppable--withPanel.euiDroppable--withPanel--accent {
    background-color: #feedf5
}

.euiDroppable--withPanel.euiDroppable--withPanel--primary {
    background-color: #e6f1fa
}

.euiDroppable--withPanel.euiDroppable--withPanel--success {
    background-color: #e6f9f7
}

.euiDroppable--withPanel.euiDroppable--withPanel--warning {
    background-color: #fff9e8
}

.euiDroppable--withPanel.euiDroppable--withPanel--danger {
    background-color: #f8e9e9
}

.euiDroppable--withPanel {
    border-radius: 6px;
    box-shadow: 0 .9px 4px -1px #00000014, 0 2.6px 8px -1px #0000000f, 0 5.7px 12px -1px #0000000d, 0 15px 15px -1px #0000000a
}

.euiDroppable--noGrow {
    flex-grow: 0
}

.euiDroppable--grow {
    flex-grow: 1
}

.euiDroppable--s {
    padding: 2px
}

.euiDroppable--m {
    padding: 4px
}

.euiDroppable--l {
    padding: 8px
}

.euiEmptyPrompt {
    margin: auto;
    text-align: center
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiEmptyPrompt {
        max-width: max-content
    }
}

@media only screen and (min-width: 1200px) {
    .euiEmptyPrompt {
        max-width: max-content
    }
}

.euiEmptyPrompt .euiEmptyPrompt__icon>* {
    flex-shrink: 1;
    max-width: 25.7142857143rem
}

.euiEmptyPrompt.euiPanel--transparent .euiEmptyPrompt__footer {
    background-color: #fafbfd
}

.euiEmptyPrompt.euiPanel--transparent:not(.euiPanel--hasBorder) .euiEmptyPrompt__footer {
    border-radius: 6px
}

.euiEmptyPrompt.euiPanel--transparent.euiPanel--hasBorder .euiEmptyPrompt__footer {
    border-radius: 0 0 6px 6px
}

.euiEmptyPrompt.euiPanel--plain .euiEmptyPrompt__footer {
    background-color: #fafbfd;
    border-radius: 0 0 6px 6px
}

.euiEmptyPrompt.euiPanel--subdued .euiEmptyPrompt__footer {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #d3dae6
}

.euiEmptyPrompt.euiPanel--accent .euiEmptyPrompt__footer {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #fbbdda
}

.euiEmptyPrompt.euiPanel--primary .euiEmptyPrompt__footer {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #bcd9f2
}

.euiEmptyPrompt.euiPanel--success .euiEmptyPrompt__footer {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #bdefea
}

.euiEmptyPrompt.euiPanel--warning .euiEmptyPrompt__footer {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ffecb5
}

.euiEmptyPrompt.euiPanel--danger .euiEmptyPrompt__footer {
    border-radius: 0 0 6px 6px;
    border-top: 1px solid #ecc2c2
}

.euiEmptyPrompt--vertical .euiEmptyPrompt__main {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.euiEmptyPrompt--vertical .euiEmptyPrompt__contentInner {
    margin: auto;
    max-width: 36em
}

.euiEmptyPrompt--vertical .euiEmptyPrompt__icon {
    margin-bottom: 16px
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiEmptyPrompt--horizontal {
        justify-content: flex-start;
        text-align: left
    }
}

@media only screen and (min-width: 1200px) {
    .euiEmptyPrompt--horizontal {
        justify-content: flex-start;
        text-align: left
    }
}

.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
        flex-direction: row-reverse
    }
}

@media only screen and (min-width: 1200px) {
    .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
        flex-direction: row-reverse
    }
}

.euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
    align-items: center;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
        max-width: 50%;
        min-width: 40%
    }
}

@media only screen and (min-width: 1200px) {
    .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
        max-width: 50%;
        min-width: 40%
    }
}

.euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
    max-width: 36em
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
        padding: 24px 0
    }
}

@media only screen and (min-width: 1200px) {
    .euiEmptyPrompt--horizontal .euiEmptyPrompt__content {
        padding: 24px 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiEmptyPrompt--horizontal .euiEmptyPrompt__actions {
        justify-content: flex-start
    }
}

@media only screen and (min-width: 1200px) {
    .euiEmptyPrompt--horizontal .euiEmptyPrompt__actions {
        justify-content: flex-start
    }
}

.euiEmptyPrompt--paddingSmall .euiEmptyPrompt__footer,
.euiEmptyPrompt--paddingSmall .euiEmptyPrompt__main {
    padding: 8px
}

.euiEmptyPrompt--paddingSmall.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
    gap: 8px
}

.euiEmptyPrompt--paddingMedium .euiEmptyPrompt__footer,
.euiEmptyPrompt--paddingMedium .euiEmptyPrompt__main {
    padding: 16px
}

.euiEmptyPrompt--paddingMedium.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
    gap: 16px
}

.euiEmptyPrompt--paddingLarge .euiEmptyPrompt__footer,
.euiEmptyPrompt--paddingLarge .euiEmptyPrompt__main {
    padding: 24px
}

.euiEmptyPrompt--paddingLarge.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
    gap: 24px
}

.euiFilterGroup {
    border-right: 1px solid #112a861a;
    box-shadow: 0 1px 2px -1px #0003, 0 3px 3px -2px #0003;
    display: inline-flex;
    max-width: 100%;
    overflow: hidden
}

.euiFilterGroup>* {
    flex: 1 1 auto;
    min-width: 48px
}

.euiFilterGroup>.euiFilterButton--noGrow {
    flex-grow: 0
}

.euiFilterGroup>.euiFilterButton-hasNotification {
    min-width: 96px
}

.euiFilterGroup>.euiFilterButton--hasIcon {
    min-width: 128px
}

.euiFilterGroup .euiPopover__anchor {
    display: block
}

.euiFilterGroup .euiPopover__anchor .euiFilterButton {
    width: 100%
}

.euiFilterGroup--fullWidth {
    display: flex
}

.euiFilterGroup__popoverPanel {
    width: 288px
}

@media only screen and (max-width: 574px) {
    .euiFilterGroup {
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiFilterGroup {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 574px) {
    .euiFilterGroup {
        display: flex
    }

    .euiFilterGroup .euiFilterButton {
        flex-grow: 1 !important
    }
}

.euiFilterButton {
    background-color: #fbfcfd;
    border: 1px solid #112a861a;
    border-right: none;
    font-size: 14px;
    height: 40px;
    width: auto
}

.euiFilterButton:disabled {
    color: #abb4c4;
    pointer-events: none
}

.euiFilterButton:disabled .euiFilterButton__notification {
    opacity: .5
}

.euiFilterButton:focus:not(:disabled),
.euiFilterButton:hover:not(:disabled) {
    text-decoration: none
}

.euiFilterButton:focus:not(:disabled) .euiFilterButton__textShift,
.euiFilterButton:hover:not(:disabled) .euiFilterButton__textShift {
    text-decoration: underline
}

.euiFilterButton-hasActiveFilters {
    font-weight: 700
}

.euiFilterButton--hasIcon .euiButtonEmpty__content {
    justify-content: space-between
}

.euiFilterButton--withNext+.euiFilterButton {
    border-left: none;
    margin-left: -4px
}

.euiFilterButton-isSelected {
    background-color: #f5f7fa
}

.euiFilterButton__text-hasNotification {
    align-items: center;
    display: flex
}

.euiFilterButton__notification {
    margin-left: 8px;
    vertical-align: text-bottom
}

.euiFilterButton__textShift {
    max-width: 100%;
    min-width: 48px;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiFilterButton__textShift:after {
    content: attr(data-text);
    display: block;
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.euiFilterSelectItem {
    border-bottom: 1px solid;
    border-color: #eef2f7;
    color: #343741;
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    outline-offset: -2px;
    padding: 4px 12px;
    text-align: left;
    width: 100%
}

.euiFilterSelectItem:focus,
.euiFilterSelectItem:hover {
    cursor: pointer;
    text-decoration: underline
}

.euiFilterSelectItem:focus {
    background-color: #0077cc1a
}

.euiFilterSelectItem:disabled {
    color: #abb4c4;
    cursor: not-allowed;
    text-decoration: none
}

.euiFilterSelectItem-isFocused,
.euiFilterSelectItem:focus {
    background-color: #0077cc1a;
    color: #07c
}

.euiFilterSelectItem__content {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiFilterSelect__items {
    max-height: 480px;
    overflow-y: auto;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.euiFilterSelect__items::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiFilterSelect__items::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiFilterSelect__items::-webkit-scrollbar-corner,
.euiFilterSelect__items::-webkit-scrollbar-track {
    background-color: initial
}

.euiFilterSelect__note {
    align-items: center;
    display: flex;
    height: 64px;
    justify-content: space-around;
    text-align: center
}

.euiFilterSelect__noteContent {
    color: #69707d;
    font-size: 14px
}

/**
  * 1. Float above the visual radio and match its dimension, so that when users try to click it
  *    they actually click this input.
  */
.euiCheckbox {
    position: relative
}

.euiCheckbox .euiCheckbox__input {
    cursor: pointer;
    height: 16px;
    opacity: 0;
    /* 1 */
    position: absolute;
    /* 1 */
    top: 3px;
    width: 16px;
    z-index: 1
        /* 1 */
}

.euiCheckbox .euiCheckbox__input~.euiCheckbox__label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding-left: 24px;
    position: relative;
    z-index: 2
}

.euiCheckbox .euiCheckbox__input+.euiCheckbox__square {
    background: #fff no-repeat 50%;
    border: 1px solid #c9cbcd;
    border-radius: 4px;
    display: inline-block;
    left: 0;
    padding: 7px;
    position: absolute;
    top: 3px;
    transition: background-color .15s ease-in, border-color .15s ease-in
}

.euiCheckbox .euiCheckbox__input:checked+.euiCheckbox__square {
    background-color: #07c;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='m.875 3.625 3 3m0 0 5.25-5.25' fill='none' stroke='%23FFF' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E");
    border-color: #07c
}

.euiCheckbox .euiCheckbox__input:indeterminate+.euiCheckbox__square {
    background-color: #07c;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath fill='%23FFF' fill-rule='evenodd' d='M0 0h6v6H0z'/%3E%3C/svg%3E");
    border-color: #07c
}

.euiCheckbox .euiCheckbox__input[disabled] {
    cursor: not-allowed !important
}

.euiCheckbox .euiCheckbox__input[disabled]~.euiCheckbox__label {
    color: #98a2b3;
    cursor: not-allowed !important
}

.euiCheckbox .euiCheckbox__input[disabled]+.euiCheckbox__square {
    background-color: #d3dae6;
    border-color: #d3dae6;
    box-shadow: none
}

.euiCheckbox .euiCheckbox__input:checked[disabled]+.euiCheckbox__square {
    background-color: #d3dae6;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8'%3E%3Cpath d='m.875 3.625 3 3m0 0 5.25-5.25' fill='none' stroke='%235E646F' stroke-linecap='round' stroke-width='1.5'/%3E%3C/svg%3E");
    border-color: #d3dae6;
    box-shadow: none
}

.euiCheckbox .euiCheckbox__input:indeterminate[disabled]+.euiCheckbox__square {
    background-color: #d3dae6;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Cpath fill='%235E646F' fill-rule='evenodd' d='M0 0h6v6H0z'/%3E%3C/svg%3E");
    border-color: #d3dae6;
    box-shadow: none
}

.euiCheckbox .euiCheckbox__input:focus+.euiCheckbox__square {
    border-color: #07c;
    outline: 2px solid currentColor
}

.euiCheckbox .euiCheckbox__input:focus+.euiCheckbox__square:focus-visible {
    outline-style: auto
}

.euiCheckbox .euiCheckbox__input:focus+.euiCheckbox__square:not(:focus-visible) {
    outline: none
}

.euiCheckbox.euiCheckbox--inList,
.euiCheckbox.euiCheckbox--noLabel {
    min-height: 16px;
    min-width: 16px
}

.euiCheckbox.euiCheckbox--inList .euiCheckbox__input,
.euiCheckbox.euiCheckbox--inList .euiCheckbox__square,
.euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input,
.euiCheckbox.euiCheckbox--noLabel .euiCheckbox__square {
    top: 0
}

.euiCheckbox.euiCheckbox--inList .euiCheckbox__input,
.euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input {
    margin: 0
}

.euiCheckboxGroup__item+.euiCheckboxGroup__item {
    margin-top: 4px
}

.euiCheckboxGroup__item+.euiCheckboxGroup__item.euiCheckbox--compressed {
    margin-top: 0
}

.euiDescribedFormGroup {
    max-width: 800px
}

.euiDescribedFormGroup+* {
    margin-top: 24px
}

.euiDescribedFormGroup.euiDescribedFormGroup--fullWidth {
    max-width: 100%
}

.euiDescribedFormGroup .euiDescribedFormGroup__description {
    padding-top: 8px
}

.euiDescribedFormGroup .euiDescribedFormGroup__fields {
    min-width: 0
}

.euiDescribedFormGroup .euiDescribedFormGroup__fields>.euiFormRow--hasEmptyLabelSpace:first-child,
.euiDescribedFormGroup .euiDescribedFormGroup__fields>.euiFormRow:first-child:not(.euiFormRow--hasLabel) {
    margin-top: 0
}

.euiDescribedFormGroup .euiDescribedFormGroup__fields>.euiFormRow--hasEmptyLabelSpace:first-child:before,
.euiDescribedFormGroup .euiDescribedFormGroup__fields>.euiFormRow:first-child:not(.euiFormRow--hasLabel):before {
    content: ""
}

.euiDescribedFormGroup__descriptionColumn {
    min-width: min(20rem, 50%)
}

.euiFieldNumber {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    color: #343741;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    max-width: 400px;
    padding: 12px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
}

.euiFieldNumber--fullWidth {
    max-width: 100%
}

.euiFieldNumber--compressed {
    height: 32px
}

.euiFieldNumber--inGroup {
    height: 100%
}

@supports (-moz-appearance: none) {
    .euiFieldNumber {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFieldNumber::placeholder {
    color: #69707d;
    opacity: 1
}

.euiFieldNumber:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldNumber:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFieldNumber:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFieldNumber:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFieldNumber[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFieldNumber:-webkit-autofill {
    -webkit-text-fill-color: #343741
}

.euiFieldNumber:-webkit-autofill~.euiFormControlLayoutIcons {
    color: #343741
}

.euiFieldNumber--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFieldNumber--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFieldNumber--compressed:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldNumber--compressed:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFieldNumber--compressed:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFieldNumber--compressed:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFieldNumber--compressed[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFieldNumber--inGroup {
    border-radius: 0;
    box-shadow: none !important
}

.euiFieldNumber--withIcon {
    padding-left: 40px
}

.euiFieldNumber--withIcon.euiFieldNumber--compressed {
    padding-left: 32px
}

.euiFieldPassword {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    color: #343741;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    max-width: 400px;
    padding: 12px 12px 12px 40px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
}

.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::placeholder {
    color: #69707d;
    opacity: 1
}

.euiFieldPassword:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldPassword:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFieldPassword:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFieldPassword:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFieldPassword[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFieldPassword:-webkit-autofill {
    -webkit-text-fill-color: #343741
}

.euiFieldPassword:-webkit-autofill~.euiFormControlLayoutIcons {
    color: #343741
}

.euiFieldPassword--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFieldPassword--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFieldPassword--compressed:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldPassword--compressed:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFieldPassword--compressed:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFieldPassword--compressed:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFieldPassword--compressed[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFieldPassword--inGroup {
    border-radius: 0;
    box-shadow: none !important
}

.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 {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-appearance: textfield;
    /* 1 */
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    color: #343741;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    max-width: 400px;
    padding: 12px 12px 12px 40px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
}

.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::placeholder {
    color: #69707d;
    opacity: 1
}

.euiFieldSearch:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldSearch:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFieldSearch:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFieldSearch:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFieldSearch[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFieldSearch:-webkit-autofill {
    -webkit-text-fill-color: #343741
}

.euiFieldSearch:-webkit-autofill~.euiFormControlLayoutIcons {
    color: #343741
}

.euiFieldSearch--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFieldSearch--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFieldSearch--compressed:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldSearch--compressed:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFieldSearch--compressed:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFieldSearch--compressed:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFieldSearch--compressed[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFieldSearch--inGroup {
    border-radius: 0;
    box-shadow: none !important
}

.euiFieldSearch-isLoading {
    padding-right: 40px
}

.euiFieldSearch-isLoading.euiFieldSearch--compressed {
    padding-right: 32px
}

.euiFieldSearch::-webkit-search-cancel-button,
.euiFieldSearch::-webkit-search-decoration {
    -webkit-appearance: none
        /* 1, 2 */
}

.euiFieldSearch--compressed {
    padding-left: 32px
}

.euiFieldText {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    color: #343741;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    max-width: 400px;
    padding: 12px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
        /* Invalid state normally comes from :invalid, but several components
  /* like EuiDatePicker need it toggled through an extra class.
  */
}

.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::placeholder {
    color: #69707d;
    opacity: 1
}

.euiFieldText:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldText:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFieldText:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFieldText:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFieldText[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFieldText:-webkit-autofill {
    -webkit-text-fill-color: #343741
}

.euiFieldText:-webkit-autofill~.euiFormControlLayoutIcons {
    color: #343741
}

.euiFieldText--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFieldText--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFieldText--compressed:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldText--compressed:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFieldText--compressed:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFieldText--compressed:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFieldText--compressed[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFieldText--inGroup {
    border-radius: 0;
    box-shadow: none !important
}

.euiFieldText--withIcon {
    padding-left: 40px
}

.euiFieldText.euiFieldText-isInvalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiFieldText--withIcon.euiFieldText--compressed {
    padding-left: 32px
}

/**
  * REMEMBER: --large modifiers must come last to override --compressed
  */
.euiFilePicker {
    height: 40px;
    max-width: 400px;
    position: relative;
    width: 100%
}

.euiFilePicker--fullWidth {
    max-width: 100%
}

.euiFilePicker--compressed {
    height: 32px
}

.euiFilePicker--inGroup {
    height: 100%
}

.euiFilePicker.euiFilePicker--large {
    border-radius: 6px;
    height: auto;
    overflow: hidden
}

.euiFilePicker.euiFilePicker--large.euiFilePicker--compressed {
    border-radius: 4px
}

.euiFilePicker__input {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.euiFilePicker__input:hover {
    cursor: pointer
}

.euiFilePicker__input:hover:disabled {
    cursor: not-allowed
}

.euiFilePicker__input:disabled {
    opacity: 0
}

.euiFilePicker__input:disabled~.euiFilePicker__prompt {
    color: #98a2b3
}

.euiFilePicker__icon {
    left: 12px;
    position: absolute;
    top: 12px;
    transition: transform .15s cubic-bezier(.694, .0482, .335, 1)
}

.euiFilePicker--compressed .euiFilePicker__icon {
    left: 8px;
    top: 8px
}

.euiFilePicker--large .euiFilePicker__icon {
    margin-bottom: 16px;
    position: static
}

/**
  * 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 {
    border: 2px dashed #d3dae6;
    border-radius: 6px;
    /* 2 */
    height: 40px;
    padding: 12px 12px 12px 40px;
    pointer-events: none;
    /* 1 */
    transition: border-color .15s ease-in, background-color .15s ease-in
}

.euiFilePicker--compressed .euiFilePicker__prompt {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    box-shadow: none;
    /* 2 */
    height: 32px;
    padding: 8px 8px 8px 32px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFilePicker--compressed .euiFilePicker__prompt {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFilePicker--large .euiFilePicker__prompt {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 128px;
    /* 4 */
    justify-content: center;
    padding: 0 24px
}

.euiFilePicker--large.euiFilePicker--compressed .euiFilePicker__prompt {
    height: 104px
        /* 4 */
}

.euiFilePicker-isInvalid .euiFilePicker__prompt {
    border: 2px dashed #bd271e
}

.euiFilePicker__promptText {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    line-height: 16px;
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiFilePicker:not(.euiFilePicker--large):not(.euiFilePicker-hasFiles) .euiFilePicker__promptText {
    color: #0071c2
}

.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 {
    background-color: #98a2b3;
    border-radius: 16px;
    height: 16px;
    line-height: 0;
    pointer-events: all;
    width: 16px
}

.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 {
    fill: #fff;
    stroke: #fff;
    stroke-width: 2px;
    height: 8px;
    width: 8px
}

.euiFilePicker--large .euiFilePicker__clearButton {
    position: relative;
    right: 0;
    top: 0
}

.euiFilePicker__input:focus+.euiFilePicker__prompt,
.euiFilePicker__showDrop .euiFilePicker__prompt {
    border-color: #07c
}

.euiFilePicker__input:disabled+.euiFilePicker__prompt {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    box-shadow: none;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFilePicker__input:disabled+.euiFilePicker__prompt::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-hasFiles .euiFilePicker__prompt,
.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-isLoading .euiFilePicker__prompt {
    padding-right: 40px
        /* 2 */
}

.euiFilePicker-hasFiles .euiFilePicker__promptText {
    color: #343741
}

.euiFilePicker--large .euiFilePicker__input:focus+.euiFilePicker__prompt .euiFilePicker__promptText,
.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled)+.euiFilePicker__prompt .euiFilePicker__promptText {
    text-decoration: underline
}

.euiFilePicker--large .euiFilePicker__input:focus+.euiFilePicker__prompt .euiFilePicker__icon,
.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled)+.euiFilePicker__prompt .euiFilePicker__icon {
    transform: scale(1.1)
}

.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__promptText {
    text-decoration: underline
}

.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__icon {
    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 {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    color: #343741;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    /* 1 */
    /* 1 */
    max-width: 400px;
    padding: 0 12px;
    /* 1 */
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
}

.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::placeholder {
    color: #69707d;
    opacity: 1
}

.euiSelect:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiSelect:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiSelect:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiSelect:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiSelect[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiSelect:-webkit-autofill {
    -webkit-text-fill-color: #343741
}

.euiSelect:-webkit-autofill~.euiFormControlLayoutIcons {
    color: #343741
}

.euiSelect--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiSelect--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiSelect--compressed:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiSelect--compressed:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiSelect--compressed:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiSelect--compressed:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiSelect--compressed[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiSelect--inGroup {
    border-radius: 0;
    box-shadow: none !important
}

.euiSelect--compressed {
    line-height: 32px;
    /* 1 */
    padding-bottom: 0;
    /* 1 */
    padding-top: 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 {
    background: #0000;
    color: #343741
}

.euiSelect:-moz-focusring {
    color: #0000;
    text-shadow: 0 0 0 #343741
}

.euiSuperSelect__listbox {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.euiSuperSelect__listbox::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiSuperSelect__listbox::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiSuperSelect__listbox::-webkit-scrollbar-corner,
.euiSuperSelect__listbox::-webkit-scrollbar-track {
    background-color: initial
}

.euiSuperSelect__item {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    padding: 8px
}

.euiSuperSelect__item:focus,
.euiSuperSelect__item:hover {
    cursor: pointer;
    text-decoration: underline
}

.euiSuperSelect__item:focus {
    background-color: #0077cc1a
}

.euiSuperSelect__item:disabled {
    color: #abb4c4;
    cursor: not-allowed;
    text-decoration: none
}

.euiSuperSelect__item--hasDividers:not(:last-of-type) {
    border-bottom: 1px solid #d3dae6
}

/**
 * 1. Ensure the descenders don't get cut off
 * 2. Makes sure the height is correct when there's no selection
 */
.euiSuperSelectControl {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    color: #343741;
    display: block;
    /* 2 */
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    line-height: 40px;
    /* 1 */
    /* 1 */
    max-width: 400px;
    overflow: hidden;
    padding: 0 12px;
    /* 1 */
    text-align: left;
    text-overflow: ellipsis;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    white-space: nowrap;
    width: 100%
}

.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::placeholder {
    color: #69707d;
    opacity: 1
}

.euiSuperSelectControl:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiSuperSelectControl:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiSuperSelectControl:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiSuperSelectControl:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiSuperSelectControl[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiSuperSelectControl:-webkit-autofill {
    -webkit-text-fill-color: #343741
}

.euiSuperSelectControl:-webkit-autofill~.euiFormControlLayoutIcons {
    color: #343741
}

.euiSuperSelectControl--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiSuperSelectControl--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiSuperSelectControl--compressed:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiSuperSelectControl--compressed:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiSuperSelectControl--compressed:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiSuperSelectControl--compressed:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiSuperSelectControl--compressed[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiSuperSelectControl--inGroup {
    border-radius: 0;
    box-shadow: none !important
}

.euiSuperSelectControl-isInvalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiSuperSelectControl--compressed {
    line-height: 32px;
    /* 1 */
    padding-bottom: 0;
    /* 1 */
    padding-top: 0
        /* 1 */
}

.euiSuperSelectControl.euiSuperSelect--isOpen__button {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiFormControlLayout {
    height: 40px;
    max-width: 400px;
    width: 100%
}

.euiFormControlLayout--fullWidth {
    max-width: 100%
}

.euiFormControlLayout--compressed {
    height: 32px
}

.euiFormControlLayout--inGroup {
    height: 100%
}

.euiFormControlLayout--1icons {
    padding-right: 34px
}

.euiFormControlLayout--1icons[class*=compressed] {
    padding-right: 26px
}

.euiFormControlLayout--2icons {
    padding-right: 56px
}

.euiFormControlLayout--2icons[class*=compressed] {
    padding-right: 44px
}

.euiFormControlLayout--3icons {
    padding-right: 78px
}

.euiFormControlLayout--3icons[class*=compressed] {
    padding-right: 62px
}

.euiFormControlLayout--4icons {
    padding-right: 100px
}

.euiFormControlLayout--4icons[class*=compressed] {
    padding-right: 80px
}

.euiFormControlLayout--5icons {
    padding-right: 122px
}

.euiFormControlLayout--5icons[class*=compressed] {
    padding-right: 98px
}

.euiFormControlLayout__childrenWrapper {
    position: relative
}

/**
 * 1. Account for inner box-shadow style border
 * 2. Ensure truncation works in children elements
 */
.euiFormControlLayout--group {
    align-items: stretch;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    display: flex;
    padding: 1px;
    /* 1 */
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFormControlLayout--group {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFormControlLayout--group .euiButtonEmpty,
.euiFormControlLayout--group .euiButtonIcon,
.euiFormControlLayout--group .euiFormLabel,
.euiFormControlLayout--group .euiPopover__anchor,
.euiFormControlLayout--group .euiText,
.euiFormControlLayout--group>* {
    height: 100%
}

.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper {
    flex-grow: 1;
    overflow: hidden
        /* 2 */
}

.euiFormControlLayout--group .euiFormControlLayout__append,
.euiFormControlLayout--group .euiFormControlLayout__prepend {
    border-radius: 0;
    flex-shrink: 0;
    height: 100%;
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiFormControlLayout--group .euiFormControlLayout__append .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append.euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend.euiIcon {
    background-color: #e9edf3;
    border-radius: 0;
    padding: 0 8px;
    width: 32px
}

.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon,
.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon {
    transform: none !important
}

.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty .euiIcon,
.euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon .euiIcon {
    background: none !important;
    padding: 0;
    width: 16px
}

.euiFormControlLayout--group .euiButtonIcon {
    border-radius: 0;
    padding: 0 8px;
    width: 32px
}

.euiFormControlLayout--group .euiButtonIcon:not(:focus) {
    background-color: #e9edf3
}

.euiFormControlLayout--group .euiButtonIcon:focus-visible {
    outline: 2px solid #0071c2;
    outline-offset: -2px
}

.euiFormControlLayout--group .euiToolTipAnchor>.euiIcon {
    background-color: #e9edf3;
    border-radius: 0;
    height: 100%;
    padding: 0 8px;
    width: 32px
}

.euiFormControlLayout--group>.euiFormControlLayout__append,
.euiFormControlLayout--group>.euiFormControlLayout__prepend {
    max-width: 50%
}

.euiFormControlLayout--group .euiFormLabel,
.euiFormControlLayout--group .euiText {
    background-color: #e9edf3;
    cursor: default !important;
    line-height: 16px !important;
    padding: 12px
}

.euiFormControlLayout--group .euiFormLabel+:not(.euiFormControlLayout__childrenWrapper):not(input),
.euiFormControlLayout--group .euiText+:not(.euiFormControlLayout__childrenWrapper):not(input),
.euiFormControlLayout--group>:not(.euiFormControlLayout__childrenWrapper)+.euiFormLabel,
.euiFormControlLayout--group>:not(.euiFormControlLayout__childrenWrapper)+.euiText {
    margin-left: -12px
}

.euiFormControlLayout--group .euiButtonEmpty {
    border-right: none
}

.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper~* .euiButtonEmpty,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper~.euiButtonEmpty {
    border-left: none;
    border-right: none
}

.euiFormControlLayout--group.euiFormControlLayout--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #112a861a;
    overflow: hidden;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFormControlLayout--group.euiFormControlLayout--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormLabel,
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiText {
    padding: 8px
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormLabel+:not(.euiFormControlLayout__childrenWrapper),
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiText+:not(.euiFormControlLayout__childrenWrapper),
.euiFormControlLayout--group.euiFormControlLayout--compressed>:not(.euiFormControlLayout__childrenWrapper)+.euiFormLabel,
.euiFormControlLayout--group.euiFormControlLayout--compressed>:not(.euiFormControlLayout__childrenWrapper)+.euiText {
    margin-left: -8px
}

.euiFormControlLayout--group.euiFormControlLayout--readOnly {
    background: #e9edf3;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #e9edf3;
    cursor: default
}

.euiFormControlLayout--group.euiFormControlLayout--readOnly input {
    background-color: #fff
}

.euiFormControlLayoutDelimited {
    align-items: stretch;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    display: flex;
    padding: 1px;
    /* 1 */
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFormControlLayoutDelimited {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFormControlLayoutDelimited .euiFormControlLayoutDelimited__delimeter {
    background-color: #fbfcfd
}

.euiFormControlLayoutDelimited>.euiFormControlLayout__childrenWrapper {
    align-items: center;
    display: flex;
    width: 100%
}

.euiFormControlLayoutDelimited[class*="--compressed"] {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px #112a861a;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiFormControlLayoutDelimited[class*="--compressed"] {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiFormControlLayoutDelimited[class*="--compressed"] .euiFormControlLayoutDelimited__input {
    height: 100%;
    max-width: none;
    padding-left: 8px;
    padding-right: 8px
}

.euiFormControlLayoutDelimited[class*="--compressed"] .euiFormControlLayoutIcons {
    padding-left: 8px;
    padding-right: 8px
}

.euiFormControlLayoutDelimited[class*="--fullWidth"] .euiFormControlLayout__childrenWrapper,
.euiFormControlLayoutDelimited[class*="--fullWidth"] input {
    max-width: none;
    width: 100%
}

.euiFormControlLayoutDelimited[class*=-isDisabled] {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiFormControlLayoutDelimited[class*=-isDisabled]::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiFormControlLayoutDelimited[class*=-isDisabled] .euiFormControlLayoutDelimited__delimeter {
    background-color: #eef2f7
}

.euiFormControlLayoutDelimited[class*="--readOnly"] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiFormControlLayoutDelimited[class*="--readOnly"] .euiFormControlLayoutDelimited__delimeter,
.euiFormControlLayoutDelimited[class*="--readOnly"] input {
    background-color: #fff
}

.euiFormControlLayoutDelimited .euiFormControlLayoutIcons {
    padding-left: 12px;
    padding-right: 12px;
    position: static
}

.euiFormControlLayoutDelimited .euiFormControlLayoutIcons:not(.euiFormControlLayoutIcons--right) {
    order: -1
}

.euiFormControlLayoutDelimited__input {
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 100%;
    min-width: 0;
    text-align: center
}

.euiFormControlLayoutDelimited__delimeter {
    flex: 0 0 auto;
    line-height: 1 !important;
    padding-left: 6px;
    padding-right: 6px
}

.euiFormControlLayoutIcons {
    align-items: center;
    bottom: 0;
    display: flex;
    left: 12px;
    pointer-events: none;
    position: absolute;
    top: 0
}

.euiFormControlLayoutIcons>*+* {
    margin-left: 6px
}

.euiFormControlLayout--compressed .euiFormControlLayoutIcons {
    left: 8px
}

.euiFormControlLayoutIcons--right {
    left: auto;
    right: 12px
}

.euiFormControlLayout--compressed .euiFormControlLayoutIcons--right {
    left: auto;
    right: 8px
}

:disabled+.euiFormControlLayoutIcons {
    color: #98a2b3;
    cursor: not-allowed
}

.euiFormControlLayoutClearButton {
    background-color: #98a2b3;
    border-radius: 16px;
    height: 16px;
    line-height: 0;
    pointer-events: all;
    width: 16px
}

.euiFormControlLayoutClearButton:focus {
    outline: 2px solid currentColor
}

.euiFormControlLayoutClearButton:focus:focus-visible {
    outline-style: auto
}

.euiFormControlLayoutClearButton:focus:not(:focus-visible) {
    outline: none
}

.euiFormControlLayoutClearButton .euiFormControlLayoutClearButton__icon {
    fill: #fff;
    stroke: #fff;
    stroke-width: 2px;
    height: 8px;
    width: 8px
}

.euiFormControlLayoutClearButton--small {
    background-color: #98a2b3;
    border-radius: 12px;
    height: 12px;
    line-height: 0;
    pointer-events: all;
    width: 12px
}

.euiFormControlLayoutClearButton--small:focus {
    outline: 2px solid currentColor
}

.euiFormControlLayoutClearButton--small:focus:focus-visible {
    outline-style: auto
}

.euiFormControlLayoutClearButton--small:focus:not(:focus-visible) {
    outline: none
}

.euiFormControlLayoutClearButton--small .euiFormControlLayoutClearButton__icon {
    fill: #fff;
    stroke: #fff;
    stroke-width: 4px;
    height: 6px;
    width: 6px
}

.euiFormControlLayoutCustomIcon {
    font-size: 0;
    pointer-events: none
}

.euiFormControlLayoutCustomIcon--clickable {
    height: 16px;
    pointer-events: all;
    width: 16px
}

.euiFormControlLayoutCustomIcon--clickable .euiFormControlLayoutCustomIcon__icon {
    transform: none;
    vertical-align: initial
}

.euiFormControlLayoutCustomIcon--clickable:focus {
    outline: 2px solid currentColor
}

.euiFormControlLayoutCustomIcon--clickable:focus:focus-visible {
    outline-style: auto
}

.euiFormControlLayoutCustomIcon--clickable:focus:not(:focus-visible) {
    outline: none
}

.euiFormControlLayoutCustomIcon--clickable:disabled {
    color: #98a2b3;
    cursor: not-allowed
}

.euiFormErrorText {
    color: #bd271e;
    padding-top: 4px
}

.euiFormErrorText,
.euiFormLegend {
    font-size: 12px;
    font-size: .8571428571rem;
    line-height: 1.1428571429rem
}

.euiFormLegend {
    color: #1a1c21;
    font-weight: 600;
    overflow-wrap: break-word !important;
    word-break: break-word
}

.euiFormLegend:not(.euiFormLegend-isHidden) {
    margin-bottom: 8px
}

.euiFormLegend:not(.euiFormLegend-isHidden).euiFormLegend--compressed {
    margin-bottom: 4px
}

.euiFormHelpText {
    color: #69707d;
    padding-top: 4px
}

/**
 * 1. Focused state overrides invalid state.
 * 2. Disabled state overrides pointer.
 */
.euiFormHelpText,
.euiFormLabel {
    font-size: 12px;
    font-size: .8571428571rem;
    line-height: 1.1428571429rem
}

.euiFormLabel {
    color: #1a1c21;
    display: inline-block;
    font-weight: 600;
    overflow-wrap: break-word !important;
    transition: all .15s cubic-bezier(.694, .0482, .335, 1);
    word-break: break-word
}

.euiFormLabel.euiFormLabel-isInvalid {
    color: #bd271e
        /* 1 */
}

.euiFormLabel.euiFormLabel-isFocused {
    color: #07c
        /* 1 */
}

.euiFormLabel[for] {
    cursor: pointer
        /* 2 */
}

.euiFormLabel[for].euiFormLabel-isDisabled {
    cursor: default
        /* 2 */
}

/**
 * 1. Coerce inline form elements to behave as block-level elements.
 * 2. For inline forms, we need to add margin if the label doesn't exist.
 */
.euiFormRow {
    display: flex;
    /* 1 */
    flex-direction: column;
    /* 1 */
    max-width: 400px
}

.euiFormRow+.euiButton,
.euiFormRow+.euiFormRow {
    margin-top: 16px
}

.euiFormRow--fullWidth {
    max-width: 100%
}

.euiFormRow--hasEmptyLabelSpace {
    justify-content: center;
    margin-top: 20px;
    /* 2 */
    min-height: 40px;
    padding-bottom: 0
}

.euiFormRow__labelWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 4px
}

.euiFormRow--horizontal {
    align-items: stretch;
    flex-direction: row
}

.euiFormRow--horizontal .euiFormRow__label {
    -webkit-hyphens: auto;
    hyphens: auto
}

.euiFormRow--horizontal .euiFormRow__labelWrapper {
    display: block;
    line-height: 31px;
    margin-bottom: 0;
    margin-right: 8px;
    width: calc(33% - 8px)
}

.euiFormRow--horizontal .euiFormRow__fieldWrapper {
    width: 67%
}

.euiFormRow--horizontal+.euiFormRow--horizontal {
    margin-top: 8px
}

.euiFormRow--horizontal+.euiFormRow--horizontal.euiFormRow--hasSwitch {
    margin-top: 12px
}

.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__labelWrapper {
    line-height: 19px;
    min-width: calc(33% - 8px);
    width: auto
}

.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__fieldWrapper {
    width: auto
}

.euiFormRow--horizontal.euiFormRow--hasSwitch .euiFormRow__fieldWrapper .euiSwitch--compressed {
    margin-top: 2px
}

.euiFormRow--horizontal.euiFormRow--hasSwitch+.euiFormRow--horizontal {
    margin-top: 12px
}

.euiFormRow__fieldWrapperDisplayOnly {
    align-items: center;
    display: flex;
    min-height: 40px
}

.euiFormRow--compressed .euiFormRow__fieldWrapperDisplayOnly,
.euiFormRow--compressed.euiFormRow--hasEmptyLabelSpace {
    min-height: 32px
}

/**
  * 1. Float above the visual radio and match its dimension, so that when users try to click it
  *    they actually click this input.
  */
.euiRadio {
    position: relative
}

.euiRadio .euiRadio__input {
    cursor: pointer;
    height: 16px;
    opacity: 0;
    /* 1 */
    position: absolute;
    /* 1 */
    top: 3px;
    width: 16px;
    z-index: 1
        /* 1 */
}

.euiRadio .euiRadio__input~.euiRadio__label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding-left: 24px;
    position: relative;
    z-index: 2
}

.euiRadio .euiRadio__input+.euiRadio__circle {
    background: #fff no-repeat 50%;
    border: 1px solid #c9cbcd;
    border-radius: 14px;
    display: inline-block;
    left: 0;
    padding: 7px;
    position: absolute;
    top: 3px;
    transition: background-color .15s ease-in, border-color .15s ease-in
}

.euiRadio .euiRadio__input:checked+.euiRadio__circle {
    background-color: #07c;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='8' cy='11' r='3' fill='%23FFF' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E");
    border-color: #07c
}

.euiRadio .euiRadio__input[disabled] {
    cursor: not-allowed !important
}

.euiRadio .euiRadio__input[disabled]~.euiRadio__label {
    color: #98a2b3;
    cursor: not-allowed !important
}

.euiRadio .euiRadio__input[disabled]+.euiRadio__circle {
    background-color: #d3dae6;
    border-color: #d3dae6;
    box-shadow: none
}

.euiRadio .euiRadio__input:checked[disabled]+.euiRadio__circle {
    background-color: #d3dae6;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6'%3E%3Ccircle cx='8' cy='11' r='3' fill='%235E646F' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E");
    border-color: #d3dae6;
    box-shadow: none
}

.euiRadio .euiRadio__input:focus+.euiRadio__circle {
    border-color: #07c;
    outline: 2px solid currentColor
}

.euiRadio .euiRadio__input:focus+.euiRadio__circle:focus-visible {
    outline-style: auto
}

.euiRadio .euiRadio__input:focus+.euiRadio__circle:not(:focus-visible) {
    outline: none
}

.euiRadio.euiRadio--inList,
.euiRadio.euiRadio--noLabel {
    min-height: 16px;
    min-width: 16px
}

.euiRadio.euiRadio--inList .euiRadio__circle,
.euiRadio.euiRadio--inList .euiRadio__input,
.euiRadio.euiRadio--noLabel .euiRadio__circle,
.euiRadio.euiRadio--noLabel .euiRadio__input {
    top: 0
}

.euiRadio.euiRadio--inList .euiRadio__input,
.euiRadio.euiRadio--noLabel .euiRadio__input {
    margin: 0
}

.euiRadioGroup__item+.euiRadioGroup__item {
    margin-top: 4px
}

.euiRadioGroup__item+.euiRadioGroup__item.euiRadio--compressed {
    margin-top: 0
}

.euiSwitch {
    align-items: flex-start;
    display: inline-flex;
    min-height: 20px;
    position: relative
}

.euiSwitch .euiSwitch__label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding-left: 8px;
    vertical-align: middle
}

.euiSwitch .euiSwitch__button {
    flex-shrink: 0;
    line-height: 0
}

.euiSwitch .euiSwitch__button:focus .euiSwitch__track {
    border-color: #07c;
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.euiSwitch .euiSwitch__button:focus .euiSwitch__track:focus-visible {
    outline-style: auto
}

.euiSwitch .euiSwitch__button:focus .euiSwitch__track:not(:focus-visible) {
    outline: none
}

.euiSwitch .euiSwitch__button:disabled:hover,
.euiSwitch .euiSwitch__button:disabled~.euiSwitch__label:hover {
    cursor: not-allowed
}

.euiSwitch .euiSwitch__button:disabled .euiSwitch__body {
    background-color: #98a2b333
}

.euiSwitch .euiSwitch__button:disabled .euiSwitch__thumb {
    background-color: #d3dae6;
    background-color: #98a2b333;
    border-color: #d3dae6;
    box-shadow: none
}

.euiSwitch .euiSwitch__button:disabled .euiSwitch__icon {
    fill: #5e646f
}

.euiSwitch .euiSwitch__button:disabled+.euiSwitch__label {
    color: #98a2b3
}

.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__body {
    background-color: #98a2b333
}

.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__thumb {
    left: 0
}

.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon {
    right: -8px
}

.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon.euiSwitch__icon--checked {
    left: -34px;
    right: auto
}

.euiSwitch .euiSwitch__body {
    background-color: #07c;
    border-radius: 20px;
    display: inline-block;
    height: 20px;
    pointer-events: none;
    position: relative;
    vertical-align: middle;
    width: 44px
}

.euiSwitch .euiSwitch__thumb {
    background: #fff no-repeat 50%;
    border: 1px solid #c9cbcd;
    border-radius: 18px;
    display: inline-block;
    left: 24px;
    padding: 9px;
    position: absolute;
    transition: background-color .15s ease-in, border-color .15s ease-in;
    transition: border-color .25s cubic-bezier(.34, 1.61, .7, 1), background-color .25s cubic-bezier(.34, 1.61, .7, 1), left .25s cubic-bezier(.34, 1.61, .7, 1), transform .25s cubic-bezier(.34, 1.61, .7, 1)
}

.euiSwitch .euiSwitch__track {
    border-radius: 20px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.euiSwitch .euiSwitch__icon {
    fill: #343741;
    bottom: 0;
    height: 16px;
    position: absolute;
    right: -34px;
    top: 2px;
    transition: left .25s cubic-bezier(.34, 1.61, .7, 1), right .25s cubic-bezier(.34, 1.61, .7, 1);
    width: 42px
}

.euiSwitch .euiSwitch__icon--checked {
    fill: #fff;
    left: -8px;
    right: auto
}

.euiSwitch:hover .euiSwitch__button:not(:disabled) .euiSwitch__thumb {
    transform: scale(1.05)
}

.euiSwitch:hover .euiSwitch__button:active .euiSwitch__thumb {
    transform: scale(.95)
}

.euiSwitch.euiSwitch--compressed {
    min-height: 16px
}

.euiSwitch.euiSwitch--compressed .euiSwitch__label {
    line-height: 16px
}

.euiSwitch.euiSwitch--compressed .euiSwitch__body {
    border-radius: 16px;
    height: 16px;
    width: 28px
}

.euiSwitch.euiSwitch--compressed .euiSwitch__thumb {
    background: #fff no-repeat 50%;
    border: 1px solid #c9cbcd;
    border-radius: 12px;
    left: 13px;
    padding: 6px;
    top: 1px;
    transition: background-color .15s ease-in, border-color .15s ease-in;
    transition: border-color .25s cubic-bezier(.34, 1.61, .7, 1), background-color .25s cubic-bezier(.34, 1.61, .7, 1), left .25s cubic-bezier(.34, 1.61, .7, 1), transform .25s cubic-bezier(.34, 1.61, .7, 1)
}

.euiSwitch.euiSwitch--compressed .euiSwitch__track {
    border-radius: 16px
}

.euiSwitch.euiSwitch--mini {
    min-height: 10px
}

.euiSwitch.euiSwitch--mini .euiSwitch__label {
    font-size: 12px;
    line-height: 10px
}

.euiSwitch.euiSwitch--mini .euiSwitch__body {
    border-radius: 10px;
    height: 10px;
    width: 22px
}

.euiSwitch.euiSwitch--mini .euiSwitch__thumb {
    background: #fff no-repeat 50%;
    border: 1px solid #c9cbcd;
    border-radius: 6px;
    left: 13px;
    padding: 3px;
    top: 1px;
    transition: background-color .15s ease-in, border-color .15s ease-in;
    transition: border-color .25s cubic-bezier(.34, 1.61, .7, 1), background-color .25s cubic-bezier(.34, 1.61, .7, 1), left .25s cubic-bezier(.34, 1.61, .7, 1), transform .25s cubic-bezier(.34, 1.61, .7, 1)
}

.euiSwitch.euiSwitch--mini .euiSwitch__track {
    border-radius: 10px
}

.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb {
    left: 1px
}

.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb,
.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb {
    border-color: #c9cbcd
}

.euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true] .euiSwitch__thumb,
.euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true] .euiSwitch__thumb {
    border-color: #07c
}

.euiTextArea {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: none;
    border-radius: 6px;
    box-shadow: 0 0 #0000, inset 0 0 0 1px #112a861a;
    color: #343741;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    letter-spacing: normal;
    line-height: 1.5;
    max-width: 400px;
    padding: 12px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
}

.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::placeholder {
    color: #69707d;
    opacity: 1
}

.euiTextArea:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiTextArea:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiTextArea:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiTextArea:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiTextArea[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiTextArea:-webkit-autofill {
    -webkit-text-fill-color: #343741
}

.euiTextArea:-webkit-autofill~.euiFormControlLayoutIcons {
    color: #343741
}

.euiTextArea--compressed {
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border-radius: 4px;
    box-shadow: inset 0 0 0 1px #112a861a;
    padding: 8px;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in
}

@supports (-moz-appearance: none) {
    .euiTextArea--compressed {
        transition-property: box-shadow, background-image, background-size
    }
}

.euiTextArea--compressed:invalid {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000);
    background-size: 100%
}

.euiTextArea--compressed:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%;
    box-shadow: inset 0 0 0 1px #112a861a;
    outline: none
}

.euiTextArea--compressed:disabled {
    -webkit-text-fill-color: #98a2b3;
    background: #eef2f7;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #98a2b3;
    cursor: not-allowed
}

.euiTextArea--compressed:disabled::placeholder {
    color: #98a2b3;
    opacity: 1
}

.euiTextArea--compressed[readOnly] {
    -webkit-text-fill-color: #343741;
    background: #fff;
    border-color: #0000;
    box-shadow: inset 0 0 0 1px #112a861a;
    color: #343741;
    cursor: default
}

.euiTextArea--inGroup {
    border-radius: 0;
    box-shadow: none !important
}

.euiTextArea,
.euiTextArea--compressed {
    height: auto
}

.euiTextArea--resizeVertical {
    resize: vertical
}

.euiTextArea--resizeHorizontal {
    resize: horizontal
}

.euiTextArea--resizeBoth {
    resize: both
}

.euiTextArea--resizeNone {
    resize: none
}

.euiHeader {
    background: #fff;
    border-bottom: 1px solid #cdd3df;
    box-shadow: 0 .7px 1.4px #00000012, 0 1.9px 4px #0000000d, 0 4.5px 10px #0000000d;
    display: flex;
    height: 49px;
    justify-content: space-between;
    position: relative;
    z-index: -1
}

.euiHeader--fixed {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.euiHeader--fixed+.euiHeader--fixed {
    /* top: 10px !important; */
    /* background: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important; */
}

.euiHeader--dark {
    display: none !important;
    background-color: #25282f;
    border-bottom-color: #25282f
}

.euiHeader--dark .euiHeaderLink,
.euiHeader--dark .euiHeaderLogo__text,
.euiHeader--dark .euiHeaderSectionItemButton {
    color: #fff
}

.euiHeader--dark .euiHeaderLink-isActive {
    color: #3a96d7
}

.euiHeader--dark .euiHeaderSectionItem:after {
    background: #69707d
}

.euiHeader--dark .euiHeaderLink:focus,
.euiHeader--dark .euiHeaderLogo:focus,
.euiHeader--dark .euiHeaderSectionItemButton:focus {
    background: #003c66
}

.euiHeader--dark .euiHeaderSectionItemButton__notification--badge {
    box-shadow: 0 0 0 1px #25282f
}

.euiHeader--dark .euiHeaderSectionItemButton__notification--dot {
    stroke: #25282f
}

.euiHeaderProfile {
    padding: 16px
}

.euiHeaderLinks {
    display: flex
}

.euiHeaderLinks__list {
    align-items: center;
    display: flex;
    white-space: nowrap
}

.euiHeaderLinks__list--gutterXS>* {
    margin: 0 90px !important;
}

.euiHeaderLinks__list--gutterS>* {
    margin: 0 8px
}

.euiHeaderLinks__list--gutterM>* {
    margin: 0 12px
}

.euiHeaderLinks__list--gutterL>* {
    margin: 0 24px
}

.euiHeaderLinks__mobileList .euiHeaderLink {
    display: block;
    padding: 8px;
    width: 100%
}

.euiHeaderLinks__mobileList .euiHeaderLink>span {
    justify-content: flex-start
}

.euiHeaderLogo {
    align-items: center;
    display: inline-flex;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    min-width: 41px;
    padding: 0 13px 0 12px;
    position: relative;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap
}

.euiHeaderLogo:focus,
.euiHeaderLogo:hover {
    text-decoration: underline
}

.euiHeaderLogo:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
    text-decoration-thickness: 2px !important
}

.euiHeaderLogo:focus:focus-visible {
    outline-style: auto
}

.euiHeaderLogo:focus:not(:focus-visible) {
    outline: none
}

.euiHeaderLogo:focus,
.euiHeaderLogo:hover {
    text-decoration: none
}

.euiHeaderLogo__text {
    font-size: 22px;
    font-size: 1.5714285714rem;
    font-weight: 300;
    line-height: 2.2857142857rem;
    padding-left: 16px
}

@media only screen and (max-width: 574px) {
    .euiHeaderLogo {
        padding: 0 12px
    }

    .euiHeaderLogo__icon.euiIcon--xLarge {
        height: 24px;
        width: 24px
    }

    .euiHeaderLogo__text {
        color: #1a1c21;
        font-size: 16px;
        font-size: 1.1428571429rem;
        font-weight: 700;
        font-weight: 400;
        line-height: 1.7142857143rem;
        overflow-wrap: break-word !important;
        word-break: break-word
    }
}

.euiHeaderAlert {
    border-bottom: 1px solid #d3dae6;
    border-top: none;
    margin-bottom: 24px;
    min-width: 300px;
    padding: 0 8px 24px;
    position: relative
}

.euiHeaderAlert .euiHeaderAlert__dismiss {
    opacity: 0;
    position: absolute;
    right: 12px;
    top: 12px;
    transition: opacity .25s ease-in
}

.euiHeaderAlert .euiHeaderAlert__dismiss:focus,
.euiHeaderAlert:hover .euiHeaderAlert__dismiss {
    opacity: 1
}

.euiHeaderAlert .euiHeaderAlert__title {
    color: #1a1c21;
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-weight: 700;
    line-height: 1.7142857143rem;
    margin-bottom: 8px;
    overflow-wrap: break-word !important;
    word-break: break-word
}

.euiHeaderAlert .euiHeaderAlert__text {
    margin-bottom: 16px
}

.euiHeaderAlert .euiHeaderAlert__action,
.euiHeaderAlert .euiHeaderAlert__text {
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem
}

.euiHeaderAlert .euiHeaderAlert__date {
    color: #69707d;
    font-size: 12px;
    font-size: .8571428571rem;
    line-height: 1.1428571429rem
}

.euiHeaderSection {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0
}

.euiHeaderSection--left {
    display: none !important;
}

.euiHeaderSection--right {
    position: relative !important;
    left: 45% !important;
}

.euiHeaderSection--grow,
.euiHeaderSection--left {
    flex-grow: 1
}

.euiHeaderSection--dontGrow {
    flex-grow: 0
}

.euiHeaderSectionItem {
    align-items: center;
    display: flex;
    position: relative
}

.euiHeaderSectionItem:after {
    background: #d3dae6;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 16px
}

.euiHeaderSectionItem--borderLeft:after {
    left: 0;
    width: 1px
}

.euiHeaderSectionItem--borderRight:after {
    left: auto;
    right: 0;
    width: 1px
}

@media only screen and (max-width: 574px) {
    .euiHeaderSectionItem {
        min-width: 30px
    }

    .euiHeaderSectionItem--borderLeft:after,
    .euiHeaderSectionItem--borderRight:after {
        display: none
    }
}

.euiHeaderSectionItemButton {
    font-size: 0;
    height: 40px;
    min-width: 40px;
    position: relative;
    text-align: center
}

.euiHeaderSectionItemButton__notification {
    position: absolute
}

.euiHeaderSectionItemButton__notification--dot {
    stroke: #fff;
    right: 0;
    top: 0
}

.euiHeaderSectionItemButton__notification--badge {
    box-shadow: 0 0 0 1px #fff;
    right: 9%;
    top: 9%
}

.euiHeaderSectionItemButton__content {
    display: inline-block
}

@media only screen and (max-width: 574px) {
    .euiHeaderSectionItemButton {
        min-width: 30px
    }

    .euiHeaderSectionItemButton__notification.euiHeaderSectionItemButton__notification--dot {
        height: 16px;
        top: 9%;
        width: 16px
    }
}

/**
 * 1. Default to grid of 3
 */
.euiKeyPadMenu {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: -4px;
    margin-right: -4px;
    max-width: 100%;
    width: 300px
}

.euiKeyPadMenu legend {
    margin-bottom: 8px
}

.euiKeyPadMenu>:not(legend) {
    margin-bottom: 4px;
    margin-right: 4px
}

/**
 * 1. If this class is applied to a button, we need to override the Chrome default font.
 * 2. If it has a BetaBadge, make sure only the first letter shows
 */
.euiKeyPadMenuItem {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    border: 1px solid #0000;
    border-radius: 6px;
    color: #343741;
    /* 1 */
    display: block;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-weight: 400;
    height: 96px;
    letter-spacing: normal;
    padding: 4px;
    width: 96px
}

@media screen and (prefers-reduced-motion:no-preference) {
    .euiKeyPadMenuItem {
        transition: background-color .15s ease-in, border-color .15s ease-in, box-shadow .15s ease-in
    }
}

.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus,
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within,
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover {
    border-color: #d3dae6;
    box-shadow: 0 .8px .8px #0000000a, 0 2.3px 2px #00000008;
    cursor: pointer;
    text-decoration: underline
}

@media screen and (prefers-reduced-motion:no-preference) {

    .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus .euiKeyPadMenuItem__icon,
    .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within .euiKeyPadMenuItem__icon,
    .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover .euiKeyPadMenuItem__icon {
        transform: translateY(0)
    }
}

.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
    background-color: #0077cc1a;
    cursor: pointer;
    text-decoration: underline
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled {
    color: #abb4c4;
    cursor: not-allowed;
    text-decoration: none
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon {
    filter: grayscale(100%)
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon svg * {
    fill: #abb4c4
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
    box-shadow: 0 .8px .8px #0000000a, 0 2.3px 2px #00000008;
    color: #1a1c21
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected {
    border-color: #d3dae6
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled:not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput,
.euiKeyPadMenuItem:not(:hover):not(:focus):not(:focus-within):not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    left: -10000px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.euiKeyPadMenuItem__inner {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput {
    transform: scale(.75);
    transform-origin: top right
}

.euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadge,
.euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput {
    position: absolute;
    right: 4px;
    top: 4px;
    z-index: 3
}

.euiKeyPadMenuItem__icon {
    margin-bottom: 12px;
    transform: translateY(2px);
    transition: transform .25s cubic-bezier(.34, 1.61, .7, 1)
}

.euiKeyPadMenuItem__label {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: center
}

.euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled),
.euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus,
.euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within,
.euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover {
    background-color: #0077cc1a;
    border-color: #0071c2;
    color: #0071c2
}

.euiMarkdownEditor {
    display: flex;
    flex-direction: column
}

.euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
    display: none
}

.euiMarkdownEditor--fullHeight {
    height: 100%
}

.euiMarkdownEditor--fullHeight .euiMarkdownEditorTextArea {
    resize: none
}

.euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
    height: 100%
}

.euiMarkdownEditorDropZone {
    display: flex;
    flex-direction: column;
    min-height: "150px";
    position: relative
}

.euiMarkdownEditorDropZone__input {
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%
}

.euiMarkdownEditorDropZone__input:hover {
    cursor: pointer
}

.euiMarkdownEditorDropZone__input:hover:disabled {
    cursor: not-allowed
}

.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorFooter,
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus {
    background-color: #0077cc1a !important
}

.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus {
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000) !important
}

.euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorFooter,
.euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea:focus {
    background-color: #bd271e1a !important
}

.euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea,
.euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea:focus {
    background-image: linear-gradient(0deg, #bd271e, #bd271e 2px, #0000 0, #0000) !important
}

.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__blockquote {
    border-left-color: #00000026
}

.euiMarkdownFormat[class*=euiTextColor-default] .euiHorizontalRule {
    background-color: #00000026;
    color: #00000026
}

.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table {
    border-left: 1px solid #00000026
}

.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table th {
    border-bottom: 1px solid #00000026;
    border-top: 1px solid #00000026
}

.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid #00000026
}

.euiMarkdownFormat[class*=euiTextColor-default] .euiMarkdownFormat__table tr {
    border-top: 1px solid #00000026
}

.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__blockquote {
    border-left-color: #69707d
}

.euiMarkdownFormat[class*=euiTextColor-subdued] .euiHorizontalRule {
    background-color: #69707d;
    color: #69707d
}

.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table {
    border-left: 1px solid #69707d
}

.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table th {
    border-bottom: 1px solid #69707d;
    border-top: 1px solid #69707d
}

.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid #69707d
}

.euiMarkdownFormat[class*=euiTextColor-subdued] .euiMarkdownFormat__table tr {
    border-top: 1px solid #69707d
}

.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__blockquote {
    border-left-color: #00bfb3
}

.euiMarkdownFormat[class*=euiTextColor-success] .euiHorizontalRule {
    background-color: #00bfb3;
    color: #00bfb3
}

.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table {
    border-left: 1px solid #00bfb3
}

.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table th {
    border-bottom: 1px solid #00bfb3;
    border-top: 1px solid #00bfb3
}

.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid #00bfb3
}

.euiMarkdownFormat[class*=euiTextColor-success] .euiMarkdownFormat__table tr {
    border-top: 1px solid #00bfb3
}

.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__blockquote {
    border-left-color: #f04e98
}

.euiMarkdownFormat[class*=euiTextColor-accent] .euiHorizontalRule {
    background-color: #f04e98;
    color: #f04e98
}

.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table {
    border-left: 1px solid #f04e98
}

.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table th {
    border-bottom: 1px solid #f04e98;
    border-top: 1px solid #f04e98
}

.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid #f04e98
}

.euiMarkdownFormat[class*=euiTextColor-accent] .euiMarkdownFormat__table tr {
    border-top: 1px solid #f04e98
}

.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__blockquote {
    border-left-color: #fec514
}

.euiMarkdownFormat[class*=euiTextColor-warning] .euiHorizontalRule {
    background-color: #fec514;
    color: #fec514
}

.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table {
    border-left: 1px solid #fec514
}

.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table th {
    border-bottom: 1px solid #fec514;
    border-top: 1px solid #fec514
}

.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid #fec514
}

.euiMarkdownFormat[class*=euiTextColor-warning] .euiMarkdownFormat__table tr {
    border-top: 1px solid #fec514
}

.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__blockquote {
    border-left-color: #bd271e
}

.euiMarkdownFormat[class*=euiTextColor-danger] .euiHorizontalRule {
    background-color: #bd271e;
    color: #bd271e
}

.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table {
    border-left: 1px solid #bd271e
}

.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table th {
    border-bottom: 1px solid #bd271e;
    border-top: 1px solid #bd271e
}

.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid #bd271e
}

.euiMarkdownFormat[class*=euiTextColor-danger] .euiMarkdownFormat__table tr {
    border-top: 1px solid #bd271e
}

.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__blockquote {
    border-left-color: #fff
}

.euiMarkdownFormat[class*=euiTextColor-ghost] .euiHorizontalRule {
    background-color: #fff;
    color: #fff
}

.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table {
    border-left: 1px solid #fff
}

.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table th {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff
}

.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid #fff
}

.euiMarkdownFormat[class*=euiTextColor-ghost] .euiMarkdownFormat__table tr {
    border-top: 1px solid #fff
}

.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__blockquote {
    border-left-color: initial
}

.euiMarkdownFormat[class*=euiTextColor-inherit] .euiHorizontalRule {
    background-color: currentColor;
    color: currentColor
}

.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table {
    border-left: 1px solid
}

.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table th {
    border-bottom: 1px solid;
    border-top: 1px solid
}

.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid
}

.euiMarkdownFormat[class*=euiTextColor-inherit] .euiMarkdownFormat__table tr {
    border-top: 1px solid
}

.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__blockquote {
    border-left-color: initial
}

.euiMarkdownFormat[class*=euiTextColor-custom] .euiHorizontalRule {
    background-color: currentColor;
    color: currentColor
}

.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table {
    border-left: 1px solid
}

.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table td,
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table th {
    border-bottom: 1px solid;
    border-top: 1px solid
}

.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table td:last-child,
.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table th:last-child {
    border-right: 1px solid
}

.euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table tr {
    border-top: 1px solid
}

.euiMarkdownFormat .euiCheckbox {
    margin-bottom: 0 !important
}

.euiMarkdownFormat .euiCheckbox .euiCheckbox__input+.euiCheckbox__square {
    top: 50%;
    transform: translateY(-50%)
}

.euiMarkdownFormat .euiMarkdownFormat__table {
    border-collapse: collapse;
    border-spacing: 0;
    display: block;
    overflow: auto;
    width: 100%
}

.euiMarkdownEditorFooter {
    align-items: center;
    background: #fafbfd;
    border: 1px solid #d3dae6;
    display: inline-flex;
    padding: 4px
}

.euiMarkdownEditorFooter__popover {
    width: 300px
}

.euiMarkdownEditorFooter__actions {
    display: inline-flex;
    flex: 1
}

.euiMarkdownEditorFooter__actions>button,
.euiMarkdownEditorFooter__actions>span {
    align-self: center;
    margin-right: 4px
}

.euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError {
    border-radius: 6px;
    left: -1px;
    line-height: 1;
    position: relative
}

.euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError>span {
    padding: 0 4px
}

.euiMarkdownEditorFooter__helpButton>svg {
    width: 26px
}

.euiMarkdownEditorPreview {
    background: #fff;
    border: 1px solid #d3dae6;
    min-height: "150px";
    overflow-y: auto;
    padding: 12px;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin
}

.euiMarkdownEditorPreview::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiMarkdownEditorPreview::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiMarkdownEditorPreview::-webkit-scrollbar-corner,
.euiMarkdownEditorPreview::-webkit-scrollbar-track {
    background-color: initial
}

.euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input~.euiCheckbox__label {
    cursor: default
}

.euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input:focus:not(:checked)+.euiCheckbox__square {
    border-color: #c9cbcd
}

.euiMarkdownEditorTextArea {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #fbfcfd;
    background-repeat: no-repeat;
    background-size: 0 100%;
    border: 1px solid #d3dae6;
    border-bottom: none;
    color: #343741;
    font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
    font-kerning: normal;
    font-size: 14px;
    font-weight: 400;
    height: 100%;
    letter-spacing: normal;
    line-height: 1.5;
    margin: 0;
    min-height: "150px";
    padding: 12px;
    resize: vertical;
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin;
    transition: box-shadow .15s ease-in, background-image .15s ease-in, background-size .15s ease-in, background-color .15s ease-in;
    width: 100%
}

.euiMarkdownEditorTextArea::placeholder {
    color: #69707d;
    opacity: 1
}

.euiMarkdownEditorTextArea::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiMarkdownEditorTextArea::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiMarkdownEditorTextArea::-webkit-scrollbar-corner,
.euiMarkdownEditorTextArea::-webkit-scrollbar-track {
    background-color: initial
}

.euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea,
.euiMarkdownEditorTextArea:focus {
    background-color: #fff;
    background-image: linear-gradient(0deg, #07c, #07c 2px, #0000 0, #0000);
    background-size: 100% 100%
}

.euiMarkdownEditorTextArea-isReadOnly {
    background: #fff;
    cursor: unset
}

.euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea-isReadOnly,
.euiMarkdownEditorTextArea-isReadOnly:focus {
    background: none
}

.euiMarkdownEditorToolbar {
    background: #f5f7fa;
    border: 1px solid #d3dae6;
    border-bottom: none;
    display: flex;
    flex-wrap: wrap;
    padding: 4px
}

.euiMarkdownEditorToolbar__buttons {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap
}

.euiMarkdownEditorToolbar__buttons>* {
    margin-right: 4px
}

.euiMarkdownEditorToolbar__divider {
    border-left: 1px solid #d3dae6;
    content: "";
    display: block;
    height: 24px;
    margin-left: 4px;
    padding-right: 4px
}

.euiMarkdownTooltip__icon {
    transform: translateY(-1px)
}

.euiNotificationEvent {
    border-bottom: 1px solid #d3dae6;
    display: flex;
    padding: 12px 0 12px 12px
}

.euiNotificationEvent:last-child {
    border-bottom: none
}

.euiNotificationEvent--withReadState {
    padding: 12px 0 12px 8px
}

.euiNotificationEvent__title {
    color: #1a1c21;
    display: flex;
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-weight: 700;
    line-height: 1.7142857143rem;
    overflow-wrap: break-word !important;
    word-break: break-word
}

.euiNotificationEvent__title.euiLink {
    color: #0071c2
}

.euiNotificationEvent__title--isRead {
    color: #69707d !important
}

.euiNotificationEvent__readButton {
    margin-right: 8px
}

.euiNotificationEvent__content {
    flex: 1
}

.euiNotificationEvent__content>*+* {
    margin-right: 12px;
    margin-top: 8px
}

.euiNotificationEventMeta {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-right: 4px;
    min-height: 24px;
    position: relative
}

.euiNotificationEventMeta--hasContextMenu {
    padding-right: 24px
}

.euiNotificationEventMeta__contextMenuWrapper {
    position: absolute;
    right: 0;
    top: 0
}

.euiNotificationEventMeta__section {
    margin-right: 8px
}

.euiNotificationEventMeta__section:first-child {
    align-items: center;
    display: flex;
    flex: 1
}

.euiNotificationEventMeta__icon {
    margin-right: 8px
}

.euiNotificationEventMeta__badge {
    display: inline-grid;
    max-width: 100%
}

.euiNotificationEventMeta__time {
    color: #69707d;
    font-size: 12px
}

.euiNotificationEventMessages {
    font-size: 14px
}

.euiNotificationEventMessages__accordion {
    color: #69707d
}

.euiNotificationEventMessages__accordionButton {
    color: #0071c2
}

.euiNotificationEventMessages__accordionContent>* {
    padding-top: 8px
}

.euiNotificationEventReadButton--isRead svg {
    fill: #0000;
    stroke-width: 1px;
    stroke: #d3dae6
}

.euiNotificationEventReadIcon {
    align-items: center;
    display: flex;
    height: 24px;
    margin: 0 4px
}

.euiNotificationEventReadIcon--isRead svg {
    fill: #0000;
    stroke-width: 1px;
    stroke: #d3dae6
}

.euiSplitPanel {
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow: hidden
}

.euiSplitPanel .euiSplitPanel__inner {
    box-shadow: none !important;
    flex-basis: 0%;
    transform: none !important
}

.euiSplitPanel--row {
    flex-direction: row
}

.euiSplitPanel--row.euiSplitPanel-isResponsive {
    flex-direction: column
}

.euiPageContent {
    min-width: 0;
    width: 100%
}

.euiPageContent.euiPageContent--borderRadiusNone {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0
}

.euiPageContent.euiPageContent--verticalCenter {
    align-self: center;
    flex-grow: 0;
    margin-bottom: auto;
    margin-top: auto
}

.euiPageContent.euiPageContent--horizontalCenter {
    flex-grow: 0;
    margin-left: auto;
    margin-right: auto;
    width: auto
}

.euiPageContentBody--restrictWidth-custom,
.euiPageContentBody--restrictWidth-default {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}

.euiPageContentBody--restrictWidth-default {
    max-width: 1200px
}

.euiPageContentBody--paddingSmall {
    padding: 8px
}

.euiPageContentBody--paddingMedium {
    padding: 16px
}

.euiPageContentBody--paddingLarge {
    padding: 24px
}

.euiPageContentHeader {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.euiPageContent[class*=paddingSmall] .euiPageContentHeader {
    margin-bottom: 8px
}

.euiPageContent[class*=paddingMedium] .euiPageContentHeader {
    margin-bottom: 16px
}

.euiPageContent[class*=paddingLarge] .euiPageContentHeader {
    margin-bottom: 24px
}

@media only screen and (max-width: 574px) {
    .euiPageContentHeader--responsive {
        align-items: flex-start;
        flex-direction: column
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiPageContentHeader--responsive {
        align-items: flex-start;
        flex-direction: column
    }
}

.euiPageContentHeaderSection+.euiPageContentHeaderSection {
    margin-left: 32px
}

@media only screen and (max-width: 574px) {
    .euiPageContent[class*=paddingSmall] .euiPageContentHeader--responsive .euiPageContentHeaderSection+.euiPageContentHeaderSection {
        margin-left: 0;
        margin-top: 4px
    }

    .euiPageContent[class*=paddingMedium] .euiPageContentHeader--responsive .euiPageContentHeaderSection+.euiPageContentHeaderSection {
        margin-left: 0;
        margin-top: 8px
    }

    .euiPageContent[class*=paddingLarge] .euiPageContentHeader--responsive .euiPageContentHeaderSection+.euiPageContentHeaderSection {
        margin-left: 0;
        margin-top: 12px
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiPageContent[class*=paddingSmall] .euiPageContentHeader--responsive .euiPageContentHeaderSection+.euiPageContentHeaderSection {
        margin-left: 0;
        margin-top: 4px
    }

    .euiPageContent[class*=paddingMedium] .euiPageContentHeader--responsive .euiPageContentHeaderSection+.euiPageContentHeaderSection {
        margin-left: 0;
        margin-top: 8px
    }

    .euiPageContent[class*=paddingLarge] .euiPageContentHeader--responsive .euiPageContentHeaderSection+.euiPageContentHeaderSection {
        margin-left: 0;
        margin-top: 12px
    }
}

/**
 * Note: Margin is added in _page.scss when EuiPage has `paddingSize`
 * 1. Prevent side bar width from changing when content width changes.
 */
.euiPageSideBar {
    flex: 0 1 0%;
    /* 1 */
    min-width: 240px
}

.euiPageSideBar--paddingSmall {
    padding: 8px
}

.euiPageSideBar--paddingMedium {
    padding: 16px
}

.euiPageSideBar--paddingLarge {
    padding: 24px
}

@media only screen and (max-width: 574px) {
    .euiPageSideBar {
        width: 100%
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiPageSideBar {
        width: 100%
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .euiPageSideBar--sticky {
        flex-grow: 1;
        max-height: 100vh;
        overflow-y: auto;
        position: sticky;
        scrollbar-color: #69707d80 #0000;
        scrollbar-width: thin;
        top: 0
    }

    .euiPageSideBar--sticky::-webkit-scrollbar {
        height: 16px;
        width: 16px
    }

    .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: #69707d80;
        border: 6px solid #0000;
        border-radius: 16px
    }

    .euiPageSideBar--sticky::-webkit-scrollbar-corner,
    .euiPageSideBar--sticky::-webkit-scrollbar-track {
        background-color: initial
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiPageSideBar--sticky {
        flex-grow: 1;
        max-height: 100vh;
        overflow-y: auto;
        position: sticky;
        scrollbar-color: #69707d80 #0000;
        scrollbar-width: thin;
        top: 0
    }

    .euiPageSideBar--sticky::-webkit-scrollbar {
        height: 16px;
        width: 16px
    }

    .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: #69707d80;
        border: 6px solid #0000;
        border-radius: 16px
    }

    .euiPageSideBar--sticky::-webkit-scrollbar-corner,
    .euiPageSideBar--sticky::-webkit-scrollbar-track {
        background-color: initial
    }
}

@media only screen and (min-width: 1200px) {
    .euiPageSideBar--sticky {
        flex-grow: 1;
        max-height: 100vh;
        overflow-y: auto;
        position: sticky;
        scrollbar-color: #69707d80 #0000;
        scrollbar-width: thin;
        top: 0
    }

    .euiPageSideBar--sticky::-webkit-scrollbar {
        height: 16px;
        width: 16px
    }

    .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
        background-clip: content-box;
        background-color: #69707d80;
        border: 6px solid #0000;
        border-radius: 16px
    }

    .euiPageSideBar--sticky::-webkit-scrollbar-corner,
    .euiPageSideBar--sticky::-webkit-scrollbar-track {
        background-color: initial
    }
}

.euiTreeView__wrapper .euiTreeView {
    list-style-type: none;
    margin: 0
}

.euiTreeView .euiTreeView {
    padding-left: 24px
}

.euiTreeView__node {
    line-height: 32px;
    max-height: 32px
}

.euiTreeView__node--expanded {
    max-height: 100vh
}

.euiTreeView__nodeInner {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    height: 32px;
    max-width: 100%;
    overflow: hidden !important;
    padding-left: 8px;
    text-align-last: left;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100%
}

.euiTreeView__nodeInner:focus {
    outline: 2px solid currentColor;
    outline-offset: -2px
}

.euiTreeView__nodeInner:focus:focus-visible {
    outline-style: auto
}

.euiTreeView__nodeInner:focus:not(:focus-visible) {
    outline: none
}

.euiTreeView__nodeInner:active,
.euiTreeView__nodeInner:focus,
.euiTreeView__nodeInner:hover {
    background-color: #3437411a
}

.euiTreeView__nodeInner .euiTreeView__iconPlaceholder {
    width: 32px
}

.euiTreeView__nodeLabel {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiTreeView__iconWrapper {
    margin-right: 8px;
    margin-top: -2px
}

.euiTreeView__iconWrapper .euiToken {
    margin-top: 2px
}

.euiTreeView--compressed .euiTreeView__node {
    line-height: 24px;
    max-height: 24px
}

.euiTreeView--compressed .euiTreeView__node .euiTreeView__nodeInner {
    height: 24px
}

.euiTreeView--compressed .euiTreeView__node .euiTreeView__iconWrapper {
    margin: 0 6px 0 0
}

.euiTreeView--compressed .euiTreeView__node .euiTreeView__nodeLabel {
    margin-top: -1px
}

.euiTreeView--compressed .euiTreeView__node .euiTreeView__iconPlaceholder {
    width: 24px
}

.euiTreeView--compressed .euiTreeView__node--expanded {
    max-height: 100vh
}

.euiTreeView--withArrows .euiTreeView__expansionArrow {
    margin-right: 4px
}

.euiTreeView--withArrows.euiTreeView .euiTreeView__nodeInner--withArrows .euiTreeView__iconWrapper {
    margin-left: 0
}

.euiTreeView--withArrows.euiTreeView .euiTreeView__iconWrapper {
    margin-left: 20px
}

.euiTreeView--withArrows.euiTreeView--compressed .euiTreeView__nodeInner--withArrows .euiTreeView__iconWrapper {
    margin-left: 0
}

.euiTreeView--withArrows.euiTreeView--compressed .euiTreeView__iconWrapper {
    margin-left: 16px
}

.euiResizableButton {
    flex-shrink: 0;
    position: relative;
    z-index: 1
}

.euiResizableButton:after,
.euiResizableButton:before {
    background-color: #343741;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transition: width .15s ease, height .15s ease, transform .15s ease, background-color .15s ease
}

.euiResizableButton.euiResizableButton--horizontal {
    cursor: col-resize;
    margin-left: -8px;
    margin-right: -8px;
    width: 16px
}

.euiResizableButton.euiResizableButton--horizontal:after,
.euiResizableButton.euiResizableButton--horizontal:before {
    height: 12px;
    width: 1px
}

.euiResizableButton.euiResizableButton--horizontal:before {
    transform: translate(-2px, -50%)
}

.euiResizableButton.euiResizableButton--horizontal:after {
    transform: translate(1px, -50%)
}

.euiResizableButton.euiResizableButton--vertical {
    cursor: row-resize;
    height: 16px;
    margin-bottom: -8px;
    margin-top: -8px
}

.euiResizableButton.euiResizableButton--vertical:after,
.euiResizableButton.euiResizableButton--vertical:before {
    height: 1px;
    width: 12px
}

.euiResizableButton.euiResizableButton--vertical:before {
    transform: translate(-50%, -2px)
}

.euiResizableButton.euiResizableButton--vertical:after {
    transform: translate(-50%, 1px)
}

.euiResizableButton:hover:not(:disabled):after,
.euiResizableButton:hover:not(:disabled):before {
    background-color: #98a2b3;
    transition-delay: .15s
}

.euiResizableButton:focus:not(:disabled) {
    background-color: #0077cc1a
}

.euiResizableButton:focus:not(:disabled):after,
.euiResizableButton:focus:not(:disabled):before {
    background-color: #07c;
    transition: width .15s ease, height .15s ease, transform .15s ease;
    transition-delay: 75ms
}

.euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:after,
.euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:before,
.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:after,
.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:before {
    height: 100%
}

.euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:before,
.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:before {
    transform: translate(-1px, -50%)
}

.euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:after,
.euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:after {
    transform: translateY(-50%)
}

.euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:after,
.euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:before,
.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:after,
.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:before {
    width: 100%
}

.euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:before,
.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:before {
    transform: translate(-50%, -1px)
}

.euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:after,
.euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:after {
    transform: translate(-50%)
}

.euiResizableButton:disabled {
    display: none !important
}

/**
 * 1. The default position of the button should always be `middle`, so
 *    those position styles aren't restricted to a class
 * 2. When collpsed, the button itself is the full collapsed area and we use
 *    flex to align the icon within
 */
.euiResizableToggleButton {
    animation: none !important;
    box-shadow: 0 .8px .8px #0000000a, 0 2.3px 2px #00000008;
    position: absolute;
    transition-property: background, box-shadow;
    z-index: 2
}

.euiResizableToggleButton:focus {
    box-shadow: 0 1px 5px #0000001a, 0 3.6px 13px #00000012, 0 8.4px 23px #0000000f, 0 23px 35px #0000000d
}

.euiResizableToggleButton-isCollapsed {
    background: #0000;
    border-radius: 0;
    box-shadow: none
}

.euiResizableToggleButton:not(:focus):not(:active):not(.euiResizableToggleButton-isVisible):not(.euiResizableToggleButton-isCollapsed) {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    left: -10000px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after {
    right: 0;
    top: 50%;
    /* 1 */
    transform: translate(50%, -50%)
        /* 1 */
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--top {
    top: 0;
    transform: translate(50%, 16px)
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--bottom {
    bottom: 0;
    top: auto;
    transform: translate(50%, -16px)
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before {
    left: 0;
    top: 50%;
    /* 1 */
    transform: translate(-50%, -50%)
        /* 1 */
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--top {
    top: 0;
    transform: translate(-50%, 16px)
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--bottom {
    bottom: 0;
    top: auto;
    transform: translate(-50%, -16px)
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
    bottom: 0 !important;
    height: 100%;
    top: 0 !important;
    transform: none !important
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--top {
    align-items: flex-start;
    /* 2 */
    padding-top: 16px
}

.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--bottom {
    align-items: flex-end;
    /* 2 */
    padding-bottom: 16px
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after {
    left: 50%;
    /* 1 */
    top: 100%;
    transform: translate(-50%, -50%)
        /* 1 */
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--left {
    left: 0;
    transform: translate(16px, -50%)
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--right {
    left: auto;
    right: 0;
    transform: translate(-16px, -50%)
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before {
    bottom: 100%;
    left: 50%;
    /* 1 */
    transform: translate(-50%, 50%)
        /* 1 */
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--left {
    left: 0;
    transform: translate(16px, 50%)
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--right {
    left: auto;
    right: 0;
    transform: translate(-16px, 50%)
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
    bottom: 0 !important;
    left: 0 !important;
    top: 0 !important;
    transform: none !important;
    width: 100%
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--left {
    justify-content: flex-start;
    /* 2 */
    padding-left: 16px
}

.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--right {
    justify-content: flex-end;
    /* 2 */
    padding-right: 16px
}

.euiSideNav__mobileToggle {
    border-bottom: 1px solid #d3dae6;
    border-radius: 0 !important;
    font-size: 16px;
    height: auto;
    padding: 0 16px;
    text-align: left;
    width: 100%
}

.euiSideNav__mobileToggle .euiSideNav__mobileToggleText {
    padding: 16px 0
}

.euiSideNav__mobileToggle .euiSideNav__mobileToggleContent {
    justify-content: space-between
}

.euiSideNav__heading {
    margin-bottom: 24px
}

@media only screen and (max-width: 574px) {
    .euiSideNav__contentMobile-xs {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 24px;
        visibility: hidden
    }

    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
        max-height: 5000px;
        /* 1 */
        opacity: 1;
        padding: 24px;
        visibility: visible
    }
}

@media only screen and (max-width: 574px) and (prefers-reduced-motion:no-preference) {
    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
        transition: all .25s cubic-bezier(.694, .0482, .335, 1)
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiSideNav__contentMobile-s {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 24px;
        visibility: hidden
    }

    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
        max-height: 5000px;
        /* 1 */
        opacity: 1;
        padding: 24px;
        visibility: visible
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) and (prefers-reduced-motion:no-preference) {
    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
        transition: all .25s cubic-bezier(.694, .0482, .335, 1)
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .euiSideNav__contentMobile-m {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 24px;
        visibility: hidden
    }

    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
        max-height: 5000px;
        /* 1 */
        opacity: 1;
        padding: 24px;
        visibility: visible
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) and (prefers-reduced-motion:no-preference) {
    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
        transition: all .25s cubic-bezier(.694, .0482, .335, 1)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiSideNav__contentMobile-l {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 24px;
        visibility: hidden
    }

    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
        max-height: 5000px;
        /* 1 */
        opacity: 1;
        padding: 24px;
        visibility: visible
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) and (prefers-reduced-motion:no-preference) {
    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
        transition: all .25s cubic-bezier(.694, .0482, .335, 1)
    }
}

@media only screen and (min-width: 1200px) {
    .euiSideNav__contentMobile-xl {
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0 24px;
        visibility: hidden
    }

    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
        max-height: 5000px;
        /* 1 */
        opacity: 1;
        padding: 24px;
        visibility: visible
    }
}

@media only screen and (min-width: 1200px) and (prefers-reduced-motion:no-preference) {
    .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
        transition: all .25s cubic-bezier(.694, .0482, .335, 1)
    }
}

/**
 * 1. Text-align defaults to center, so we have to override that.
 * 2. Color the text at the item level and then have the button inherit so overrides are easier
 * 3. Enable ellipsis overflow to work (https://css-tricks.com/flexbox-truncated-text/)
 * 4. Restrict the underline to the button __label so it doesn't affect other components that might live within
 */
.euiSideNavItemButton {
    color: inherit;
    /* 2 */
    display: block;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    padding: 2px 0;
    text-align: left;
    /* 1 */
    width: 100%
}

.euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover {
    cursor: pointer
}

.euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):focus .euiSideNavItemButton__label,
.euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover .euiSideNavItemButton__label {
    text-decoration: underline
        /* 4 */
}

.euiSideNavItemButton.euiSideNavItemButton-isSelected {
    color: #006bb8;
    font-weight: 700
}

.euiSideNavItemButton.euiSideNavItemButton-isSelected .euiSideNavItemButton__label {
    text-decoration: underline
        /* 4 */
}

.euiSideNavItemButton:disabled {
    color: #a2abba;
    cursor: not-allowed;
    text-decoration: none
}

.euiSideNavItemButton__content {
    align-items: center;
    display: flex
}

.euiSideNavItemButton__icon {
    margin-right: 8px
}

.euiSideNavItemButton__labelContainer {
    min-width: 0
        /* 3 */
}

.euiSideNavItemButton__label {
    flex-grow: 1
}

.euiSideNavItemButton__label--truncated {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiSideNavItem--root.euiSideNavItem--rootIcon>.euiSideNavItem__items {
    margin-left: 24px
}

.euiSideNavItem--root>.euiSideNavItemButton {
    margin-bottom: 8px;
    /* 1 */
    margin-left: -8px;
    /* 1 */
    padding: 0 8px;
    /* 1 */
    width: calc(100% + 16px)
        /* 1 */
}

.euiSideNavItem--root>.euiSideNavItemButton .euiSideNavItemButton__label {
    font-size: 16px;
    font-size: 1.1428571429rem
}

.euiSideNavItem--root>.euiSideNavItem__items {
    margin-left: 0;
    position: static
}

.euiSideNavItem--root>.euiSideNavItem__items:after {
    display: none
}

.euiSideNavItem--root+.euiSideNavItem--root {
    margin-top: 32px
}

.euiSideNavItem--trunk {
    color: #1a1c21
        /* 2 */
        /**
   * 1. Create padding around focus area without indenting the item itself.
   */
}

.euiSideNavItem--trunk>.euiSideNavItemButton {
    margin-left: -8px;
    /* 1 */
    padding-left: 8px;
    /* 1 */
    padding-right: 8px;
    /* 1 */
    width: calc(100% + 16px)
        /* 1 */
}

.euiSideNavItem--trunk>.euiSideNavItem__items {
    margin-left: 8px;
    width: 100%
}

.euiSideNavItem--branch {
    color: #646a77;
    /* 2 */
    /**
  * 1. Draw the vertical line to group an expanded item's child items together.
  */
    position: relative
        /**
   * 2. Absolutely position the horizontal tick connecting the item to the vertical line.
   */
}

.euiSideNavItem--branch:after {
    background: #d3dae6;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    /* 1 */
    top: 0;
    width: 1px
}

.euiSideNavItem--branch:last-of-type:after {
    height: 12px
}

.euiSideNavItem--branch>.euiSideNavItemButton {
    padding-left: 8px;
    padding-right: 8px;
    /* 2 */
    position: relative
        /* 2 */
}

.euiSideNavItem--branch>.euiSideNavItemButton:after {
    background: #d3dae6;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    /* 2 */
    top: 12px;
    width: 4px
}

.euiSideNavItem--branch>.euiSideNavItem__items {
    margin-left: 16px
}

.euiSideNavItem--emphasized {
    background: #d3dae64d;
    box-shadow: 100px 0 0 0 #d3dae64d, -100px 0 0 0 #d3dae64d;
    color: #1a1c21
}

.euiSideNavItem--emphasized>.euiSideNavItemButton {
    font-weight: 700
}

.euiSideNavItem--emphasized .euiSideNavItem--emphasized {
    background: #0000;
    box-shadow: none
}

.euiSearchBar__searchHolder {
    min-width: 200px
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .euiSearchBar__filtersHolder {
        max-width: calc(100% - 16px)
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiSearchBar__filtersHolder {
        max-width: calc(100% - 16px)
    }
}

@media only screen and (min-width: 1200px) {
    .euiSearchBar__filtersHolder {
        max-width: calc(100% - 16px)
    }
}

.euiSelectable {
    display: flex;
    flex-direction: column
}

.coreSystemRootDomElement {
    display: flex !important;
    justify-content: center !important;
}

.kbnAppWrapper .lnsAppWrapper {
    display: none !important;
    z-index: 1000000;
}


.euiSelectable-fullHeight {
    height: 100%
}

.euiSelectableList:focus-within {
    outline: 2px solid currentColor
}

.euiSelectableList:focus-within:focus-visible {
    outline-style: auto
}

.euiSelectableList:focus-within:not(:focus-visible) {
    outline: none
}

.euiSelectableList-fullHeight {
    flex-grow: 1
}

.euiSelectableList-bordered {
    border: 1px solid #d3dae6;
    border-radius: 6px;
    overflow: hidden
}

.euiSelectableList__list {
    -webkit-mask-image: linear-gradient(180deg, #ff00001a 0, red 7.5px, red calc(100% - 7.5px), #ff00001a);
    mask-image: linear-gradient(180deg, #ff00001a 0, red 7.5px, red calc(100% - 7.5px), #ff00001a);
    scrollbar-color: #69707d80 #0000;
    scrollbar-width: thin;
    height: 293px !important;
}

.euiSelectableList__list::-webkit-scrollbar {
    height: 16px;
    width: 16px
}

.euiSelectableList__list::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #69707d80;
    border: 6px solid #0000;
    border-radius: 16px
}

.euiSelectableList__list::-webkit-scrollbar-corner,
.euiSelectableList__list::-webkit-scrollbar-track {
    background-color: initial
}

.euiSelectableList__groupLabel {
    align-items: center;
    border-bottom: 1px solid #eef2f7;
    color: #1a1c21;
    display: flex;
    font-size: 12px;
    font-size: .8571428571rem;
    font-weight: 700;
    line-height: 1.1428571429rem;
    overflow-wrap: break-word !important;
    padding: 4px 12px;
    word-break: break-word
}

.euiSelectableListItem {
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    overflow: hidden;
    text-align: left;
    width: 100%
}

.euiSelectableListItem:not(:last-of-type) {
    border-bottom: 1px solid #eef2f7
}

.euiSelectableListItem-isFocused:not([aria-disabled=true]),
.euiSelectableListItem:hover:not([aria-disabled=true]) {
    background-color: #0077cc1a;
    color: #0071c2
}

.euiSelectableListItem-isFocused:not([aria-disabled=true]) .euiSelectableListItem__text,
.euiSelectableListItem:hover:not([aria-disabled=true]) .euiSelectableListItem__text {
    text-decoration: underline
}

.euiSelectableListItem[aria-disabled=true] {
    color: #98a2b3;
    cursor: not-allowed
}

.euiSelectableListItem--paddingSmall .euiSelectableListItem__content {
    padding: 4px 12px
}

.euiSelectableListItem__content {
    align-items: center;
    display: flex;
    width: 100%
}

.euiSelectableListItem__icon,
.euiSelectableListItem__prepend {
    flex-shrink: 0;
    margin-right: 12px
}

.euiSelectableListItem__append {
    flex-shrink: 0;
    margin-left: 12px
}

.euiSelectableListItem__text {
    flex-grow: 1
}

.euiSelectableListItem__text--truncate {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

/**
  * 1. Prevent really long input from overflowing the container.
  */
.euiSelectableMessage {
    word-wrap: break-word;
    /* 1 */
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px;
    text-align: center
}

.euiSelectableMessage--bordered {
    border: 1px solid #d3dae6;
    border-radius: 6px;
    overflow: hidden
}

.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout {
    background-color: initial
}

.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout input,
.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout--group {
    box-shadow: inset 0 0 0 1px #ffffff4d
}

.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) {
    color: #fff
}

.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input {
    background-color: initial;
    color: inherit
}

.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::placeholder {
    color: #bdc0c6;
    opacity: 1
}

.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) .euiFormControlLayout__append {
    background-color: initial;
    color: inherit
}

.euiSelectableTemplateSitewide__listItem .euiSelectableListItem__text {
    text-decoration: none !important
}

.euiSelectableTemplateSitewide__listItem:hover:not([aria-disabled=true]) .euiSelectableTemplateSitewide__listItemTitle,
.euiSelectableTemplateSitewide__listItem[class*=-isFocused]:not([aria-disabled=true]) .euiSelectableTemplateSitewide__listItemTitle {
    text-decoration: underline
}

.euiSelectableTemplateSitewide__optionMetasList {
    color: #69707d;
    display: block;
    font-size: 12px;
    margin-top: 4px
}

.euiSelectableTemplateSitewide__optionMeta:not(:last-of-type):after {
    color: #69707d;
    content: "•";
    margin: 0 4px
}

.euiSelectableTemplateSitewide__optionMeta--application {
    color: #4e779c;
    font-weight: 500
}

.euiSelectableTemplateSitewide__optionMeta--deployment {
    color: #3b7d6a;
    font-weight: 500
}

.euiSelectableTemplateSitewide__optionMeta--article {
    color: #8365a6;
    font-weight: 500
}

.euiSelectableTemplateSitewide__optionMeta--case {
    color: #bc533e;
    font-weight: 500
}

.euiSelectableTemplateSitewide__optionMeta--platform {
    color: #807234;
    font-weight: 500
}

.euiStepNumber {
    background-color: #07c;
    border-radius: 32px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px
}

.euiStepNumber .euiStepNumber__icon {
    top: -2px;
    vertical-align: middle
}

.euiStepNumber--small {
    background-color: #07c;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px
}

.euiStepNumber--complete .euiStepNumber__icon {
    stroke: currentColor;
    stroke-width: .5px
}

@media screen and (prefers-reduced-motion:no-preference) {

    .euiStepNumber--complete,
    .euiStepNumber--danger,
    .euiStepNumber--warning {
        animation: euiGrow .15s cubic-bezier(.34, 1.61, .7, 1)
    }
}

.euiStepNumber--loading {
    background: #0000
}

.euiStepNumber--warning {
    background-color: #fff9e8;
    color: #8a6a0a
}

.euiStepNumber--danger {
    background-color: #f8e9e9;
    color: #bd271e
}

.euiStepNumber--disabled,
.euiStepNumber--incomplete {
    background-color: #f0f1f2;
    color: #646a77
}

/**
 * 1. Ensure that the step number vertically aligns with the title text
 */
.euiStep:not(:last-of-type) {
    background-image: linear-gradient(90deg, #0000 0, #0000 15px, #d3dae6 0, #d3dae6 17px, #0000 0, #0000);
    background-position: left 40px;
    background-repeat: no-repeat
}

.euiStep--small:not(:last-of-type) {
    background-position: left -4px top 32px
}

.euiStep--small .euiStep__content {
    margin-left: 12px;
    padding-left: 28px
}

.euiStep__titleWrapper {
    display: flex
}

.euiStep__circle {
    flex-shrink: 0;
    margin-right: 16px;
    vertical-align: top
        /* 1 */
}

.euiStep__content {
    margin: 8px 0 8px 16px;
    padding: 16px 16px 32px 32px
}

.euiSubSteps {
    background-color: #f5f7fa;
    margin-bottom: 16px;
    padding: 16px
}

.euiSubSteps>:last-child {
    margin-bottom: 0
}

.euiSubSteps ol,
.euiText .euiSubSteps ol {
    list-style-type: lower-alpha
}

/**
 * 1. Ensure the connecting lines stays behind the number
 * 2. Make each step the same width
 * 3. Make the content of each step align to the top, even if the steps are of varying heights,
 *    e.g. due to some of their titles wrapping to multiple lines
 */
.euiStepsHorizontal {
    align-items: stretch;
    background: #f5f7fa80;
    display: flex
}

.euiStepHorizontal__item {
    flex-basis: 0%;
    /* 2 */
    flex-grow: 1
        /* 2 */
}

.euiStepHorizontal__item:first-of-type>.euiStepHorizontal:before,
.euiStepHorizontal__item:last-of-type>.euiStepHorizontal:after {
    display: none
}

.euiStepHorizontal {
    align-items: center;
    /* 3 */
    cursor: pointer;
    display: flex;
    /* 3 */
    flex-direction: column;
    /* 3 */
    justify-content: flex-start;
    /* 3 */
    padding: 24px 16px 16px;
    position: relative;
    width: 100%
}

.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title,
.euiStepHorizontal:hover:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title {
    text-decoration: underline
}

.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) {
    outline: none
}

.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number {
    outline: 2px solid currentColor
}

.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:focus-visible {
    outline-style: auto
}

.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
    outline: none
}

.euiStepHorizontal.euiStepHorizontal-isDisabled {
    cursor: not-allowed
}

.euiStepHorizontal:after,
.euiStepHorizontal:before {
    content: "";
    height: 1px;
    position: absolute;
    top: 40px;
    width: calc(50% - 16px);
    z-index: 0
        /* 1 */
}

.euiStepHorizontal:before {
    left: 0
}

.euiStepHorizontal:after {
    right: 0
}

.euiStepHorizontal__number {
    position: relative;
    /* 1 */
    transition: all .15s ease-in-out;
    z-index: 1
        /* 1 */
}

.euiStepHorizontal__title {
    color: #1a1c21;
    font-size: 16px;
    font-size: 1.1428571429rem;
    font-weight: 400;
    line-height: 1.7142857143rem;
    margin-top: 8px;
    overflow-wrap: break-word !important;
    text-align: center;
    word-break: break-word
}

.euiStepHorizontal-isDisabled .euiStepHorizontal__title {
    color: #69707d
}

.euiStepHorizontal-isComplete:after,
.euiStepHorizontal-isComplete:before {
    background-color: #07c;
    height: 2px
}

.euiStepHorizontal-isSelected .euiStepHorizontal__number:not([class*=danger]):not([class*=warning]):not([class*=loading]) {
    box-shadow: 0 .8px .8px #1474b80a, 0 2.3px 2px #1474b808
}

.euiStepHorizontal-isSelected:before {
    background-color: #07c;
    height: 2px
}

@media only screen and (max-width: 574px) {
    .euiStepHorizontal {
        padding-top: 16px
    }

    .euiStepHorizontal:after,
    .euiStepHorizontal:before {
        top: 32px
    }

    .euiStepHorizontal__title {
        display: none
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiStepHorizontal {
        padding-top: 16px
    }

    .euiStepHorizontal:after,
    .euiStepHorizontal:before {
        top: 32px
    }

    .euiStepHorizontal__title {
        display: none
    }
}

.euiSuggestItem {
    align-items: flex-start;
    color: #343741;
    display: flex;
    flex: 1 1 100%;
    font-size: 12px;
    line-height: 16px;
    max-width: 100%
}

.euiSuggestItem--truncate .euiSuggestItem__description,
.euiSuggestItem--truncate .euiSuggestItem__label {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

button.euiSuggestItem {
    text-align: left;
    width: 100%
}

button.euiSuggestItem:focus,
button.euiSuggestItem:hover {
    background-color: #0077cc1a;
    cursor: pointer
}

button.euiSuggestItem:focus .euiSuggestItem__label,
button.euiSuggestItem:hover .euiSuggestItem__label {
    text-decoration: underline
}

.euiSuggestItem__type--tint0 {
    background-color: #e0f1ed;
    color: #357160
}

.euiSuggestItem__type--tint1 {
    background-color: #e2ebf4;
    color: #466b8d
}

.euiSuggestItem__type--tint2 {
    background-color: #f7e2e9;
    color: #a34a68
}

.euiSuggestItem__type--tint3 {
    background-color: #ebe5f2;
    color: #765b96
}

.euiSuggestItem__type--tint4 {
    background-color: #f5ebf0;
    color: #865f74
}

.euiSuggestItem__type--tint5 {
    background-color: #f8f3e1;
    color: #7a6c31
}

.euiSuggestItem__type--tint6 {
    background-color: #f2efea;
    color: #756a56
}

.euiSuggestItem__type--tint7 {
    background-color: #f8eade;
    color: #915c2e
}

.euiSuggestItem__type--tint8 {
    background-color: #f0e3e1;
    color: #92564a
}

.euiSuggestItem__type--tint9 {
    background-color: #fbe3df;
    color: #aa4b38
}

.euiSuggestItem__type--tint10 {
    background-color: #e4e5e8;
    color: #5f6571
}

.euiSuggestItem__type {
    align-items: flex-start;
    align-self: stretch;
    display: flex;
    flex: 0 0 auto;
    justify-content: center;
    min-height: 32px;
    padding-top: 8px;
    width: 32px
}

.euiSuggestItem__description,
.euiSuggestItem__label {
    display: inline-block;
    flex-grow: 1;
    overflow-wrap: break-word !important;
    padding: 8px;
    word-break: break-word
}

.euiSuggestItem__label {
    font-family: Roboto Mono, Consolas, Menlo, Courier, monospace
}

.euiSuggestItem__label.euiSuggestItem__label--width20 {
    flex-basis: calc(20% - 16px);
    min-width: calc(20% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width21 {
    flex-basis: calc(21% - 16px);
    min-width: calc(21% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width22 {
    flex-basis: calc(22% - 16px);
    min-width: calc(22% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width23 {
    flex-basis: calc(23% - 16px);
    min-width: calc(23% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width24 {
    flex-basis: calc(24% - 16px);
    min-width: calc(24% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width25 {
    flex-basis: calc(25% - 16px);
    min-width: calc(25% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width26 {
    flex-basis: calc(26% - 16px);
    min-width: calc(26% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width27 {
    flex-basis: calc(27% - 16px);
    min-width: calc(27% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width28 {
    flex-basis: calc(28% - 16px);
    min-width: calc(28% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width29 {
    flex-basis: calc(29% - 16px);
    min-width: calc(29% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width30 {
    flex-basis: calc(30% - 16px);
    min-width: calc(30% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width31 {
    flex-basis: calc(31% - 16px);
    min-width: calc(31% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width32 {
    flex-basis: calc(32% - 16px);
    min-width: calc(32% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width33 {
    flex-basis: calc(33% - 16px);
    min-width: calc(33% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width34 {
    flex-basis: calc(34% - 16px);
    min-width: calc(34% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width35 {
    flex-basis: calc(35% - 16px);
    min-width: calc(35% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width36 {
    flex-basis: calc(36% - 16px);
    min-width: calc(36% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width37 {
    flex-basis: calc(37% - 16px);
    min-width: calc(37% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width38 {
    flex-basis: calc(38% - 16px);
    min-width: calc(38% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width39 {
    flex-basis: calc(39% - 16px);
    min-width: calc(39% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width40 {
    flex-basis: calc(40% - 16px);
    min-width: calc(40% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width41 {
    flex-basis: calc(41% - 16px);
    min-width: calc(41% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width42 {
    flex-basis: calc(42% - 16px);
    min-width: calc(42% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width43 {
    flex-basis: calc(43% - 16px);
    min-width: calc(43% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width44 {
    flex-basis: calc(44% - 16px);
    min-width: calc(44% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width45 {
    flex-basis: calc(45% - 16px);
    min-width: calc(45% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width46 {
    flex-basis: calc(46% - 16px);
    min-width: calc(46% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width47 {
    flex-basis: calc(47% - 16px);
    min-width: calc(47% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width48 {
    flex-basis: calc(48% - 16px);
    min-width: calc(48% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width49 {
    flex-basis: calc(49% - 16px);
    min-width: calc(49% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width50 {
    flex-basis: calc(50% - 16px);
    min-width: calc(50% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width51 {
    flex-basis: calc(51% - 16px);
    min-width: calc(51% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width52 {
    flex-basis: calc(52% - 16px);
    min-width: calc(52% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width53 {
    flex-basis: calc(53% - 16px);
    min-width: calc(53% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width54 {
    flex-basis: calc(54% - 16px);
    min-width: calc(54% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width55 {
    flex-basis: calc(55% - 16px);
    min-width: calc(55% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width56 {
    flex-basis: calc(56% - 16px);
    min-width: calc(56% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width57 {
    flex-basis: calc(57% - 16px);
    min-width: calc(57% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width58 {
    flex-basis: calc(58% - 16px);
    min-width: calc(58% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width59 {
    flex-basis: calc(59% - 16px);
    min-width: calc(59% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width60 {
    flex-basis: calc(60% - 16px);
    min-width: calc(60% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width61 {
    flex-basis: calc(61% - 16px);
    min-width: calc(61% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width62 {
    flex-basis: calc(62% - 16px);
    min-width: calc(62% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width63 {
    flex-basis: calc(63% - 16px);
    min-width: calc(63% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width64 {
    flex-basis: calc(64% - 16px);
    min-width: calc(64% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width65 {
    flex-basis: calc(65% - 16px);
    min-width: calc(65% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width66 {
    flex-basis: calc(66% - 16px);
    min-width: calc(66% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width67 {
    flex-basis: calc(67% - 16px);
    min-width: calc(67% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width68 {
    flex-basis: calc(68% - 16px);
    min-width: calc(68% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width69 {
    flex-basis: calc(69% - 16px);
    min-width: calc(69% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width70 {
    flex-basis: calc(70% - 16px);
    min-width: calc(70% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width71 {
    flex-basis: calc(71% - 16px);
    min-width: calc(71% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width72 {
    flex-basis: calc(72% - 16px);
    min-width: calc(72% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width73 {
    flex-basis: calc(73% - 16px);
    min-width: calc(73% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width74 {
    flex-basis: calc(74% - 16px);
    min-width: calc(74% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width75 {
    flex-basis: calc(75% - 16px);
    min-width: calc(75% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width76 {
    flex-basis: calc(76% - 16px);
    min-width: calc(76% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width77 {
    flex-basis: calc(77% - 16px);
    min-width: calc(77% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width78 {
    flex-basis: calc(78% - 16px);
    min-width: calc(78% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width79 {
    flex-basis: calc(79% - 16px);
    min-width: calc(79% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width80 {
    flex-basis: calc(80% - 16px);
    min-width: calc(80% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width81 {
    flex-basis: calc(81% - 16px);
    min-width: calc(81% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width82 {
    flex-basis: calc(82% - 16px);
    min-width: calc(82% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width83 {
    flex-basis: calc(83% - 16px);
    min-width: calc(83% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width84 {
    flex-basis: calc(84% - 16px);
    min-width: calc(84% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width85 {
    flex-basis: calc(85% - 16px);
    min-width: calc(85% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width86 {
    flex-basis: calc(86% - 16px);
    min-width: calc(86% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width87 {
    flex-basis: calc(87% - 16px);
    min-width: calc(87% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width88 {
    flex-basis: calc(88% - 16px);
    min-width: calc(88% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width89 {
    flex-basis: calc(89% - 16px);
    min-width: calc(89% - 16px)
}

.euiSuggestItem__label.euiSuggestItem__label--width90 {
    flex-basis: calc(90% - 16px);
    min-width: calc(90% - 16px)
}

.euiSuggestItem__label--expand {
    flex-basis: auto
}

.euiSuggestItem__description {
    align-self: baseline;
    color: #69707d;
    flex-basis: auto;
    padding-top: 9px
}

.euiSuggestItem__description.euiSuggestItem__description--wrap {
    overflow-wrap: break-word !important;
    white-space: normal !important;
    word-break: break-word
}

.euiSuggestItemOption:focus .euiSuggestItem__label,
.euiSuggestItemOption:hover:not([aria-disabled=true]) .euiSuggestItem__label,
.euiSuggestItemOption[class*=isFocused] .euiSuggestItem__label {
    text-decoration: underline
}

.euiSuggestInput__statusIcon {
    background-color: initial !important
}

.euiTable {
    font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
    background-color: #fff;
    border: none;
    border-collapse: collapse;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    table-layout: fixed;
    width: 100%
}

.euiTable.euiTable--auto {
    table-layout: auto
}

.euiTableCaption {
    position: relative
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .euiTable--compressed .euiTableCellContent {
        font-size: 12px;
        font-size: .8571428571rem;
        line-height: 1.1428571429rem;
        padding: 4px
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiTable--compressed .euiTableCellContent {
        font-size: 12px;
        font-size: .8571428571rem;
        line-height: 1.1428571429rem;
        padding: 4px
    }
}

@media only screen and (min-width: 1200px) {
    .euiTable--compressed .euiTableCellContent {
        font-size: 12px;
        font-size: .8571428571rem;
        line-height: 1.1428571429rem;
        padding: 4px
    }
}

.euiTableFooterCell,
.euiTableHeaderCell {
    border: none;
    color: #1a1c21;
    font-size: 14px;
    font-size: 1rem;
    font-weight: inherit;
    font-weight: 700;
    font-weight: 500;
    line-height: 1.7142857143rem;
    overflow-wrap: break-word !important;
    text-align: left;
    vertical-align: middle;
    word-break: break-word
}

.euiTableFooterCell .euiTableHeaderButton,
.euiTableHeaderCell .euiTableHeaderButton {
    font-weight: 500;
    text-align: left
}

.euiTableFooterCell .euiTableCellContent__text,
.euiTableHeaderCell .euiTableCellContent__text {
    font-size: 12px;
    font-size: .8571428571rem;
    font-weight: 600;
    line-height: 1.1428571429rem
}

.euiTableHeaderButton {
    color: inherit;
    font-size: 14px;
    font-size: 1rem;
    line-height: 1.7142857143rem;
    width: 100%
}

.euiTableHeaderButton:focus .euiTableCellContent__text,
.euiTableHeaderButton:hover .euiTableCellContent__text {
    color: #07c;
    text-decoration: underline
}

.euiTableHeaderButton:focus .euiTableSortIcon,
.euiTableHeaderButton:hover .euiTableSortIcon {
    fill: #07c
}

.euiTableSortIcon {
    flex-shrink: 0;
    margin-left: 4px
}

.euiTableHeaderButton-isSorted .euiTableSortIcon {
    fill: #1a1c21
}

.euiTableHeaderCellCheckbox {
    border: none;
    font-weight: inherit;
    text-align: left;
    vertical-align: middle;
    width: 32px
}

.euiTableRow:hover {
    background-color: #fafbfd
}

.euiTableRow.euiTableRow-isClickable:hover {
    background-color: #0077cc0d;
    cursor: pointer
}

.euiTableRow.euiTableRow-isClickable:focus {
    background-color: #0077cc1a
}

.euiTableRow.euiTableRow-isExpandedRow {
    background-color: #fafbfd
}

.euiTableRow.euiTableRow-isExpandedRow.euiTableRow-isSelectable .euiTableCellContent {
    padding-left: 40px
}

.euiTableRow.euiTableRow-isSelected,
.euiTableRow.euiTableRow-isSelected+.euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
    background-color: #e3f0f95e
}

.euiTableRow.euiTableRow-isSelected:hover,
.euiTableRow.euiTableRow-isSelected:hover+.euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
    background-color: #0077cc1a
}

.euiTableRowCell {
    border-bottom: 1px solid #d3dae6;
    border-top: 1px solid #d3dae6;
    color: #343741;
    font-weight: inherit;
    text-align: left;
    vertical-align: middle
}

.euiTableRowCell--top {
    vertical-align: top
}

.euiTableRowCell--bottom {
    vertical-align: bottom
}

.euiTableRowCell--baseline {
    vertical-align: initial
}

.euiTableRowCell.euiTableRowCell--isMobileHeader {
    display: none
}

.euiTableRowCellCheckbox {
    border-bottom: 1px solid #d3dae6;
    border-top: 1px solid #d3dae6;
    font-weight: inherit;
    text-align: left;
    vertical-align: middle;
    width: 32px
}

.euiTableFooterCell {
    background-color: #f5f7fa
}

/**
 * 1. Vertically align all children.
 * 2. The padding on this div allows the ellipsis to show if the content is truncated. If
 *    the padding was on the cell, the ellipsis would be cropped.
 * 4. Prevent very long single words (e.g. the name of a field in a document) from overflowing
 *    the cell.
 */
.euiTableCellContent {
    align-items: center;
    /* 1 */
    display: flex;
    overflow: hidden;
    /* 4 */
    padding: 8px
        /* 2 */
}

.euiTableCellContent__text {
    /* 4 */
    min-width: 0;
    overflow-wrap: break-word !important;
    text-overflow: ellipsis;
    word-break: break-word
}

.euiTableCellContent--alignRight {
    justify-content: flex-end;
    text-align: right
}

.euiTableCellContent--alignCenter {
    justify-content: center;
    text-align: center
}

.euiTableCellContent--truncateText,
.euiTableFooterCell,
.euiTableHeaderCell {
    max-width: 100%;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.euiTableCellContent--truncateText .euiTableCellContent__text,
.euiTableFooterCell .euiTableCellContent__text,
.euiTableHeaderCell .euiTableCellContent__text {
    overflow: hidden
}

.euiTableCellContent--overflowingContent {
    overflow: visible;
    white-space: normal;
    word-break: break-word
}

.euiTableCellContent--showOnHover>:not(:first-child) {
    margin-left: 8px
}

.euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
    filter: grayscale(100%);
    flex-shrink: 0;
    opacity: .7;
    transition: opacity .25s cubic-bezier(.694, .0482, .335, 1), filter .25s cubic-bezier(.694, .0482, .335, 1)
}

.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:focus,
.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:hover,
.euiTableRow:hover .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled {
    filter: grayscale(0);
    opacity: 0
}

.euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled),
.euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):focus,
.euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):hover {
    filter: grayscale(0);
    opacity: 1
}

.euiTableRow-isExpandedRow .euiTableCellContent {
    animation: growExpandedRow .25s cubic-bezier(.694, .0482, .335, 1) 1 normal forwards;
    overflow: hidden
}

@keyframes growExpandedRow {
    0% {
        max-height: 0
    }

    99% {
        max-height: 100vh
    }

    to {
        max-height: unset
    }
}

.euiTableRowCell__mobileHeader {
    display: none
}

@media only screen and (max-width: 574px) {
    .euiTableRowCell--hideForMobile {
        display: none !important
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiTableRowCell--hideForMobile {
        display: none !important
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .euiTableRowCell--hideForDesktop {
        display: none !important
    }
}

@media only screen and (min-width: 992px) and (max-width:1199px) {
    .euiTableRowCell--hideForDesktop {
        display: none !important
    }
}

@media only screen and (min-width: 1200px) {
    .euiTableRowCell--hideForDesktop {
        display: none !important
    }
}

@media only screen and (max-width: 574px) {

    .euiTable.euiTable--responsive tfoot,
    .euiTable.euiTable--responsive thead {
        display: none
    }

    .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
        color: #69707d;
        display: block;
        font-size: 9.625px;
        font-size: .6875rem;
        margin-bottom: -8px;
        max-width: 100%;
        min-height: 24px;
        overflow: hidden !important;
        padding: 8px 8px 0;
        text-overflow: ellipsis !important;
        white-space: nowrap !important
    }

    .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
        min-height: 0
    }

    .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
        font-size: 16px;
        font-size: 1.1428571429rem;
        line-height: 1.7142857143rem
    }

    .euiTable.euiTable--responsive .euiTableRow {
        flex-grow: 1
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
        flex-grow: 0
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
        box-shadow: 0 .9px 4px -1px #00000014, 0 2.6px 8px -1px #0000000f, 0 5.7px 12px -1px #0000000d, 0 15px 15px -1px #0000000a
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
        border: 1px solid #d3dae6;
        box-shadow: none
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
        transition: all .15s cubic-bezier(.694, .0482, .335, 1)
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
        display: block;
        text-align: left;
        width: 100%
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover {
        box-shadow: 0 1px 5px #0000001a, 0 3.6px 13px #00000012, 0 8.4px 23px #0000000f, 0 23px 35px #0000000d;
        cursor: pointer;
        transform: translateY(-2px)
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
        border-radius: 0
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
        border-radius: 6px
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
        background-color: initial
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
        background-color: #fff
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
        background-color: #fafbfd
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
        background-color: #feedf5
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
        background-color: #e6f1fa
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
        background-color: #e6f9f7
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
        background-color: #fff9e8
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
        background-color: #f8e9e9
    }

    .euiTable.euiTable--responsive .euiTableRow {
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0 .7px 1.4px #00000012, 0 1.9px 4px #0000000d, 0 4.5px 10px #0000000d;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8px;
        padding: 8px
    }

    .euiTable.euiTable--responsive .euiTableRow:hover {
        background-color: #fff
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable {
        background-image: linear-gradient(90deg, #98a2b31a 0, #98a2b31a 1px, #0000 0, #0000);
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: 40px 100%;
        padding-right: 40px;
        position: relative
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander {
        min-width: 0;
        position: absolute;
        right: 8px;
        top: 16px;
        width: 24px
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions:before,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander:before {
        display: none
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent {
        flex-direction: column;
        padding: 0
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink {
        padding: 4px
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
        bottom: 16px;
        right: 0;
        top: auto
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
        padding-left: 36px;
        position: relative
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
        left: 4px;
        position: absolute;
        top: 8px
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected+.euiTableRow.euiTableRow-isExpandedRow,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover+.euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
        background-color: #e3f0f95e
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
        background-image: linear-gradient(90deg, #98a2b31a 0, #98a2b31a 1px, #0000 0, #0000);
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: 40px 100%;
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 0 .7px 1.4px #00000012, 0 1.9px 4px #0000000d, 0 4.5px 10px #0000000d;
        margin-top: -16px;
        padding-left: 8px;
        position: relative;
        z-index: 2
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
        background-color: #fff
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
        width: calc(100% - 40px)
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell:before {
        display: none
    }

    .euiTable.euiTable--responsive .euiTableRowCell {
        border: none;
        min-width: 50%
    }

    .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
        border: none
    }

    .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover>* {
        margin-left: 0
    }

    .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
        display: none
    }

    .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
        filter: none;
        margin-bottom: 8px;
        margin-left: 0;
        opacity: 1
    }

    .euiTable.euiTable--responsive .euiTableCellContent--alignCenter,
    .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
        justify-content: flex-start
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {

    .euiTable.euiTable--responsive tfoot,
    .euiTable.euiTable--responsive thead {
        display: none
    }

    .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
        color: #69707d;
        display: block;
        font-size: 9.625px;
        font-size: .6875rem;
        margin-bottom: -8px;
        max-width: 100%;
        min-height: 24px;
        overflow: hidden !important;
        padding: 8px 8px 0;
        text-overflow: ellipsis !important;
        white-space: nowrap !important
    }

    .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
        min-height: 0
    }

    .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
        font-size: 16px;
        font-size: 1.1428571429rem;
        line-height: 1.7142857143rem
    }

    .euiTable.euiTable--responsive .euiTableRow {
        flex-grow: 1
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
        flex-grow: 0
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
        box-shadow: 0 .9px 4px -1px #00000014, 0 2.6px 8px -1px #0000000f, 0 5.7px 12px -1px #0000000d, 0 15px 15px -1px #0000000a
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
        border: 1px solid #d3dae6;
        box-shadow: none
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
        transition: all .15s cubic-bezier(.694, .0482, .335, 1)
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
        display: block;
        text-align: left;
        width: 100%
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover {
        box-shadow: 0 1px 5px #0000001a, 0 3.6px 13px #00000012, 0 8.4px 23px #0000000f, 0 23px 35px #0000000d;
        cursor: pointer;
        transform: translateY(-2px)
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
        border-radius: 0
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
        border-radius: 6px
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
        background-color: initial
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
        background-color: #fff
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
        background-color: #fafbfd
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
        background-color: #feedf5
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
        background-color: #e6f1fa
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
        background-color: #e6f9f7
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
        background-color: #fff9e8
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
        background-color: #f8e9e9
    }

    .euiTable.euiTable--responsive .euiTableRow {
        background-color: #fff;
        border-radius: 6px;
        box-shadow: 0 .7px 1.4px #00000012, 0 1.9px 4px #0000000d, 0 4.5px 10px #0000000d;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 8px;
        padding: 8px
    }

    .euiTable.euiTable--responsive .euiTableRow:hover {
        background-color: #fff
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable {
        background-image: linear-gradient(90deg, #98a2b31a 0, #98a2b31a 1px, #0000 0, #0000);
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: 40px 100%;
        padding-right: 40px;
        position: relative
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander {
        min-width: 0;
        position: absolute;
        right: 8px;
        top: 16px;
        width: 24px
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions:before,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander:before {
        display: none
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent {
        flex-direction: column;
        padding: 0
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink {
        padding: 4px
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
        bottom: 16px;
        right: 0;
        top: auto
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
        padding-left: 36px;
        position: relative
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
        left: 4px;
        position: absolute;
        top: 8px
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected+.euiTableRow.euiTableRow-isExpandedRow,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover+.euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
        background-color: #e3f0f95e
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
        background-image: linear-gradient(90deg, #98a2b31a 0, #98a2b31a 1px, #0000 0, #0000);
        background-position-x: right;
        background-repeat: no-repeat;
        background-size: 40px 100%;
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        box-shadow: 0 .7px 1.4px #00000012, 0 1.9px 4px #0000000d, 0 4.5px 10px #0000000d;
        margin-top: -16px;
        padding-left: 8px;
        position: relative;
        z-index: 2
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
        background-color: #fff
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
        width: calc(100% - 40px)
    }

    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell:before {
        display: none
    }

    .euiTable.euiTable--responsive .euiTableRowCell {
        border: none;
        min-width: 50%
    }

    .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
        border: none
    }

    .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover>* {
        margin-left: 0
    }

    .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
        display: none
    }

    .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
        filter: none;
        margin-bottom: 8px;
        margin-left: 0;
        opacity: 1
    }

    .euiTable.euiTable--responsive .euiTableCellContent--alignCenter,
    .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
        justify-content: flex-start
    }
}

.euiTableHeaderCell--hideForDesktop,
.euiTableHeaderMobile {
    display: none
}

@media only screen and (max-width: 574px) {
    .euiTableHeaderMobile {
        display: flex;
        justify-content: flex-end;
        padding: 8px 0
    }

    .euiTableSortMobile {
        display: block
    }
}

@media only screen and (min-width: 575px) and (max-width:767px) {
    .euiTableHeaderMobile {
        display: flex;
        justify-content: flex-end;
        padding: 8px 0
    }

    .euiTableSortMobile {
        display: block
    }
}

.euiComboBox--appended .euiFormControlLayout__childrenWrapper {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.euiComboBox--appended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper,
.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
    border-radius: 0
}

.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
    font-size: 16px;
    font-size: 1.1428571429rem;
    line-height: 1.7142857143rem
}

.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper,
.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^=top] {
    border: none;
    border-radius: 6px
}

.euiDatePickerRange {
    border-radius: 6px
}

.euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
    border: none
}

.euiSuperDatePicker__prettyFormat {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.euiFormControlLayout--compressed.euiSuperDatePicker .euiSuperDatePicker__prettyFormat {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.euiDatePopoverButton--start {
    text-align: center
}

.euiDatePopoverButton--end {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    text-align: center
}

.euiDatePopoverButton--end.euiDatePopoverButton--compressed {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
    line-height: 1.5
}

.euiFilterGroup {
    background-color: #fbfcfd;
    border: none;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #112a861a
}

.euiFilterGroup--compressed {
    border-radius: 4px
}

.euiFilterGroup--compressed .euiFilterButton {
    height: 32px
}

.euiFilterButton {
    background-color: initial;
    border: none;
    border-radius: 0;
    box-shadow: 0 1px 0 0 #112a861a, -1px 0 0 0 #112a861a
}

.euiFilterButton--withNext+.euiFilterButton {
    box-shadow: 0 1px 0 0 #112a861a
}

.euiFormControlLayout--group {
    background-color: #e9edf3;
    border-radius: 6px
}

.euiFormControlLayout--group .euiFormControlLayout__prepend:first-child,
.euiFormControlLayout--group .euiFormControlLayout__prepend:first-child [class*=euiButton] {
    border-radius: 5px 0 0 5px
}

.euiFormControlLayout--group .euiFormControlLayout__append:last-child,
.euiFormControlLayout--group .euiFormControlLayout__append:last-child [class*=euiButton] {
    border-radius: 0 5px 5px 0
}

.euiFormControlLayout--group [class*=euiButton]:focus {
    outline: 2px solid currentColor;
    outline-offset: -2px
}

.euiFormControlLayout--group [class*=euiButton]:focus:focus-visible {
    outline-style: auto
}

.euiFormControlLayout--group [class*=euiButton]:focus:not(:focus-visible) {
    outline: none
}

.euiFormControlLayout--group .euiToolTipAnchor>.euiIcon {
    border-radius: 0 5px 5px 0
}

.euiFormControlLayout--group .euiToolTipAnchor:first-child [class*=euiButton] {
    border-radius: 5px 0 0 5px
}

.euiFormControlLayout--group .euiToolTipAnchor:last-child .euiText,
.euiFormControlLayout--group .euiToolTipAnchor:last-child [class*=euiButton] {
    border-radius: 0 5px 5px 0
}

.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-child(2) [class*=euiField],
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-child(3) [class*=euiField] {
    border-radius: 0
}

.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSelect,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSuperSelectControl,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child [class*=euiField] {
    border-radius: 6px 0 0 6px
}

.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child .euiSelect,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child .euiSuperSelectControl,
.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:last-child [class*=euiField] {
    border-radius: 0 6px 6px 0
}

.euiFormControlLayout--group.euiFormControlLayout--compressed {
    background-color: #e9edf3;
    border-radius: 4px
}

.euiFormControlLayout--group.euiFormControlLayout--compressed.euiFormControlLayout--readOnly input {
    background-color: #fff
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend:first-child {
    border-radius: 3px 0 0 3px
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend:first-child [class*=euiButton] {
    border-radius: 4px 0 0 4px
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child,
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child [class*=euiButton],
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor>.euiIcon {
    border-radius: 0 3px 3px 0
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:first-child [class*=euiButton] {
    border-radius: 3px 0 0 3px
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child .euiText,
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child [class*=euiButton] {
    border-radius: 0 3px 3px 0
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-child(2) [class*=euiField],
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-child(3) [class*=euiField] {
    border-radius: 0
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:first-child .euiSelect,
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:first-child [class*=euiField] {
    border-radius: 3px 0 0 3px
}

.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:last-child .euiSelect,
.euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:last-child [class*=euiField] {
    border-radius: 0 3px 3px 0
}

.euiFormControlLayoutDelimited {
    border-radius: 6px
}

.euiFormControlLayoutDelimited.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child {
    border-radius: 6px 0 0 6px
}

.euiFormControlLayoutDelimited .euiFormControlLayout__childrenWrapper:only-child {
    border-radius: 6px;
    overflow: hidden
}

.euiFormControlLayoutDelimited .euiFormControlLayout__prepend+.euiFormControlLayout__childrenWrapper:last-child {
    border-radius: 0 6px 6px 0
}

.euiFormControlLayoutDelimited.euiFormControlLayout--compressed.euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child {
    border-radius: 4px 0 0 4px
}

.euiFormControlLayoutDelimited.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:only-child {
    border-radius: 4px;
    overflow: hidden
}

.euiFormControlLayoutDelimited.euiFormControlLayout--compressed .euiFormControlLayout__prepend+.euiFormControlLayout__childrenWrapper:last-child {
    border-radius: 0 4px 4px 0
}

.euiRadio .euiRadio__input:focus+.euiRadio__circle,
.euiRadio .euiRadio__input:focus:focus-visible+.euiRadio__circle {
    outline: 2px solid #0071c2;
    outline-offset: 2px
}

.euiRadio .euiRadio__input:focus:not(:focus-visible)+.euiRadio__circle {
    outline: none
}

.euiCheckbox .euiCheckbox__input:focus+.euiCheckbox__square,
.euiCheckbox .euiCheckbox__input:focus:focus-visible+.euiCheckbox__square {
    outline: 2px solid #0071c2;
    outline-offset: 2px
}

.euiCheckbox .euiCheckbox__input:focus:not(:focus-visible)+.euiCheckbox__square {
    outline: none
}

.euiSwitch .euiSwitch__button:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px
}

.euiSwitch .euiSwitch__button:focus:focus-visible {
    outline-style: auto
}

.euiSwitch .euiSwitch__button:focus .euiSwitch__track,
.euiSwitch .euiSwitch__button:focus:not(:focus-visible) {
    outline: none
}

.euiHeader {
    display: none !important;
    height: 48px;
    padding-left: 8px;
    padding-right: 8px;
    /* z-index: 1; */
}

.euiHeaderSectionItem:after {
    display: none !important
}

.euiHeaderLogo {
    min-width: 40px;
    padding-left: 8px;
    padding-right: 8px
}

@media only screen and (max-width: 574px) {
    .euiHeaderLogo {
        padding-left: 4px
    }
}

.euiHeaderLogo__text {
    color: #1a1c21;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7142857143rem;
    overflow-wrap: break-word !important;
    word-break: break-word
}

.euiHeader--default+.euiHeader--default {
    border-top: 1px solid #d3dae6
}

.euiHue {
    border-radius: 12px;
    height: 12px;
    margin: 8px 0;
    position: relative
}

.euiHue:after,
.euiHue:before {
    display: none
}

.euiHue__range {
    top: -6px
}

.euiHue__range::-webkit-slider-thumb {
    background-color: inherit;
    border: 3px solid #fff;
    box-shadow: 0 2px 2px -1px #0003, 0 1px 5px -2px #0003
}

.euiHue__range::-moz-range-thumb {
    background-color: inherit;
    border: 3px solid #fff;
    box-shadow: 0 2px 2px -1px #0003, 0 1px 5px -2px #0003
}

.euiHue__range::-ms-thumb {
    background-color: inherit;
    border: 3px solid #fff;
    box-shadow: 0 2px 2px -1px #0003, 0 1px 5px -2px #0003
}

.euiHue__range:focus {
    outline: none
}

.euiHue__range:focus::-webkit-slider-thumb {
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #0071c2
}

.euiHue__range:focus::-moz-range-thumb {
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #0071c2
}

.euiHue__range:focus::-ms-thumb {
    border: 3px solid #fff;
    box-shadow: 0 0 0 2px #0071c2
}

.euiHue__range:focus:not(:focus-visible)::-webkit-slider-thumb {
    box-shadow: 0 2px 2px -1px #0003, 0 1px 5px -2px #0003
}

.euiHue__range:focus:not(:focus-visible)::-moz-range-thumb {
    box-shadow: 0 2px 2px -1px #0003, 0 1px 5px -2px #0003
}

.euiHue__range:focus:not(:focus-visible)::-ms-thumb {
    box-shadow: 0 2px 2px -1px #0003, 0 1px 5px -2px #0003
}

.euiHue__range:focus:focus-visible {
    outline: none
}

.euiKeyPadMenuItem {
    border: none !important;
    box-shadow: none
}

.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within,
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus:hover,
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover {
    box-shadow: 0 .7px 1.4px #00000012, 0 1.9px 4px #0000000d, 0 4.5px 10px #0000000d
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled),
.euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
    box-shadow: none
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover {
    box-shadow: 0 .7px 1.4px #00000012, 0 1.9px 4px #0000000d, 0 4.5px 10px #0000000d
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled),
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus,
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within,
.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover {
    background-color: #0077cc1a;
    color: #006bb8
}

.euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected.euiKeyPadMenuItem-isDisabled {
    background-color: #abb4c41a;
    color: #a2abba
}

.euiKeyPadMenuItem__label {
    font-weight: 600
}

.euiMarkdownEditorToolbar {
    border-radius: 6px 6px 0 0
}

.euiMarkdownEditorTextArea:focus {
    outline: none
}

.euiMarkdownEditorTextArea:focus:focus-visible {
    outline-style: none
}

.euiMarkdownEditorFooter,
.euiMarkdownEditorPreview {
    border-radius: 0 0 6px 6px
}

.euiSideNavItem--root {
    padding-bottom: 8px
}

.euiSideNavItem--root+.euiSideNavItem--root {
    margin-top: 8px;
    padding-top: 8px
}

.euiSideNavItem--root>.euiSideNavItemButton {
    margin-bottom: 4px
}

.euiSideNavItem--root>.euiSideNavItemButton .euiSideNavItemButton__label {
    color: #1a1c21;
    color: inherit;
    font-size: 14px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.7142857143rem;
    overflow-wrap: break-word !important;
    word-break: break-word
}

.euiStep-isDisabled .euiStep__title,
.euiStepHorizontal-isDisabled .euiStepHorizontal__title {
    color: #abb4c4
}

.euiStepNumber {
    outline-color: #07c
}

.euiStepNumber .euiStepNumber__icon {
    position: relative;
    top: -1px
}

.euiStepNumber--small .euiStepNumber__icon {
    top: -1px
}

.euiStepNumber--complete .euiStepNumber__icon,
.euiStepNumber--danger .euiStepNumber__icon {
    stroke: currentColor;
    stroke-width: .5px
}

.euiStepNumber--default {
    background-color: #07c;
    color: #fff;
    outline-color: #000 !important
}

.euiStepNumber--complete {
    background-color: #00bfb3;
    color: #000;
    outline-color: #000 !important
}

.euiStepNumber--warning {
    background-color: #fec514;
    color: #000;
    outline-color: #000 !important
}

.euiStepNumber--danger {
    background-color: #bd271e;
    color: #fff;
    outline-color: #000 !important
}

.euiStepNumber.euiStepNumber--incomplete {
    background-color: initial;
    border: 2px solid #d3dae6;
    color: #343741
}

.euiStepNumber.euiStepNumber--incomplete .euiStepNumber__number {
    display: unset;
    position: relative;
    top: -2px
}

.euiStepNumber--disabled {
    background-color: #abb4c41a;
    color: #a2abba
}

.euiStepHorizontal__title {
    font-weight: 700
}

.euiStepHorizontal:after,
.euiStepHorizontal:before {
    background-color: #07c;
    background-color: #d3dae6;
    height: 2px
}

.euiStep:not(:last-of-type) {
    background-position: left 32px
}

.euiStep--small:not(:last-of-type) {
    background-position: -4px 24px
}

.euiStep__content {
    margin-bottom: 0;
    padding-bottom: 40px
}

.euiStepsHorizontal {
    background: none
}

.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
    outline: 2px solid #07c
}