diff --git a/Dockerfile b/Dockerfile
index b56efde5affcb3d926e99f004f2826d45853b1df..4ea6dabbbdeb6d3e5e314e393acb1ed2f591e4d7 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -20,6 +20,11 @@ RUN yarn --network-concurrency 1 --frozen-lockfile
RUN rm -rf src/custom
COPY custom src/custom
COPY logo.svg src/images/logo.svg
+COPY css/colors.ts src/stylesheets/emotion/colors.ts
+COPY css/dark.css public/dark.css
+COPY css/light.css public/light.css
+COPY css/eui_theme_light.css public/eui_theme_light.css
+COPY css/eui_theme_dark.css public/eui_theme_dark.css
RUN yarn build
########################
diff --git a/css/colors.ts b/css/colors.ts
new file mode 100644
index 0000000000000000000000000000000000000000..171058e801488bcb30c7181a45548a312294dcea
--- /dev/null
+++ b/css/colors.ts
@@ -0,0 +1,40 @@
+/* Default font colors and table colors */
+export const DARK_FONT_COLOR = "#ffffff";
+export const LIGHT_FONT_COLOR = "#111111";
+export const DARK_ROW_BORDER_COLOR = "#555555";
+export const LIGHT_ROW_BORDER_COLOR = "#cccccc";
+export const DARK_BACKGROUND_COLOR = "#1D1E24";
+export const LIGHT_BACKGROUND_COLOR = "#f6f6f6";
+export const DARK_SELECTED_FONT_COLOR = "#0799fc";
+export const LIGHT_SELECTED_FONT_COLOR = "#0077CCFF";
+
+/* Copy of EUI colors */
+export const PRIMARY_COLOR = "#106C96";
+export const ACCENT = "#274b72";
+export const SUCCESS = "#00bfb3";
+export const WARNING = "#fec514";
+export const DANGER = "#bd271e";
+
+/* Todo: sort remaining colors and investigate if we need them all (we could use `shadeColor()`) */
+export const LIGHTEST_SUCCESS = "#e5ffed";
+export const LIGHT_PRIMARY_COLOR = "#cbe7fb";
+export const LIGHTEST_PRIMARY_COLOR = "#fcfdff";
+export const DARKEST_PRIMARY_COLOR = "#08314bff";
+export const LIGHTER_PRIMARY = "#a8d9e6";
+export const LIGHT_DANGER = "#ffcdc6";
+export const LIGHTEST_DANGER = "#ffddd6";
+export const DARK_SUCCESS_COLOR = "#034b43";
+export const LIGHT_SUCCESS_COLOR = "#d0ffd9";
+export const DARKER_PRIMARY = "#106C96";
+export const GOLD = "#d4af37";
+export const DARK_GOLD_COLOR = "#524217";
+export const LIGHT_WARNING = "#ffe4ab";
+export const LIGHT_GOLD_COLOR = "#fdf6d4";
+export const BACKGROUND_COLOR = "#f9f9f9";
+export const LIGHTEST_GOLD = "#fdfde3";
+export const MEDIUM_GREY_COLOR = "#a6b6be";
+export const DARK_GREY_COLOR = "#565656";
+export const DARKEST_GREY = "#414141";
+export const LIGHT_GREY_COLOR = "#eff2f3";
+export const LIGHTER_GREY_COLOR = "#d9d9d8";
+export const LIGHTEST_GREY = "#fbfbfb";
diff --git a/css/dark.css b/css/dark.css
new file mode 100644
index 0000000000000000000000000000000000000000..7b4d82229893b60b77fa33943c72a30935c10f14
--- /dev/null
+++ b/css/dark.css
@@ -0,0 +1,19 @@
+body {
+ font-family: "Roboto", Sans-serif;
+ font-size: 15px;
+ line-height: 18px;
+ -webkit-font-smoothing: antialiased;
+ color: #e83765;
+ background-color: #1D1E24;
+}
+
+a {
+ cursor: pointer;
+ color: #33abff;
+ font-weight: bold;
+}
+
+.euiLink--primary {
+ color: #33abff;
+ font-weight: bold;
+}
diff --git a/css/eui_theme_dark.css b/css/eui_theme_dark.css
new file mode 100644
index 0000000000000000000000000000000000000000..473b6657b6582316e5f789ab633e53edf2bdffae
--- /dev/null
+++ b/css/eui_theme_dark.css
@@ -0,0 +1,18207 @@
+@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.
+ */
+/**
+ * 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)
+ */
+/*
+ * Creates the Amsterdam style of button with a transparent background
+ */
+/*
+ * Creates the Amsterdam style of fill button
+ */
+@-webkit-keyframes euiAnimFadeIn {
+ 0% {
+ opacity: 0; }
+ 100% {
+ opacity: 1; } }
+@keyframes euiAnimFadeIn {
+ 0% {
+ opacity: 0; }
+ 100% {
+ opacity: 1; } }
+
+@-webkit-keyframes euiGrow {
+ 0% {
+ opacity: 0; }
+ 1% {
+ opacity: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1); } }
+
+@keyframes euiGrow {
+ 0% {
+ opacity: 0; }
+ 1% {
+ opacity: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1); } }
+
+@-webkit-keyframes focusRingAnimate {
+ 0% {
+ box-shadow: 0 0 0 2px rgba(54, 162, 239, 0); }
+ 100% {
+ box-shadow: 0 0 0 2px #106C96; } }
+
+@keyframes focusRingAnimate {
+ 0% {
+ box-shadow: 0 0 0 2px rgba(54, 162, 239, 0); }
+ 100% {
+ box-shadow: 0 0 0 2px #106C96; } }
+
+@-webkit-keyframes focusRingAnimateLarge {
+ 0% {
+ box-shadow: 0 0 0 10px rgba(54, 162, 239, 0); }
+ 100% {
+ box-shadow: 0 0 0 4px #106C96; } }
+
+@keyframes focusRingAnimateLarge {
+ 0% {
+ box-shadow: 0 0 0 10px rgba(54, 162, 239, 0); }
+ 100% {
+ box-shadow: 0 0 0 4px #106C96; } }
+
+@-webkit-keyframes euiButtonActive {
+ 50% {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+
+@keyframes euiButtonActive {
+ 50% {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+
+.eui-alignBaseline {
+ vertical-align: baseline !important; }
+
+.eui-alignBottom {
+ vertical-align: bottom !important; }
+
+.eui-alignMiddle {
+ vertical-align: middle !important; }
+
+.eui-alignTop {
+ vertical-align: top !important; }
+
+.eui-displayBlock {
+ display: block !important; }
+
+.eui-displayInline {
+ display: inline !important; }
+
+.eui-displayInlineBlock {
+ display: inline-block !important; }
+
+.eui-fullWidth {
+ display: block !important;
+ width: 100% !important; }
+
+.eui-textCenter {
+ text-align: center !important; }
+
+.eui-textLeft {
+ text-align: left !important; }
+
+.eui-textRight {
+ text-align: right !important; }
+
+.eui-textNoWrap {
+ white-space: nowrap !important; }
+
+.eui-textInheritColor {
+ color: inherit !important; }
+
+.eui-textBreakWord {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word; }
+
+.eui-textBreakAll {
+ overflow-wrap: break-word !important;
+ word-break: break-all !important; }
+
+.eui-textBreakNormal {
+ overflow-wrap: normal !important;
+ word-wrap: normal !important;
+ word-break: normal !important; }
+
+.eui-textOverflowWrap {
+ overflow-wrap: break-word !important; }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .eui-textOverflowWrap {
+ word-break: break-all !important; } }
+
+.eui-textTruncate {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.eui-textNumber {
+ font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1; }
+
+/**
+ * Responsive
+ *
+ * 1. Be sure to hide the element initially
+ */
+[class*='eui-showFor'] {
+ display: none !important;
+ /* 1 */ }
+
+@media only screen and (max-width: 574px) {
+ .eui-hideFor--xs {
+ display: none !important; } }
+
+@media only screen and (max-width: 574px) {
+ .eui-showFor--xs {
+ display: inline !important; } }
+
+@media only screen and (max-width: 574px) {
+ .eui-showFor--xs--block {
+ display: block !important; } }
+
+@media only screen and (max-width: 574px) {
+ .eui-showFor--xs--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (max-width: 574px) {
+ .eui-showFor--xs--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-hideFor--s {
+ display: none !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-showFor--s {
+ display: inline !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-showFor--s--block {
+ display: block !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-showFor--s--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-showFor--s--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-hideFor--m {
+ display: none !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-showFor--m {
+ display: inline !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-showFor--m--block {
+ display: block !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-showFor--m--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-showFor--m--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-hideFor--l {
+ display: none !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-showFor--l {
+ display: inline !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-showFor--l--block {
+ display: block !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-showFor--l--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-showFor--l--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-hideFor--xl {
+ display: none !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-showFor--xl {
+ display: inline !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-showFor--xl--block {
+ display: block !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-showFor--xl--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-showFor--xl--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+/**
+ * IE doesn't properly wrap groups if it is within a flex-item of a flex-group.
+ * Adding the following styles to the flex-item that contains the wrapping group, will fix IE.
+ * https://github.com/philipwalton/flexbugs/issues/104
+ */
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiIEFlexWrapFix {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-flex-shrink: 1;
+ flex-shrink: 1;
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%; } }
+
+/**
+ * Overflow scrolling
+ */
+.eui-yScroll {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden; }
+ .eui-yScroll::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .eui-yScroll::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .eui-yScroll::-webkit-scrollbar-corner, .eui-yScroll::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .eui-yScroll:focus {
+ outline: none;
+ /* 1 */ }
+ .eui-yScroll[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.eui-xScroll {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-x: auto; }
+ .eui-xScroll::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .eui-xScroll::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .eui-xScroll::-webkit-scrollbar-corner, .eui-xScroll::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .eui-xScroll:focus {
+ outline: none;
+ /* 1 */ }
+ .eui-xScroll[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+/**
+ * Overflow scrolling with shadows
+ */
+.eui-yScrollWithShadows {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .eui-yScrollWithShadows::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .eui-yScrollWithShadows::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .eui-yScrollWithShadows::-webkit-scrollbar-corner, .eui-yScrollWithShadows::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .eui-yScrollWithShadows:focus {
+ outline: none;
+ /* 1 */ }
+ .eui-yScrollWithShadows[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.eui-xScrollWithShadows {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-x: auto;
+ -webkit-mask-image: linear-gradient(to right, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to right, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .eui-xScrollWithShadows::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .eui-xScrollWithShadows::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .eui-xScrollWithShadows::-webkit-scrollbar-corner, .eui-xScrollWithShadows::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .eui-xScrollWithShadows:focus {
+ outline: none;
+ /* 1 */ }
+ .eui-xScrollWithShadows[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiYScrollWithShadows {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .euiYScrollWithShadows::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiYScrollWithShadows::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiYScrollWithShadows::-webkit-scrollbar-corner, .euiYScrollWithShadows::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiYScrollWithShadows:focus {
+ outline: none;
+ /* 1 */ }
+ .euiYScrollWithShadows[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+/**
+ * Forcing focus ring on non-EUI elements
+ */
+.eui-isFocusable:focus {
+ outline: 2px solid currentColor; }
+ .eui-isFocusable:focus:focus-visible {
+ outline-style: auto; }
+ .eui-isFocusable:focus:not(:focus-visible) {
+ outline: none; }
+
+/**
+ * For quickly applying a full-height element whether using flex or not
+ */
+.eui-fullHeight {
+ height: 100%;
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ overflow: hidden; }
+
+/**
+ * LEGEND
+ * __day-name : Week headers like Su, Mo, etc
+ * __day : Number on the calendar
+ * --highlighted
+ * --disabled : _this.isDisabled(),
+ * --selected : _this.isSameDay(_this.props.selected),
+ * --range-start : _this.isRangeStart(),
+ * --range-end : _this.isRangeEnd(),
+ * --keyboard-selected : _this.isKeyboardSelected(),
+ * --in-range : _this.isInRange(),
+ * --in-selecting-range : _this.isInSelectingRange(),
+ * --selecting-range-start : _this.isSelectingRangeStart(),
+ * --selecting-range-end : _this.isSelectingRangeEnd(),
+ * --today : _this.isSameDay(now(_this.props.utcOffset)),
+ * --weekend : _this.isWeekend(),
+ * --outside-month : _this.isOutsideMonth()
+ */
+.react-datepicker__day-names,
+.react-datepicker__week {
+ white-space: nowrap;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.react-datepicker__day-name,
+.react-datepicker__day {
+ font-weight: 500;
+ text-align: center;
+ color: #DFE5EF;
+ display: inline-block;
+ width: 32px;
+ line-height: 32px;
+ border-radius: 4px;
+ margin: 2px; }
+
+.react-datepicker__day-name {
+ color: #7a7f89; }
+
+.react-datepicker__day {
+ cursor: pointer;
+ transition: -webkit-transform 90ms ease-in-out;
+ transition: transform 90ms ease-in-out;
+ transition: transform 90ms ease-in-out, -webkit-transform 90ms ease-in-out; }
+ .react-datepicker__day:hover {
+ color: #106C96;
+ background-color: rgba(54, 162, 239, 0.2);
+ text-decoration: underline; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .react-datepicker__day:hover {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); } }
+ .react-datepicker__day--today {
+ color: #106C96;
+ font-weight: 700; }
+ .react-datepicker__day--outside-month {
+ color: #7a7f89; }
+ .react-datepicker__day--highlighted, .react-datepicker__day--highlighted:hover {
+ color: #7DDED8;
+ background-color: rgba(125, 222, 216, 0.2); }
+ .react-datepicker__day--in-range, .react-datepicker__day--in-range:hover {
+ color: #106C96;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover), .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected), .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover {
+ box-shadow: -2px 0 rgba(54, 162, 239, 0.2), 2px 0 rgba(54, 162, 239, 0.2);
+ border-radius: 0; }
+ .react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):first-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):first-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover:first-of-type {
+ box-shadow: 2px 0 rgba(54, 162, 239, 0.2); }
+ .react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):last-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):last-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover:last-of-type {
+ box-shadow: -2px 0 rgba(54, 162, 239, 0.2); }
+ .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover {
+ background-color: #106C96;
+ color: #000; }
+ .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
+ background-color: rgba(248, 107, 99, 0.5); }
+ .react-datepicker__day--disabled, .react-datepicker__day--disabled:hover {
+ background-color: rgba(81, 87, 97, 0.1);
+ color: #515761;
+ cursor: not-allowed;
+ text-decoration: none;
+ -webkit-transform: none;
+ transform: none; }
+ .react-datepicker__day--disabled.react-datepicker__day--in-range:not(.react-datepicker__day--selected), .react-datepicker__day--disabled.react-datepicker__day--in-range:not(.react-datepicker__day--selected):hover, .react-datepicker__day--disabled:hover.react-datepicker__day--in-range:not(.react-datepicker__day--selected), .react-datepicker__day--disabled:hover.react-datepicker__day--in-range:not(.react-datepicker__day--selected):hover {
+ color: #4e5f6e;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .react-datepicker__day--disabled.react-datepicker__day--selected, .react-datepicker__day--disabled.react-datepicker__day--selected:hover {
+ color: #F86B63;
+ background-color: rgba(248, 107, 99, 0.2); }
+
+/**
+ * LEGEND
+ * __time-list-item :
+ * --preselected : closest current time but not selected (also applied when using arrow keys to indicate focus)
+ * --selected
+ * --disabled
+ * --injected
+ */
+.react-datepicker__header--time {
+ display: none; }
+
+.react-datepicker__time-container {
+ border-left: #343741;
+ width: auto;
+ display: -webkit-flex;
+ display: flex;
+ margin-top: 40px;
+ margin-left: 8px;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ background-color: #141519;
+ border-radius: 6px; }
+ .react-datepicker__time-container--focus .react-datepicker__time-list-item--preselected {
+ text-decoration: underline; }
+ @media only screen and (max-width: 574px) {
+ .react-datepicker__time-container {
+ margin-top: 0; } }
+
+.react-datepicker__time,
+.react-datepicker__time-box {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.react-datepicker__time-list {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ padding: 4px 12px;
+ height: 100px !important;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-align-items: center;
+ align-items: center;
+ gap: 4px; }
+ .react-datepicker__time-list::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .react-datepicker__time-list::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .react-datepicker__time-list::-webkit-scrollbar-corner, .react-datepicker__time-list::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .react-datepicker__time-list:focus {
+ outline: none;
+ /* 1 */ }
+ .react-datepicker__time-list[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.react-datepicker__time-list-item {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 500;
+ text-decoration: none;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
+ outline-offset: -1px;
+ -webkit-transform: none !important;
+ transform: none !important;
+ /* 1 */
+ -webkit-animation: none !important;
+ animation: none !important;
+ /* 1 */
+ transition-timing-function: ease-in;
+ /* 2 */
+ transition-duration: 150ms;
+ /* 2 */
+ padding: 0 8px;
+ height: 24px;
+ line-height: 24px;
+ border-radius: 4px;
+ font-size: 12px; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .react-datepicker__time-list-item {
+ transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+ .react-datepicker__time-list-item:hover:not([class*='isDisabled']) {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+ .react-datepicker__time-list-item:focus {
+ -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .react-datepicker__time-list-item:active:not([class*='isDisabled']) {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+ .react-datepicker__time-list-item:hover:not([class*='isDisabled']), .react-datepicker__time-list-item:focus {
+ text-decoration: underline; }
+ .react-datepicker__time-list-item--disabled, .react-datepicker__time-list-item--disabled:hover {
+ text-decoration: none !important;
+ cursor: not-allowed;
+ color: #515761;
+ background-color: transparent; }
+ .react-datepicker__time-list-item--injected, .react-datepicker__time-list-item--injected:hover {
+ color: #7DDED8;
+ background-color: rgba(125, 222, 216, 0.2); }
+ .react-datepicker__time-list-item--preselected, .react-datepicker__time-list-item--preselected:hover {
+ background: rgba(54, 162, 239, 0.2); }
+ .react-datepicker__time-list-item--selected, .react-datepicker__time-list-item--selected:hover {
+ background-color: #106C96;
+ color: #000; }
+
+.react-datepicker--time-only {
+ padding: 0 !important; }
+ .react-datepicker--time-only .react-datepicker__time-container {
+ background-color: transparent;
+ margin: 0; }
+ .react-datepicker--time-only .react-datepicker__time-list {
+ height: 204px !important; }
+ .react-datepicker--time-only .react-datepicker__time-list-item {
+ font-size: 14px;
+ min-width: 112px;
+ text-align: left; }
+
+/**
+ * LEGEND
+ * __header__dropdown : Contains the month and year, but affords for the navigational arrows
+
+ * __month-dropdown-container: Contains both static/selected control and the dropdown
+ * __month-read-view: The static control
+ * __month-dropdown: The absolutely positioned list
+ * __month-option: Each option in the list
+ * --selected_month
+ * --selected
+ * --preselected
+
+ * __year-dropdown-container: Contains both static/selected control and the dropdown
+ * __year-read-view: The static control
+ * __year-dropdown: The absolutely positioned list
+ * __year-option: Each option in the list
+ * --selected_year
+ * --selected
+ * --preselected
+ */
+.react-datepicker__header__dropdown {
+ padding: 8px;
+ display: -webkit-flex;
+ display: flex;
+ gap: 4px;
+ position: absolute;
+ top: 0;
+ left: 36px;
+ right: 36px;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+/**
+ * Make the top selectors look like select inputs
+ */
+.react-datepicker__year-read-view,
+.react-datepicker__month-read-view,
+.react-datepicker__month-year-read-view {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px;
+ height: 32px;
+ font-weight: 500;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center; }
+ @supports (-moz-appearance: none) {
+ .react-datepicker__year-read-view,
+ .react-datepicker__month-read-view,
+ .react-datepicker__month-year-read-view {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .react-datepicker__year-read-view,
+ .react-datepicker__month-read-view,
+ .react-datepicker__month-year-read-view {
+ line-height: 1em; } }
+ .react-datepicker__year-read-view::-webkit-input-placeholder,
+ .react-datepicker__month-read-view::-webkit-input-placeholder,
+ .react-datepicker__month-year-read-view::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .react-datepicker__year-read-view::-moz-placeholder,
+ .react-datepicker__month-read-view::-moz-placeholder,
+ .react-datepicker__month-year-read-view::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .react-datepicker__year-read-view::-webkit-input-placeholder, .react-datepicker__month-read-view::-webkit-input-placeholder, .react-datepicker__month-year-read-view::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .react-datepicker__year-read-view::-moz-placeholder, .react-datepicker__month-read-view::-moz-placeholder, .react-datepicker__month-year-read-view::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .react-datepicker__year-read-view::placeholder,
+ .react-datepicker__month-read-view::placeholder,
+ .react-datepicker__month-year-read-view::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ @supports (-moz-appearance: none) {
+ .react-datepicker__year-read-view,
+ .react-datepicker__month-read-view,
+ .react-datepicker__month-year-read-view {
+ transition-property: box-shadow, background-image, background-size; } }
+ .react-datepicker__year-read-view:hover,
+ .react-datepicker__month-read-view:hover,
+ .react-datepicker__month-year-read-view:hover {
+ cursor: pointer;
+ text-decoration: underline; }
+ .react-datepicker__year-read-view--down-arrow,
+ .react-datepicker__month-read-view--down-arrow,
+ .react-datepicker__month-year-read-view--down-arrow {
+ background-position: center;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImRvd25hcnJvd3doaXRlLWEiIGQ9Ik0xMy4wNjg4NTA4LDUuMTU3MjUwMzggTDguMzg0MjM5NzUsOS43NjgyNzQyOCBDOC4xNzA1NDQxNSw5Ljk3ODYxMzA4IDcuODI5OTkyMTQsOS45NzkxNDA5NSA3LjYxNTc2MDI1LDkuNzY4Mjc0MjggTDIuOTMxMTQ5MTUsNS4xNTcyNTAzOCBDMi43MTgxMzU5LDQuOTQ3NTgzMjEgMi4zNzI3NzMxOSw0Ljk0NzU4MzIxIDIuMTU5NzU5OTQsNS4xNTcyNTAzOCBDMS45NDY3NDY2OSw1LjM2NjkxNzU2IDEuOTQ2NzQ2NjksNS43MDY4NTUyMiAyLjE1OTc1OTk0LDUuOTE2NTIyNCBMNi44NDQzNzEwNCwxMC41Mjc1NDYzIEM3LjQ4NTE3NDI0LDExLjE1ODI4MzYgOC41MTY0NDk3OSwxMS4xNTY2ODUxIDkuMTU1NjI4OTYsMTAuNTI3NTQ2MyBMMTMuODQwMjQwMSw1LjkxNjUyMjQgQzE0LjA1MzI1MzMsNS43MDY4NTUyMiAxNC4wNTMyNTMzLDUuMzY2OTE3NTYgMTMuODQwMjQwMSw1LjE1NzI1MDM4IEMxMy42MjcyMjY4LDQuOTQ3NTgzMjEgMTMuMjgxODY0MSw0Ljk0NzU4MzIxIDEzLjA2ODg1MDgsNS4xNTcyNTAzOCBaIi8+ICA8L2RlZnM+ICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPiAgICA8dXNlIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgeGxpbms6aHJlZj0iI2Rvd25hcnJvd3doaXRlLWEiLz4gIDwvZz48L3N2Zz4=);
+ right: 8px;
+ height: 12px;
+ width: 12px;
+ display: inline-block;
+ background-size: cover; }
+ .react-datepicker__year-read-view--selected-month, .react-datepicker__year-read-view--selected-year,
+ .react-datepicker__month-read-view--selected-month,
+ .react-datepicker__month-read-view--selected-year,
+ .react-datepicker__month-year-read-view--selected-month,
+ .react-datepicker__month-year-read-view--selected-year {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.react-datepicker__year-dropdown-container,
+.react-datepicker__month-dropdown-container {
+ position: relative;
+ display: inline-block;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ max-width: 400px; }
+
+.react-datepicker__year-dropdown-container > div:not([class*='read-view']),
+.react-datepicker__month-dropdown {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
+ height: auto;
+ max-height: 250px;
+ background-color: #1D1E24;
+ position: absolute;
+ z-index: 1;
+ border-radius: 6px;
+ min-width: 100px;
+ width: 100%; }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view'])::-webkit-scrollbar,
+ .react-datepicker__month-dropdown::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view'])::-webkit-scrollbar-thumb,
+ .react-datepicker__month-dropdown::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view'])::-webkit-scrollbar-corner, .react-datepicker__year-dropdown-container > div:not([class*='read-view'])::-webkit-scrollbar-track,
+ .react-datepicker__month-dropdown::-webkit-scrollbar-corner,
+ .react-datepicker__month-dropdown::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view']):focus,
+ .react-datepicker__month-dropdown:focus {
+ outline: none;
+ /* 1 */ }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view'])[tabindex='0']:focus:focus-visible,
+ .react-datepicker__month-dropdown[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.react-datepicker__year-dropdown-container > div:not([class*='read-view']) .react-datepicker__year-dropdown {
+ padding: 4px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end; }
+
+.react-datepicker__month-dropdown-container {
+ -webkit-flex-grow: 2;
+ flex-grow: 2; }
+ .react-datepicker__month-dropdown-container .react-datepicker__month-dropdown {
+ padding: 4px;
+ min-width: 140px; }
+
+.react-datepicker__year-option,
+.react-datepicker__month-option,
+.react-datepicker__month-year-option {
+ padding: 0 8px;
+ height: 24px;
+ line-height: 24px;
+ border-radius: 4px;
+ font-size: 14px;
+ margin: 4px 0;
+ cursor: pointer; }
+ .react-datepicker__year-option:hover, .react-datepicker__year-option:focus,
+ .react-datepicker__month-option:hover,
+ .react-datepicker__month-option:focus,
+ .react-datepicker__month-year-option:hover,
+ .react-datepicker__month-year-option:focus {
+ text-decoration: underline; }
+ .react-datepicker__year-option--selected,
+ .react-datepicker__month-option--selected,
+ .react-datepicker__month-year-option--selected {
+ display: none; }
+
+.react-datepicker__year-option--preselected, .react-datepicker__year-option--preselected:hover,
+.react-datepicker__month-option--preselected,
+.react-datepicker__month-option--preselected:hover {
+ background: rgba(54, 162, 239, 0.2); }
+
+.react-datepicker__year-option--selected_year, .react-datepicker__year-option--selected_year:hover,
+.react-datepicker__month-option--selected_month,
+.react-datepicker__month-option--selected_month:hover {
+ background-color: #106C96;
+ color: #000; }
+
+.react-datepicker__navigation--next,
+.react-datepicker__navigation--previous {
+ background-position: center;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTExLjY5MiA3SDMuNTU2QzMuMjQ5IDcgMyA3LjIyNCAzIDcuNXMuMjQ5LjUuNTU2LjVoOC4xMzZsLTQuMDk2IDQuMDk2YS41LjUgMCAwMC43MDcuNzA3bDQuMjQzLTQuMjQyYy4yNTgtLjI1OS40MDMtLjU4Ny40MzMtLjkyNWEuNDU0LjQ1NCAwIDAwMC0uMjcyIDEuNDk0IDEuNDk0IDAgMDAtLjQzMy0uOTI1TDguMzAzIDIuMTk3YS41LjUgMCAxMC0uNzA3LjcwN0wxMS42OTIgN3oiLz48L3N2Zz4=);
+ cursor: pointer;
+ position: absolute;
+ top: 8px;
+ height: 32px;
+ width: 32px;
+ z-index: 1;
+ text-indent: -999em;
+ overflow: hidden;
+ background-repeat: no-repeat;
+ border-radius: 4px;
+ background-position: center; }
+ .react-datepicker__navigation--next:hover, .react-datepicker__navigation--next:focus,
+ .react-datepicker__navigation--previous:hover,
+ .react-datepicker__navigation--previous:focus {
+ background-color: rgba(54, 162, 239, 0.2); }
+
+.react-datepicker__navigation--previous {
+ left: 8px;
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+ -webkit-transform-origin: center;
+ transform-origin: center; }
+
+.react-datepicker__navigation--next {
+ right: 8px; }
+
+/* This file is a heavy retheme of react-datepicker's Sass as of v1.4.0
+** https://github.com/Hacker0x01/react-datepicker
+*/
+.euiDatePicker {
+ display: block; }
+ .euiDatePicker .euiFormControlLayout {
+ height: auto; }
+ .euiDatePicker.euiDatePicker--inline .euiFormControlLayout {
+ width: auto; }
+ .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1);
+ border: 1px solid #343741;
+ background-color: #1D1E24;
+ border-radius: 0 0 6px 6px; }
+ .euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1);
+ border: 1px solid #343741;
+ background-color: #1D1E24;
+ border-radius: 6px; }
+
+.react-datepicker {
+ font-size: 12px;
+ color: #DFE5EF;
+ display: -webkit-flex;
+ display: flex;
+ border-radius: 6px;
+ padding: 8px;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
+ z-index: 2000;
+ -webkit-animation: euiAnimFadeIn 150ms ease-in;
+ animation: euiAnimFadeIn 150ms ease-in; }
+ .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^='top'] {
+ box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075);
+ border-radius: 6px 6px 0 0; }
+ .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__current-month,
+.react-datepicker-time__header {
+ display: none; }
+
+.react-datepicker__screenReaderOnly {
+ position: absolute;
+ top: auto;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ clip: rect(0 0 0 0);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ overflow: hidden;
+ margin: -1px; }
+
+.react-datepicker__focusTrap {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.react-datepicker__month-container {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ margin-top: 36px; }
+
+.react-datepicker__header {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+
+.react-datepicker-time__header {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.react-datepicker__month {
+ text-align: center;
+ border-radius: 6px; }
+
+@media only screen and (max-width: 574px) {
+ .react-datepicker__focusTrap,
+ .react-datepicker {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .react-datepicker__time-box {
+ margin-top: 0; } }
+
+.euiScreenReaderOnly,
+.euiScreenReaderOnly--showOnFocus:not(:focus):not(:active) {
+ position: absolute;
+ top: auto;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ clip: rect(0 0 0 0);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ overflow: hidden;
+ margin: -1px; }
+
+.euiSkipLink {
+ transition: none !important; }
+ .euiSkipLink:focus {
+ -webkit-animation: none !important;
+ animation: none !important; }
+ .euiSkipLink.euiSkipLink--absolute:focus {
+ position: absolute; }
+ .euiSkipLink.euiSkipLink--fixed:focus {
+ position: fixed;
+ top: 4px;
+ left: 4px;
+ z-index: 1001; }
+
+.euiAccordion__triggerWrapper {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiAccordion__button {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ text-align: left;
+ width: 100%;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiAccordion__button:hover, .euiAccordion__button:focus {
+ text-decoration: underline;
+ cursor: pointer; }
+
+.euiAccordion__iconButton {
+ margin-right: 4px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ -webkit-transform: rotate(0deg) !important;
+ transform: rotate(0deg) !important; }
+ .euiAccordion__iconButton-isOpen {
+ -webkit-transform: rotate(90deg) !important;
+ transform: rotate(90deg) !important; }
+ .euiAccordion__iconButton--right {
+ margin-right: 0;
+ margin-left: 4px; }
+
+.euiAccordion__optionalAction {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiAccordion__childWrapper {
+ visibility: hidden;
+ height: 0;
+ opacity: 0;
+ overflow: hidden;
+ -webkit-transform: translatez(0);
+ transform: translatez(0);
+ transition: height 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiAccordion__childWrapper:focus {
+ outline: none; }
+
+.euiAccordion__padding--xs {
+ padding: 4px; }
+
+.euiAccordion__padding--s {
+ padding: 8px; }
+
+.euiAccordion__padding--m {
+ padding: 16px; }
+
+.euiAccordion__padding--l {
+ padding: 24px; }
+
+.euiAccordion__padding--xl {
+ padding: 32px; }
+
+.euiAccordion.euiAccordion-isOpen .euiAccordion__childWrapper {
+ visibility: visible;
+ opacity: 1;
+ height: auto; }
+
+.euiAccordion__children-isLoading {
+ line-height: 1.5;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiAccordion__children-isLoading .euiAccordion__spinner {
+ margin-right: 4px; }
+
+.euiAccordionForm__extraAction {
+ opacity: 0;
+ transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.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-top: 1px solid #343741;
+ border-bottom: 1px solid #343741; }
+ .euiAccordionForm + .euiAccordionForm {
+ border-top: none; }
+ .euiAccordionForm:hover .euiAccordionForm__extraAction {
+ opacity: 1;
+ visibility: visible; }
+
+.euiAspectRatio {
+ position: relative; }
+ .euiAspectRatio > * {
+ position: absolute !important;
+ top: 0 !important;
+ left: 0 !important;
+ width: 100% !important;
+ height: 100% !important; }
+
+.euiAvatar {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center;
+ background-size: cover;
+ text-align: center;
+ vertical-align: middle;
+ overflow-x: hidden;
+ font-weight: 500; }
+
+.euiAvatar--user {
+ position: relative;
+ border-radius: 50%; }
+ .euiAvatar--user:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 50%;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(212, 218, 229, 0.05); }
+
+.euiAvatar--space {
+ position: relative;
+ border-radius: 6px; }
+ .euiAvatar--space:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 6px;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(212, 218, 229, 0.05); }
+
+.euiAvatar-isDisabled {
+ cursor: not-allowed;
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%); }
+
+.euiAvatar--plain {
+ background-color: #1D1E24; }
+
+.euiAvatar--s {
+ width: 24px;
+ height: 24px;
+ line-height: 24px;
+ font-size: 12px; }
+
+.euiAvatar--m {
+ width: 32px;
+ height: 32px;
+ line-height: 32px;
+ font-size: 14.4px; }
+
+.euiAvatar--l {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ font-size: 19.2px; }
+
+.euiAvatar--xl {
+ width: 64px;
+ height: 64px;
+ line-height: 64px;
+ font-size: 25.6px; }
+
+/**
+ * 1. Accounts for the border
+ */
+.euiBadge {
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 18px;
+ /* 1 */
+ padding: 0 8px;
+ display: inline-block;
+ text-decoration: none;
+ border-radius: 3px;
+ border: solid 1px transparent;
+ background-color: transparent;
+ white-space: nowrap;
+ vertical-align: middle;
+ cursor: default;
+ max-width: 100%;
+ text-align: left; }
+ .euiBadge.euiBadge-isDisabled {
+ color: #858a91 !important;
+ background-color: #515761 !important; }
+ .euiBadge:focus-within {
+ outline: 2px solid currentColor; }
+ .euiBadge:focus-within:focus-visible {
+ outline-style: auto; }
+ .euiBadge:focus-within:not(:focus-visible) {
+ outline: none; }
+ .euiBadge + .euiBadge {
+ margin-left: 4px; }
+ .euiBadge .euiBadge__content {
+ min-height: 18px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow: hidden; }
+ .euiBadge .euiBadge__childButton {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ text-align: inherit;
+ font-weight: inherit;
+ line-height: inherit;
+ color: inherit; }
+ .euiBadge .euiBadge__childButton:disabled {
+ cursor: not-allowed; }
+ .euiBadge .euiBadge__childButton:not(:disabled):hover, .euiBadge .euiBadge__childButton:not(:disabled):focus {
+ text-decoration: underline; }
+ .euiBadge .euiBadge__iconButton {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ font-size: 0;
+ margin-left: 4px; }
+ .euiBadge .euiBadge__iconButton:focus {
+ background-color: rgba(255, 255, 255, 0.8);
+ color: #000;
+ border-radius: 2px; }
+ .euiBadge .euiBadge__iconButton:disabled {
+ cursor: not-allowed; }
+ .euiBadge .euiBadge__iconButton .euiBadge__icon {
+ margin: 0 !important; }
+ .euiBadge .euiBadge__text {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ cursor: default; }
+ .euiBadge .euiBadge__icon {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .euiBadge .euiBadge__icon:not(:only-child) {
+ margin-left: 4px; }
+ .euiBadge.euiBadge--iconLeft .euiBadge__content {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; }
+ .euiBadge.euiBadge--iconLeft .euiBadge__iconButton,
+ .euiBadge.euiBadge--iconLeft .euiBadge__icon:not(:only-child) {
+ margin-right: 4px;
+ margin-left: 0; }
+
+.euiBadge-isClickable:not(:disabled):hover, .euiBadge-isClickable:not(:disabled):focus {
+ text-decoration: underline; }
+
+.euiBadge-isClickable.euiBadge-isDisabled {
+ cursor: not-allowed; }
+
+.euiBadge-isClickable:focus {
+ outline: 2px solid currentColor; }
+ .euiBadge-isClickable:focus:focus-visible {
+ outline-style: auto; }
+ .euiBadge-isClickable:focus:not(:focus-visible) {
+ outline: none; }
+
+.euiBadge-isClickable .euiBadge__text {
+ cursor: inherit; }
+
+.euiBadge--hollow {
+ background-color: #1D1E24;
+ border-color: #52555e;
+ color: #DFE5EF; }
+
+.euiBadgeGroup__item {
+ display: inline-block;
+ max-width: 100%; }
+
+.euiBadgeGroup--gutterExtraSmall {
+ margin: -2px; }
+ .euiBadgeGroup--gutterExtraSmall > .euiBadgeGroup__item {
+ margin: 2px;
+ max-width: calc(100% - 4px); }
+
+.euiBadgeGroup--gutterSmall {
+ margin: -4px; }
+ .euiBadgeGroup--gutterSmall > .euiBadgeGroup__item {
+ margin: 4px;
+ max-width: calc(100% - 8px); }
+
+.euiBetaBadge {
+ display: inline-block;
+ padding: 0 16px;
+ border-radius: 24px;
+ box-shadow: inset 0 0 0 1px #343741;
+ vertical-align: super;
+ font-size: 12px;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: .05em;
+ line-height: 24px;
+ text-align: center;
+ white-space: nowrap;
+ cursor: default; }
+ .euiBetaBadge:focus {
+ outline: 2px solid currentColor;
+ outline-color: #FFF;
+ outline-offset: 2px; }
+ .euiBetaBadge:focus:focus-visible {
+ outline-style: auto; }
+ .euiBetaBadge:focus:not(:focus-visible) {
+ outline: none; }
+ .euiBetaBadge:not(.euiBetaBadge--hollow) {
+ box-shadow: none; }
+ .euiBetaBadge.euiBetaBadge--small {
+ font-size: 8.75px;
+ font-size: 0.625rem;
+ line-height: 20px;
+ padding: 0 12px; }
+
+.euiBetaBadge--iconOnly {
+ padding: 0;
+ width: 24px; }
+ .euiBetaBadge--iconOnly .euiBetaBadge__icon {
+ position: relative;
+ -webkit-transform: translate(0, -1px);
+ transform: translate(0, -1px); }
+ .euiBetaBadge--iconOnly.euiBetaBadge--small {
+ width: 20px;
+ padding: 0; }
+
+.euiBetaBadge--singleLetter {
+ padding: 0;
+ width: 24px; }
+ .euiBetaBadge--singleLetter.euiBetaBadge--small {
+ width: 20px;
+ padding: 0; }
+
+.euiBetaBadge--subdued {
+ background: #71737a;
+ color: #FFF; }
+ .euiBetaBadge--subdued.euiBetaBadge-isClickable {
+ color: #FFF; }
+
+.euiBetaBadge--hollow.euiBetaBadge-isClickable {
+ color: #FFF; }
+
+.euiBetaBadge--accent {
+ background: #F68FBE;
+ color: #000; }
+ .euiBetaBadge--accent.euiBetaBadge-isClickable {
+ color: #000; }
+
+.euiNotificationBadge {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: inline-block;
+ border-radius: 6px;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 16px;
+ height: 16px;
+ min-width: 16px;
+ padding-left: 4px;
+ padding-right: 4px;
+ vertical-align: middle;
+ text-align: center;
+ transition: all 150ms ease-in;
+ cursor: default;
+ background: #F68FBE;
+ color: #000; }
+
+.euiNotificationBadge--medium {
+ line-height: 20px;
+ height: 20px;
+ min-width: 24px; }
+
+.euiNotificationBadge--subdued {
+ background: #71737a;
+ color: #FFF; }
+
+.euiBasicTable-loading {
+ position: relative; }
+ .euiBasicTable-loading tbody {
+ overflow: hidden; }
+ .euiBasicTable-loading tbody:before {
+ position: absolute;
+ content: '';
+ width: 100%;
+ height: 2px;
+ background-color: #106C96;
+ -webkit-animation: euiBasicTableLoading 1000ms linear;
+ animation: euiBasicTableLoading 1000ms linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite; }
+
+@-webkit-keyframes euiBasicTableLoading {
+ from {
+ left: 0;
+ width: 0; }
+ 20% {
+ left: 0;
+ width: 40%; }
+ 80% {
+ left: 60%;
+ width: 40%; }
+ 100% {
+ left: 100%;
+ width: 0; } }
+
+@keyframes euiBasicTableLoading {
+ from {
+ left: 0;
+ width: 0; }
+ 20% {
+ left: 0;
+ width: 40%; }
+ 80% {
+ left: 60%;
+ width: 40%; }
+ 100% {
+ left: 100%;
+ width: 0; } }
+
+.euiBeacon {
+ position: relative;
+ background-color: #54B399;
+ border-radius: 50%; }
+ .euiBeacon:before, .euiBeacon:after {
+ position: absolute;
+ content: '';
+ height: 100%;
+ width: 100%;
+ left: 0;
+ top: 0;
+ background-color: transparent;
+ border-radius: 50%;
+ box-shadow: 0 0 1px 1px #54B399; }
+ .euiBeacon:before {
+ -webkit-animation: euiBeaconPulseLarge 2.5s infinite ease-out;
+ animation: euiBeaconPulseLarge 2.5s infinite ease-out; }
+ .euiBeacon:after {
+ -webkit-animation: euiBeaconPulseSmall 2.5s infinite ease-out .25s;
+ animation: euiBeaconPulseSmall 2.5s infinite ease-out .25s; }
+
+@-webkit-keyframes euiBeaconPulseLarge {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1; }
+ 70% {
+ -webkit-transform: scale(3);
+ transform: scale(3);
+ opacity: 0; }
+ 100% {
+ opacity: 0; } }
+
+@keyframes euiBeaconPulseLarge {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1; }
+ 70% {
+ -webkit-transform: scale(3);
+ transform: scale(3);
+ opacity: 0; }
+ 100% {
+ opacity: 0; } }
+
+@-webkit-keyframes euiBeaconPulseSmall {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1; }
+ 70% {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+ opacity: 0; }
+ 100% {
+ opacity: 0; } }
+
+@keyframes euiBeaconPulseSmall {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1; }
+ 70% {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+ opacity: 0; }
+ 100% {
+ opacity: 0; } }
+
+.euiBottomBar {
+ box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075);
+ background: #131317;
+ color: #FFF; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiBottomBar {
+ -webkit-animation: euiBottomBarAppear 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiBottomBarAppear 350ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+.euiBottomBar--fixed {
+ position: fixed;
+ z-index: 998; }
+
+.euiBottomBar--sticky {
+ position: -webkit-sticky;
+ position: sticky;
+ z-index: 998; }
+
+.euiBottomBar--paddingSmall {
+ padding: 8px; }
+
+.euiBottomBar--paddingMedium {
+ padding: 16px; }
+
+.euiBottomBar--paddingLarge {
+ padding: 24px; }
+
+@-webkit-keyframes euiBottomBarAppear {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ opacity: 0; }
+ 100% {
+ -webkit-transform: translateY(0%);
+ transform: translateY(0%);
+ opacity: 1; } }
+
+@keyframes euiBottomBarAppear {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ opacity: 0; }
+ 100% {
+ -webkit-transform: translateY(0%);
+ transform: translateY(0%);
+ opacity: 1; } }
+
+.euiButton {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 500;
+ text-decoration: none;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
+ outline-offset: -1px;
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ border-radius: 6px;
+ min-width: 112px; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiButton {
+ transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+ .euiButton:hover:not([class*='isDisabled']) {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+ .euiButton:focus {
+ -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiButton:active:not([class*='isDisabled']) {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+ .euiButton:hover:not([class*='isDisabled']), .euiButton:focus {
+ text-decoration: underline; }
+ .euiButton .euiButton__content {
+ padding: 0 12px; }
+ .euiButton .euiButton__text {
+ text-overflow: ellipsis;
+ overflow: hidden; }
+ .euiButton.euiButton--small {
+ height: 32px;
+ line-height: 32px; }
+ .euiButton:hover, .euiButton:active {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
+ .euiButton:not([class*='isDisabled']):hover, .euiButton:not([class*='isDisabled']):focus, .euiButton:not([class*='isDisabled']):focus-within {
+ background-color: rgba(54, 162, 239, 0.1); }
+ .euiButton.euiButton-isDisabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+ color: #515761;
+ border-color: #515761; }
+ .euiButton.euiButton-isDisabled .euiButtonContent__icon {
+ fill: currentColor; }
+ .euiButton.euiButton-isDisabled .euiButtonContent__spinner {
+ border-color: #106C96 currentColor currentColor currentColor; }
+ .euiButton.euiButton-isDisabled.euiButton--fill {
+ color: #858a91;
+ background-color: #515761;
+ border-color: #515761; }
+ .euiButton.euiButton-isDisabled.euiButton--fill:hover, .euiButton.euiButton-isDisabled.euiButton--fill:focus, .euiButton.euiButton-isDisabled.euiButton--fill:focus-within {
+ background-color: #515761;
+ border-color: #515761; }
+ .euiButton.euiButton-isDisabled:hover, .euiButton.euiButton-isDisabled:focus, .euiButton.euiButton-isDisabled:focus-within {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ text-decoration: none; }
+
+.euiButton--primary {
+ color: #106C96;
+ border-color: #106C96; }
+ .euiButton--primary.euiButton--fill {
+ background-color: #106C96;
+ border-color: #106C96;
+ color: #000; }
+ .euiButton--primary.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #1e97ed;
+ border-color: #1e97ed; }
+ .euiButton--primary:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButton--primary:not([class*='isDisabled']):hover, .euiButton--primary:not([class*='isDisabled']):focus, .euiButton--primary:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(54, 162, 239, 0.1); }
+
+.euiButton--accent {
+ color: #F68FBE;
+ border-color: #F68FBE; }
+ .euiButton--accent.euiButton--fill {
+ background-color: #F68FBE;
+ border-color: #F68FBE;
+ color: #000; }
+ .euiButton--accent.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f477b0;
+ border-color: #f477b0; }
+ .euiButton--accent:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButton--accent:not([class*='isDisabled']):hover, .euiButton--accent:not([class*='isDisabled']):focus, .euiButton--accent:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(246, 143, 190, 0.1); }
+
+.euiButton--success {
+ color: #7DDED8;
+ border-color: #7DDED8; }
+ .euiButton--success.euiButton--fill {
+ background-color: #7DDED8;
+ border-color: #7DDED8;
+ color: #000; }
+ .euiButton--success.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #69d9d2;
+ border-color: #69d9d2; }
+ .euiButton--success:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButton--success:not([class*='isDisabled']):hover, .euiButton--success:not([class*='isDisabled']):focus, .euiButton--success:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(125, 222, 216, 0.1); }
+
+.euiButton--warning {
+ color: #F3D371;
+ border-color: #F3D371; }
+ .euiButton--warning.euiButton--fill {
+ background-color: #F3D371;
+ border-color: #F3D371;
+ color: #000; }
+ .euiButton--warning.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f1cc59;
+ border-color: #f1cc59; }
+ .euiButton--warning:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButton--warning:not([class*='isDisabled']):hover, .euiButton--warning:not([class*='isDisabled']):focus, .euiButton--warning:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(243, 211, 113, 0.1); }
+
+.euiButton--danger {
+ color: #F86B63;
+ border-color: #F86B63; }
+ .euiButton--danger.euiButton--fill {
+ background-color: #F86B63;
+ border-color: #F86B63;
+ color: #000; }
+ .euiButton--danger.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f7544b;
+ border-color: #f7544b; }
+ .euiButton--danger:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButton--danger:not([class*='isDisabled']):hover, .euiButton--danger:not([class*='isDisabled']):focus, .euiButton--danger:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(248, 107, 99, 0.1); }
+
+.euiButton--subdued {
+ color: #7a7f89;
+ border-color: #7a7f89; }
+ .euiButton--subdued.euiButton--fill {
+ background-color: #7a7f89;
+ border-color: #7a7f89;
+ color: #000; }
+ .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #6e727c;
+ border-color: #6e727c; }
+ .euiButton--subdued:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButton--subdued:not([class*='isDisabled']):hover, .euiButton--subdued:not([class*='isDisabled']):focus, .euiButton--subdued:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(122, 127, 137, 0.1); }
+
+.euiButton--ghost {
+ color: #FFF;
+ border-color: #FFF; }
+ .euiButton--ghost.euiButton--fill {
+ background-color: #FFF;
+ border-color: #FFF;
+ color: #000; }
+ .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f2f2f2;
+ border-color: #f2f2f2; }
+ .euiButton--ghost:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButton--ghost:not([class*='isDisabled']):hover, .euiButton--ghost:not([class*='isDisabled']):focus, .euiButton--ghost:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.euiButton--text {
+ color: #DFE5EF;
+ border-color: #98A2B3; }
+ .euiButton--text.euiButton--fill {
+ background-color: #98A2B3;
+ border-color: #98A2B3;
+ color: #000; }
+ .euiButton--text.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #8995a8;
+ border-color: #8995a8; }
+ .euiButton--text:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButton--text:not([class*='isDisabled']):hover, .euiButton--text:not([class*='isDisabled']):focus, .euiButton--text:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(152, 162, 179, 0.1); }
+
+.euiButton.euiButton-isDisabled.euiButton--ghost, .euiButton.euiButton-isDisabled.euiButton--ghost:hover, .euiButton.euiButton-isDisabled.euiButton--ghost:focus, .euiButton.euiButton-isDisabled.euiButton--ghost:focus-within {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ color: #343741;
+ border-color: #343741; }
+
+.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill {
+ background-color: #343741;
+ color: #62656d; }
+
+.euiButton--fullWidth {
+ display: block;
+ width: 100%; }
+
+.euiButtonContent {
+ height: 100%;
+ width: 100%;
+ vertical-align: middle;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiButtonContent .euiButtonContent__icon,
+ .euiButtonContent .euiButtonContent__spinner {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiButtonContent > * + * {
+ -webkit-margin-start: 8px;
+ margin-inline-start: 8px; }
+
+.euiButtonContent--iconRight {
+ height: 100%;
+ width: 100%;
+ vertical-align: middle;
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; }
+ .euiButtonContent--iconRight .euiButtonContent__icon,
+ .euiButtonContent--iconRight .euiButtonContent__spinner {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiButtonContent--iconRight > * + * {
+ -webkit-margin-start: 0;
+ margin-inline-start: 0;
+ -webkit-margin-end: 8px;
+ margin-inline-end: 8px; }
+
+/**
+ * 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: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 500;
+ text-decoration: none;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
+ outline-offset: -1px;
+ border-color: transparent;
+ background-color: transparent;
+ box-shadow: none;
+ -webkit-transform: none !important;
+ transform: none !important;
+ /* 1 */
+ -webkit-animation: none !important;
+ animation: none !important;
+ /* 1 */
+ transition-timing-function: ease-in;
+ /* 2 */
+ transition-duration: 150ms;
+ /* 2 */ }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiButtonEmpty {
+ transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+ .euiButtonEmpty:hover:not([class*='isDisabled']) {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+ .euiButtonEmpty:focus {
+ -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiButtonEmpty:active:not([class*='isDisabled']) {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+ .euiButtonEmpty:hover:not([class*='isDisabled']), .euiButtonEmpty:focus {
+ text-decoration: underline; }
+ .euiButtonEmpty .euiButtonEmpty__content {
+ padding: 0 8px; }
+ .euiButtonEmpty .euiButtonEmpty__text {
+ text-overflow: ellipsis;
+ overflow: hidden; }
+ .euiButtonEmpty.euiButtonEmpty--small {
+ height: 32px; }
+ .euiButtonEmpty.euiButtonEmpty--xSmall {
+ height: 24px;
+ font-size: 14px; }
+ .euiButtonEmpty:disabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+ color: #515761; }
+ .euiButtonEmpty:disabled .euiButtonContent__icon {
+ fill: currentColor; }
+ .euiButtonEmpty:disabled .euiButtonContent__spinner {
+ border-color: #106C96 currentColor currentColor currentColor; }
+ .euiButtonEmpty:disabled:focus {
+ background-color: transparent; }
+ .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus {
+ text-decoration: none; }
+
+.euiButtonEmpty--flushLeft .euiButtonEmpty__content,
+.euiButtonEmpty--flushRight .euiButtonEmpty__content,
+.euiButtonEmpty--flushBoth .euiButtonEmpty__content {
+ padding-left: 0;
+ padding-right: 0; }
+
+.euiButtonEmpty--flushLeft {
+ margin-right: 8px; }
+
+.euiButtonEmpty--flushRight {
+ margin-left: 8px; }
+
+.euiButtonEmpty--primary {
+ color: #106C96; }
+ .euiButtonEmpty--primary:focus {
+ background-color: rgba(54, 162, 239, 0.1); }
+
+.euiButtonEmpty--danger {
+ color: #F86B63; }
+ .euiButtonEmpty--danger:focus {
+ background-color: rgba(248, 107, 99, 0.1); }
+
+.euiButtonEmpty--disabled {
+ color: #858a91; }
+ .euiButtonEmpty--disabled:focus {
+ background-color: rgba(81, 87, 97, 0.1); }
+ .euiButtonEmpty--disabled:hover {
+ cursor: not-allowed; }
+
+.euiButtonEmpty--ghost {
+ color: #FFF; }
+ .euiButtonEmpty--ghost:focus {
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.euiButtonEmpty--text {
+ color: #DFE5EF; }
+ .euiButtonEmpty--text:focus {
+ background-color: rgba(223, 229, 239, 0.1); }
+
+.euiButtonEmpty--success {
+ color: #7DDED8; }
+ .euiButtonEmpty--success:focus {
+ background-color: rgba(125, 222, 216, 0.1); }
+
+.euiButtonEmpty--warning {
+ color: #F3D371; }
+ .euiButtonEmpty--warning:focus {
+ background-color: rgba(243, 211, 113, 0.1); }
+
+.euiButtonIcon {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 500;
+ text-decoration: none;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
+ outline-offset: -1px;
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ border-radius: 6px;
+ width: 40px;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: space-around;
+ justify-content: space-around; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiButtonIcon {
+ transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+ .euiButtonIcon:hover:not([class*='isDisabled']) {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+ .euiButtonIcon:focus {
+ -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiButtonIcon:active:not([class*='isDisabled']) {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+ .euiButtonIcon:hover:not([class*='isDisabled']), .euiButtonIcon:focus {
+ text-decoration: underline; }
+ .euiButtonIcon > svg {
+ pointer-events: none; }
+ .euiButtonIcon.euiButtonIcon--empty {
+ box-shadow: none !important;
+ border: none; }
+ .euiButtonIcon.euiButtonIcon-isDisabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+ color: #515761;
+ border-color: #515761; }
+ .euiButtonIcon.euiButtonIcon-isDisabled .euiButtonContent__icon {
+ fill: currentColor; }
+ .euiButtonIcon.euiButtonIcon-isDisabled .euiButtonContent__spinner {
+ border-color: #106C96 currentColor currentColor currentColor; }
+ .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill {
+ color: #858a91;
+ background-color: #515761;
+ border-color: #515761; }
+ .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:hover, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:focus, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:focus-within {
+ background-color: #515761;
+ border-color: #515761; }
+ .euiButtonIcon.euiButtonIcon-isDisabled:hover, .euiButtonIcon.euiButtonIcon-isDisabled:focus, .euiButtonIcon.euiButtonIcon-isDisabled:focus-within {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ text-decoration: none; }
+
+.euiButtonIcon--xSmall {
+ height: 24px;
+ width: 24px; }
+
+.euiButtonIcon--small {
+ height: 32px;
+ width: 32px; }
+
+.euiButtonIcon--primary {
+ color: #106C96;
+ border-color: #106C96; }
+ .euiButtonIcon--primary.euiButtonIcon--fill {
+ background-color: #106C96;
+ border-color: #106C96;
+ color: #000; }
+ .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #1e97ed;
+ border-color: #1e97ed; }
+ .euiButtonIcon--primary:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButtonIcon--primary:not([class*='isDisabled']):hover, .euiButtonIcon--primary:not([class*='isDisabled']):focus, .euiButtonIcon--primary:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(54, 162, 239, 0.1); }
+
+.euiButtonIcon--accent {
+ color: #F68FBE;
+ border-color: #F68FBE; }
+ .euiButtonIcon--accent.euiButtonIcon--fill {
+ background-color: #F68FBE;
+ border-color: #F68FBE;
+ color: #000; }
+ .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f477b0;
+ border-color: #f477b0; }
+ .euiButtonIcon--accent:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButtonIcon--accent:not([class*='isDisabled']):hover, .euiButtonIcon--accent:not([class*='isDisabled']):focus, .euiButtonIcon--accent:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(246, 143, 190, 0.1); }
+
+.euiButtonIcon--success {
+ color: #7DDED8;
+ border-color: #7DDED8; }
+ .euiButtonIcon--success.euiButtonIcon--fill {
+ background-color: #7DDED8;
+ border-color: #7DDED8;
+ color: #000; }
+ .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #69d9d2;
+ border-color: #69d9d2; }
+ .euiButtonIcon--success:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButtonIcon--success:not([class*='isDisabled']):hover, .euiButtonIcon--success:not([class*='isDisabled']):focus, .euiButtonIcon--success:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(125, 222, 216, 0.1); }
+
+.euiButtonIcon--warning {
+ color: #F3D371;
+ border-color: #F3D371; }
+ .euiButtonIcon--warning.euiButtonIcon--fill {
+ background-color: #F3D371;
+ border-color: #F3D371;
+ color: #000; }
+ .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f1cc59;
+ border-color: #f1cc59; }
+ .euiButtonIcon--warning:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButtonIcon--warning:not([class*='isDisabled']):hover, .euiButtonIcon--warning:not([class*='isDisabled']):focus, .euiButtonIcon--warning:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(243, 211, 113, 0.1); }
+
+.euiButtonIcon--danger {
+ color: #F86B63;
+ border-color: #F86B63; }
+ .euiButtonIcon--danger.euiButtonIcon--fill {
+ background-color: #F86B63;
+ border-color: #F86B63;
+ color: #000; }
+ .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f7544b;
+ border-color: #f7544b; }
+ .euiButtonIcon--danger:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButtonIcon--danger:not([class*='isDisabled']):hover, .euiButtonIcon--danger:not([class*='isDisabled']):focus, .euiButtonIcon--danger:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(248, 107, 99, 0.1); }
+
+.euiButtonIcon--subdued {
+ color: #7a7f89;
+ border-color: #7a7f89; }
+ .euiButtonIcon--subdued.euiButtonIcon--fill {
+ background-color: #7a7f89;
+ border-color: #7a7f89;
+ color: #000; }
+ .euiButtonIcon--subdued.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--subdued.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--subdued.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #6e727c;
+ border-color: #6e727c; }
+ .euiButtonIcon--subdued:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButtonIcon--subdued:not([class*='isDisabled']):hover, .euiButtonIcon--subdued:not([class*='isDisabled']):focus, .euiButtonIcon--subdued:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(122, 127, 137, 0.1); }
+
+.euiButtonIcon--ghost {
+ color: #FFF;
+ border-color: #FFF; }
+ .euiButtonIcon--ghost.euiButtonIcon--fill {
+ background-color: #FFF;
+ border-color: #FFF;
+ color: #000; }
+ .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f2f2f2;
+ border-color: #f2f2f2; }
+ .euiButtonIcon--ghost:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButtonIcon--ghost:not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not([class*='isDisabled']):focus, .euiButtonIcon--ghost:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.euiButtonIcon--text {
+ color: #DFE5EF;
+ border-color: #98A2B3; }
+ .euiButtonIcon--text.euiButtonIcon--fill {
+ background-color: #98A2B3;
+ border-color: #98A2B3;
+ color: #000; }
+ .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #8995a8;
+ border-color: #8995a8; }
+ .euiButtonIcon--text:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075); }
+ .euiButtonIcon--text:not([class*='isDisabled']):hover, .euiButtonIcon--text:not([class*='isDisabled']):focus, .euiButtonIcon--text:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background-color: rgba(152, 162, 179, 0.1); }
+
+.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:hover, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus-within {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ color: #343741;
+ border-color: #343741; }
+
+.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButton--fill {
+ background-color: #343741;
+ color: #62656d; }
+
+.euiButtonGroup {
+ display: inline-block;
+ max-width: 100%;
+ position: relative; }
+
+.euiButtonGroup--fullWidth {
+ display: block; }
+ .euiButtonGroup--fullWidth .euiButtonGroup__buttons {
+ width: 100%; }
+ .euiButtonGroup--fullWidth .euiButtonGroup__buttons .euiButtonGroupButton {
+ -webkit-flex: 1;
+ flex: 1; }
+
+.euiButtonGroup__buttons {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ border-radius: 7px;
+ max-width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ overflow: hidden; }
+
+.euiButtonGroup--isDisabled .euiButtonGroup__buttons {
+ box-shadow: none; }
+
+.euiButtonGroup--compressed .euiButtonGroup__buttons {
+ box-shadow: none !important;
+ border-radius: 4px;
+ background-color: #16171c;
+ height: 32px;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ overflow: visible; }
+
+.euiButtonGroupButton {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, color 250ms ease-in-out;
+ min-width: 0;
+ -webkit-flex-shrink: 1;
+ flex-shrink: 1;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiButtonGroupButton .euiButton__content {
+ padding: 0 12px; }
+ .euiButtonGroupButton-isIconOnly .euiButton__content {
+ padding: 0 8px; }
+ .euiButtonGroupButton .euiButton__text {
+ text-overflow: ellipsis;
+ overflow: hidden; }
+ .euiButtonGroupButton.euiButtonGroupButton--small {
+ height: 32px;
+ line-height: 32px; }
+ .euiButtonGroupButton:not([class*='isDisabled']):hover, .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
+ background-color: rgba(54, 162, 239, 0.1);
+ text-decoration: underline; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+ color: #515761; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled .euiButtonContent__icon {
+ fill: currentColor; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled .euiButtonContent__spinner {
+ border-color: #106C96 currentColor currentColor currentColor; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected {
+ color: #858a91;
+ background-color: #515761;
+ border-color: #515761; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:focus-within {
+ background-color: #515761;
+ border-color: #515761; }
+ .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']) {
+ color: #106C96; }
+ .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #106C96;
+ border-color: #106C96;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #1e97ed;
+ border-color: #1e97ed; }
+ .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within {
+ background-color: rgba(54, 162, 239, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']) {
+ color: #F68FBE; }
+ .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #F68FBE;
+ border-color: #F68FBE;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #f477b0;
+ border-color: #f477b0; }
+ .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within {
+ background-color: rgba(246, 143, 190, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']) {
+ color: #7DDED8; }
+ .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #7DDED8;
+ border-color: #7DDED8;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #69d9d2;
+ border-color: #69d9d2; }
+ .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):focus-within {
+ background-color: rgba(125, 222, 216, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']) {
+ color: #F3D371; }
+ .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #F3D371;
+ border-color: #F3D371;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #f1cc59;
+ border-color: #f1cc59; }
+ .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within {
+ background-color: rgba(243, 211, 113, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']) {
+ color: #F86B63; }
+ .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #F86B63;
+ border-color: #F86B63;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #f7544b;
+ border-color: #f7544b; }
+ .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within {
+ background-color: rgba(248, 107, 99, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']) {
+ color: #7a7f89; }
+ .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #7a7f89;
+ border-color: #7a7f89;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #6e727c;
+ border-color: #6e727c; }
+ .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']):focus-within {
+ background-color: rgba(122, 127, 137, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #FFF;
+ border-color: #FFF;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #f2f2f2;
+ border-color: #f2f2f2; }
+ .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within {
+ background-color: rgba(255, 255, 255, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']) {
+ color: #DFE5EF; }
+ .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #98A2B3;
+ border-color: #98A2B3;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #8995a8;
+ border-color: #8995a8; }
+ .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):focus-within {
+ background-color: rgba(152, 162, 179, 0.1); }
+
+.euiButtonGroupButton__textShift::after {
+ display: block;
+ content: attr(data-text);
+ font-weight: 700;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden; }
+
+/**
+ * Medium and Small sizing (regular button style)
+ */
+.euiButtonGroup--medium .euiButtonGroupButton,
+.euiButtonGroup--small .euiButtonGroupButton {
+ border: 1px solid #343741; }
+ .euiButtonGroup--medium .euiButtonGroupButton:not(:first-child),
+ .euiButtonGroup--small .euiButtonGroupButton:not(:first-child) {
+ margin-left: -1px; }
+ .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.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:hover, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus-within,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:hover,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus-within {
+ color: #343741; }
+
+.euiButtonGroup--isDisabled .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost, .euiButtonGroup--isDisabled
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost {
+ border-color: #343741; }
+
+.euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost.euiButtonGroupButton-isSelected,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost.euiButtonGroupButton-isSelected {
+ background-color: #343741;
+ color: #62656d; }
+
+.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 rgba(29, 30, 36, 0.1); }
+
+/**
+ * Compressed (form style)
+ */
+.euiButtonGroup--compressed .euiButtonGroupButton {
+ height: 30px;
+ line-height: 30px;
+ font-size: 14px;
+ border-radius: 6px;
+ padding: 2px;
+ background-clip: content-box; }
+ .euiButtonGroup--compressed .euiButtonGroupButton .euiButton__content {
+ padding-left: 8px;
+ padding-right: 8px; }
+ .euiButtonGroup--compressed .euiButtonGroupButton.euiButtonGroupButton-isSelected {
+ font-weight: 600; }
+ .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
+ outline: 2px solid #106C96; }
+
+/**
+ * 1. Add vertical space between breadcrumbs,
+ * but make sure the whole breadcrumb set doesn't add space below itself
+ */
+.euiBreadcrumbs__list {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ min-width: 0;
+ margin-bottom: -4px;
+ /* 1 */ }
+
+.euiBreadcrumb {
+ margin-bottom: 4px;
+ /* 1 */
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiBreadcrumb:not(.euiBreadcrumb--last) {
+ color: #7a7f89; }
+ .euiBreadcrumb:not(.euiBreadcrumb--last)::after {
+ content: '';
+ margin: 4px 8px 0;
+ width: 1px;
+ height: 16px;
+ -webkit-transform: translateY(-1px) rotate(15deg);
+ transform: translateY(-1px) rotate(15deg);
+ background: #343741;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiBreadcrumb--collapsed {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiBreadcrumb--last {
+ font-weight: 500; }
+
+.euiBreadcrumbs__inPopover .euiBreadcrumb--last .euiBreadcrumb__content {
+ font-weight: 400;
+ color: #7a7f89; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumbs__list {
+ white-space: nowrap;
+ -webkit-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed) .euiBreadcrumb__content {
+ max-width: 160px;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed).euiBreadcrumb--last .euiBreadcrumb__content {
+ max-width: none; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumb {
+ overflow: hidden; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumb__content,
+.euiBreadcrumb--truncate .euiBreadcrumb__content {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ max-width: 160px;
+ text-align: center;
+ vertical-align: baseline; }
+
+.euiCallOut {
+ padding: 16px;
+ border-left: 2px solid transparent; }
+ .euiCallOut.euiCallOut--small {
+ padding: 8px; }
+ .euiCallOut .euiCallOutHeader__icon {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-transform: translateY(2px);
+ transform: translateY(2px); }
+ .euiCallOut .euiCallOutHeader__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 400;
+ margin-bottom: 0; }
+
+.euiCallOut--small .euiCallOutHeader__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 400; }
+
+.euiCallOut--primary {
+ border-color: #106C96;
+ background-color: #103148; }
+ .euiCallOut--primary .euiCallOutHeader__icon {
+ fill: #5eb5f2; }
+ .euiCallOut--primary .euiCallOutHeader__title {
+ color: #5eb5f2; }
+
+.euiCallOut--success {
+ border-color: #7DDED8;
+ background-color: #264341; }
+ .euiCallOut--success .euiCallOutHeader__icon {
+ fill: #97e5e0; }
+ .euiCallOut--success .euiCallOutHeader__title {
+ color: #97e5e0; }
+
+.euiCallOut--warning {
+ border-color: #F3D371;
+ background-color: #493f22; }
+ .euiCallOut--warning .euiCallOutHeader__icon {
+ fill: #f5dc8d; }
+ .euiCallOut--warning .euiCallOutHeader__title {
+ color: #f5dc8d; }
+
+.euiCallOut--danger {
+ border-color: #F86B63;
+ background-color: #4a201e; }
+ .euiCallOut--danger .euiCallOutHeader__icon {
+ fill: #f98982; }
+ .euiCallOut--danger .euiCallOutHeader__title {
+ color: #f98982; }
+
+/**
+ * 1. Align icon with first line of title text if it wraps.
+ * 2. If content exists under the header, space it appropriately.
+ * 3. Apply margin to all but last item in the flex.
+ */
+.euiCallOutHeader {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: baseline;
+ align-items: baseline;
+ /* 1 */ }
+ .euiCallOutHeader + * {
+ margin-top: 8px;
+ /* 1 */ }
+ .euiCallOutHeader > * + * {
+ margin-left: 8px;
+ /* 3 */ }
+
+/**
+ * 1. Footer is always at the bottom.
+ * 2. Fix for IE where the image correctly resizes in width but doesn't collapse its height
+ (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
+ * 3. Horizontal layouts should always top left align no matter the textAlign prop
+ */
+.euiCard {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ min-height: 1px;
+ /* 2 */ }
+ .euiCard.euiCard-isDisabled {
+ cursor: not-allowed !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ box-shadow: none !important;
+ text-decoration: none !important;
+ background-color: rgba(81, 87, 97, 0.1) !important;
+ color: #515761; }
+ .euiCard.euiCard-isDisabled .euiCard__top {
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%); }
+ .euiCard.euiCard-isDisabled .euiCard__titleAnchor,
+ .euiCard.euiCard-isDisabled .euiCard__titleButton {
+ color: #515761;
+ cursor: inherit; }
+ .euiCard.euiCard-isDisabled .euiCard__betaBadge:not(.euiBetaBadge-isClickable):not(.euiBetaBadge--hollow) {
+ box-shadow: inset 0 0 0 1px #343741;
+ background: transparent;
+ color: inherit; }
+ .euiCard.euiCard-isDisabled .euiCard__betaBadge:not(.euiBetaBadge-isClickable).euiBetaBadge--hollow {
+ background-color: #1D1E24; }
+ .euiCard.euiCard--isClickable {
+ display: -webkit-flex;
+ display: flex;
+ width: 100%; }
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ outline: 2px solid currentColor; }
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within:not(:focus-visible) {
+ outline: none; }
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__title,
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__titleAnchor,
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__titleButton, .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__title,
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__titleAnchor,
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__titleButton {
+ text-decoration: underline; }
+ .euiCard .euiCard__top,
+ .euiCard .euiCard__content,
+ .euiCard .euiCard__footer {
+ width: 100%; }
+ .euiCard.euiCard--leftAligned {
+ text-align: left;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+ .euiCard.euiCard--leftAligned .euiCard__titleButton {
+ text-align: left; }
+ .euiCard.euiCard--centerAligned {
+ text-align: center;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiCard.euiCard--rightAligned {
+ text-align: right;
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+ .euiCard.euiCard--rightAligned .euiCard__titleButton {
+ text-align: right; }
+ .euiCard.euiCard-isSelected {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+
+.euiCard--hasBetaBadge {
+ position: relative;
+ overflow: visible; }
+ .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper {
+ position: absolute;
+ top: -12px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ z-index: 3;
+ min-width: 30%;
+ max-width: calc(100% - 32px); }
+ .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiToolTipAnchor,
+ .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
+ width: 100%; }
+ .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
+ overflow: hidden;
+ text-overflow: ellipsis; }
+
+.euiCard__betaBadge.euiBetaBadge--hollow {
+ background-color: #1D1E24; }
+
+.euiCard--isSelectable {
+ position: relative; }
+
+.euiCard[class*='paddingSmall'] {
+ padding: 8px; }
+ .euiCard[class*='paddingSmall'].euiCard--isSelectable {
+ padding-bottom: 48px; }
+ .euiCard[class*='paddingSmall'] .euiCard__top .euiCard__image {
+ width: calc(100% + (8px * 2));
+ left: -8px;
+ top: -8px;
+ margin-bottom: -8px; }
+ .euiCard[class*='paddingSmall'] .euiCard__top .euiCard__image + .euiCard__icon {
+ -webkit-transform: translate(-50%, -75%);
+ transform: translate(-50%, -75%);
+ -webkit-transform: translate(-50%, calc(-50% + -8px));
+ transform: translate(-50%, calc(-50% + -8px)); }
+
+.euiCard[class*='paddingMedium'] {
+ padding: 16px; }
+ .euiCard[class*='paddingMedium'].euiCard--isSelectable {
+ padding-bottom: 56px; }
+ .euiCard[class*='paddingMedium'] .euiCard__top .euiCard__image {
+ width: calc(100% + (16px * 2));
+ left: -16px;
+ top: -16px;
+ margin-bottom: -16px; }
+ .euiCard[class*='paddingMedium'] .euiCard__top .euiCard__image + .euiCard__icon {
+ -webkit-transform: translate(-50%, -75%);
+ transform: translate(-50%, -75%);
+ -webkit-transform: translate(-50%, calc(-50% + -16px));
+ transform: translate(-50%, calc(-50% + -16px)); }
+
+.euiCard[class*='paddingLarge'] {
+ padding: 24px; }
+ .euiCard[class*='paddingLarge'].euiCard--isSelectable {
+ padding-bottom: 64px; }
+ .euiCard[class*='paddingLarge'] .euiCard__top .euiCard__image {
+ width: calc(100% + (24px * 2));
+ left: -24px;
+ top: -24px;
+ margin-bottom: -24px; }
+ .euiCard[class*='paddingLarge'] .euiCard__top .euiCard__image + .euiCard__icon {
+ -webkit-transform: translate(-50%, -75%);
+ transform: translate(-50%, -75%);
+ -webkit-transform: translate(-50%, calc(-50% + -24px));
+ transform: translate(-50%, calc(-50% + -24px)); }
+
+.euiCard__top {
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ /* 1 */
+ position: relative;
+ min-height: 1px;
+ /* 2 */
+ font-size: 0; }
+ .euiCard__top .euiCard__image {
+ position: relative;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ overflow: hidden; }
+ .euiCard__top .euiCard__image img {
+ width: 100%; }
+ .euiCard__top .euiCard__image + .euiCard__icon {
+ position: absolute;
+ top: 50%;
+ left: 50%; }
+ .euiCard__top .euiCard__icon {
+ margin-top: 8px; }
+
+.euiCard__footer:not(:empty) {
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ /* 1 */
+ margin-top: 16px; }
+
+.euiCard[class*='transparent'] .euiCard__image {
+ border-radius: 6px; }
+
+.euiCard--isSelectable--text.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #7DDED8 !important; }
+
+.euiCard--isSelectable--primary.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #106C96 !important; }
+
+.euiCard--isSelectable--success.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #7DDED8 !important; }
+
+.euiCard--isSelectable--danger.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #F86B63 !important; }
+
+.euiCard--isSelectable--ghost.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #98A2B3 !important; }
+
+.euiCard__top + .euiCard__content {
+ margin-top: 16px; }
+
+.euiCard__content {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ /* 1 */ }
+ .euiCard__content .euiCard__description,
+ .euiCard__content .euiCard__children {
+ margin-top: 8px; }
+ .euiCard__content .euiCard__titleAnchor,
+ .euiCard__content .euiCard__titleButton {
+ font: inherit;
+ color: inherit;
+ letter-spacing: inherit; }
+ .euiCard__content .euiCard__titleAnchor:focus,
+ .euiCard__content .euiCard__titleButton:focus {
+ text-decoration: underline; }
+
+.euiCard.euiCard--horizontal .euiCard__content,
+.euiCard.euiCard--horizontal .euiCard__titleButton {
+ text-align: left;
+ /* 3 */ }
+
+.euiCard.euiCard--horizontal.euiCard--hasIcon {
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: flex-start !important;
+ align-items: flex-start !important;
+ /* 3 */ }
+ .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top,
+ .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__content {
+ width: auto;
+ margin-top: 0; }
+ .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top .euiCard__icon {
+ margin-top: 0;
+ margin-right: 16px; }
+
+.euiCardSelect {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ height: 40px !important;
+ width: 100%;
+ overflow: hidden;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ font-weight: 700; }
+ .euiCardSelect--text:enabled {
+ background-color: #25262E !important; }
+ .euiCardSelect--primary:enabled {
+ background-color: #103148 !important; }
+ .euiCardSelect--success:enabled {
+ background-color: #264341 !important;
+ color: #7DDED8; }
+ .euiCardSelect--danger:enabled {
+ background-color: #4a201e !important; }
+ .euiCardSelect--ghost:enabled {
+ background-color: #98A2B3 !important; }
+ .euiCardSelect:disabled {
+ background-color: #141519; }
+
+.euiCheckableCard {
+ transition: border-color 250ms ease-in; }
+ .euiCheckableCard:not(.euiCheckableCard-isDisabled).euiCheckableCard-isChecked {
+ border-color: #106C96; }
+
+.euiCheckableCard__label {
+ cursor: pointer;
+ display: block;
+ width: calc(100% + 32px);
+ padding: 16px;
+ margin: -16px; }
+
+.euiCheckableCard__label-isDisabled {
+ color: #535966;
+ cursor: not-allowed; }
+
+.euiCheckableCard__children {
+ margin-top: 16px; }
+
+.euiCodeBlock {
+ max-width: 100%;
+ display: block;
+ position: relative;
+ background: #25262E; }
+ .euiCodeBlock .euiCodeBlock__pre {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow: auto;
+ display: block; }
+ .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-corner, .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiCodeBlock .euiCodeBlock__pre--whiteSpacePre {
+ white-space: pre; }
+ .euiCodeBlock .euiCodeBlock__pre--whiteSpacePreWrap {
+ white-space: pre-wrap; }
+ .euiCodeBlock .euiCodeBlock__pre--isVirtualized .euiCodeBlock__code {
+ position: relative; }
+ .euiCodeBlock .euiCodeBlock__line {
+ display: block; }
+ .euiCodeBlock--hasLineNumbers .euiCodeBlock__line {
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none; }
+ .euiCodeBlock .euiCodeBlock__lineText,
+ .euiCodeBlock .euiCodeBlock__lineNumber {
+ display: inline-block; }
+ .euiCodeBlock .euiCodeBlock__lineText {
+ padding-left: 8px;
+ border-left: 1px solid #343741;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ user-select: text; }
+ .euiCodeBlock .euiCodeBlock__lineNumber {
+ position: absolute;
+ height: 100%;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ padding-right: 8px;
+ box-sizing: content-box; }
+ .euiCodeBlock .euiCodeBlock__lineNumber:before {
+ content: attr(data-line-number);
+ color: #7a7f89;
+ text-align: right;
+ display: block; }
+ .euiCodeBlock .euiCodeBlock__line--isHighlighted .euiCodeBlock__lineText {
+ background: rgba(54, 162, 239, 0.2);
+ border-left: 2px solid #106C96; }
+ .euiCodeBlock .euiCodeBlock__code {
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
+ letter-spacing: normal;
+ line-height: 1.5;
+ font-weight: 400;
+ font-size: inherit;
+ color: #DFE5EF;
+ display: block; }
+ .euiCodeBlock .euiCodeBlock__controls {
+ position: absolute;
+ top: 0;
+ right: 0; }
+ .euiCodeBlock .euiCodeBlock__fullScreenButton + .euiCodeBlock__copyButton {
+ margin-top: 4px; }
+ .euiCodeBlock.euiCodeBlock-isFullScreen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0; }
+ .euiCodeBlock.euiCodeBlock-isFullScreen .euiCodeBlock__pre {
+ padding: 32px !important; }
+ .euiCodeBlock.euiCodeBlock-isFullScreen .euiCodeBlock__controls {
+ top: 4px;
+ right: 4px; }
+ .euiCodeBlock.euiCodeBlock--fontSmall {
+ font-size: 12px; }
+ .euiCodeBlock.euiCodeBlock--fontMedium {
+ font-size: 14px; }
+ .euiCodeBlock.euiCodeBlock--fontLarge {
+ font-size: 14px; }
+ .euiCodeBlock.euiCodeBlock--hasControl {
+ min-height: 24px; }
+ .euiCodeBlock.euiCodeBlock--hasBothControls {
+ min-height: 52px; }
+ .euiCodeBlock.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
+ padding-right: 28px; }
+ .euiCodeBlock.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
+ margin-right: 28px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall .euiCodeBlock__pre {
+ padding: 8px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl {
+ min-height: 40px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasBothControls {
+ min-height: 68px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall .euiCodeBlock__controls {
+ top: 8px;
+ right: 8px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
+ padding-right: 36px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
+ margin-right: 36px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium .euiCodeBlock__pre {
+ padding: 16px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl {
+ min-height: 56px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasBothControls {
+ min-height: 84px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium .euiCodeBlock__controls {
+ top: 16px;
+ right: 16px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
+ padding-right: 44px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
+ margin-right: 44px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge .euiCodeBlock__pre {
+ padding: 24px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl {
+ min-height: 72px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasBothControls {
+ min-height: 100px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge .euiCodeBlock__controls {
+ top: 24px;
+ right: 24px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
+ padding-right: 52px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
+ margin-right: 52px; }
+ .euiCodeBlock.euiCodeBlock--transparentBackground {
+ background: transparent; }
+ .euiCodeBlock .token.punctuation:not(.interpolation-punctuation):not([class*='attr-']) {
+ opacity: .7; }
+ .euiCodeBlock .token.comment,
+ .euiCodeBlock .token.prolog,
+ .euiCodeBlock .token.doctype,
+ .euiCodeBlock .token.cdata,
+ .euiCodeBlock .token.coord,
+ .euiCodeBlock .token.blockquote {
+ color: #8d919a;
+ font-style: italic; }
+ .euiCodeBlock .token.selector {
+ color: inherit; }
+ .euiCodeBlock .token.string,
+ .euiCodeBlock .token.interpolation,
+ .euiCodeBlock .token.interpolation-punctuation,
+ .euiCodeBlock .token.doc-comment .token.keyword,
+ .euiCodeBlock .token.attr-value,
+ .euiCodeBlock .token.url .token.content {
+ color: #d77092; }
+ .euiCodeBlock .token.number,
+ .euiCodeBlock .token.boolean,
+ .euiCodeBlock .token.keyword.nil,
+ .euiCodeBlock .token.regex,
+ .euiCodeBlock .token.variable,
+ .euiCodeBlock .token.unit,
+ .euiCodeBlock .token.hexcode,
+ .euiCodeBlock .token.attr-name,
+ .euiCodeBlock .token.attr-equals {
+ color: #54B399; }
+ .euiCodeBlock .token.atrule .token.rule,
+ .euiCodeBlock .token.keyword {
+ color: #a184c2; }
+ .euiCodeBlock .token.function {
+ color: inherit; }
+ .euiCodeBlock .token.tag {
+ color: #6092C0; }
+ .euiCodeBlock .token.class-name {
+ color: #6092C0; }
+ .euiCodeBlock .token.property {
+ color: inherit; }
+ .euiCodeBlock .token.console,
+ .euiCodeBlock .token.list-punctuation,
+ .euiCodeBlock .token.url-reference,
+ .euiCodeBlock .token.url .token.url {
+ color: #E7664C; }
+ .euiCodeBlock .token.paramater {
+ color: inherit; }
+ .euiCodeBlock .token.meta,
+ .euiCodeBlock .token.important {
+ color: #8d919a; }
+ .euiCodeBlock .token.title {
+ color: #DA8B45; }
+ .euiCodeBlock .token.section {
+ color: #E7664C; }
+ .euiCodeBlock .token.prefix.inserted,
+ .euiCodeBlock .token.prefix.deleted {
+ padding-left: 4px;
+ margin-left: -4px; }
+ .euiCodeBlock .token.prefix.inserted {
+ box-shadow: -4px 0 #54B399;
+ color: #54B399; }
+ .euiCodeBlock .token.prefix.deleted {
+ box-shadow: -4px 0 #F86B63;
+ color: #F86B63; }
+ .euiCodeBlock .token.selector .token.class {
+ color: inherit; }
+ .euiCodeBlock .token.selector .token.id {
+ color: inherit; }
+ .euiCodeBlock .token.italic {
+ font-style: italic; }
+ .euiCodeBlock .token.important,
+ .euiCodeBlock .token.bold {
+ font-weight: 700; }
+ .euiCodeBlock .token.url-reference,
+ .euiCodeBlock .token.url .token.url {
+ text-decoration: underline; }
+ .euiCodeBlock .token.entity {
+ cursor: help; }
+
+/*
+* 1. Size the code against the text its embedded within.
+*/
+.euiCode {
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
+ letter-spacing: normal;
+ font-size: .9em;
+ /* 1 */
+ padding: .2em .5em;
+ /* 1 */
+ background: #25262E; }
+ .euiCode.euiCode--transparentBackground {
+ background: transparent; }
+ .euiCode .token.punctuation:not(.interpolation-punctuation):not([class*='attr-']) {
+ opacity: .7; }
+ .euiCode .token.comment,
+ .euiCode .token.prolog,
+ .euiCode .token.doctype,
+ .euiCode .token.cdata,
+ .euiCode .token.coord,
+ .euiCode .token.blockquote {
+ color: #8d919a;
+ font-style: italic; }
+ .euiCode .token.selector {
+ color: inherit; }
+ .euiCode .token.string,
+ .euiCode .token.interpolation,
+ .euiCode .token.interpolation-punctuation,
+ .euiCode .token.doc-comment .token.keyword,
+ .euiCode .token.attr-value,
+ .euiCode .token.url .token.content {
+ color: #d77092; }
+ .euiCode .token.number,
+ .euiCode .token.boolean,
+ .euiCode .token.keyword.nil,
+ .euiCode .token.regex,
+ .euiCode .token.variable,
+ .euiCode .token.unit,
+ .euiCode .token.hexcode,
+ .euiCode .token.attr-name,
+ .euiCode .token.attr-equals {
+ color: #54B399; }
+ .euiCode .token.atrule .token.rule,
+ .euiCode .token.keyword {
+ color: #a184c2; }
+ .euiCode .token.function {
+ color: inherit; }
+ .euiCode .token.tag {
+ color: #6092C0; }
+ .euiCode .token.class-name {
+ color: #6092C0; }
+ .euiCode .token.property {
+ color: inherit; }
+ .euiCode .token.console,
+ .euiCode .token.list-punctuation,
+ .euiCode .token.url-reference,
+ .euiCode .token.url .token.url {
+ color: #E7664C; }
+ .euiCode .token.paramater {
+ color: inherit; }
+ .euiCode .token.meta,
+ .euiCode .token.important {
+ color: #8d919a; }
+ .euiCode .token.title {
+ color: #DA8B45; }
+ .euiCode .token.section {
+ color: #E7664C; }
+ .euiCode .token.prefix.inserted,
+ .euiCode .token.prefix.deleted {
+ padding-left: 4px;
+ margin-left: -4px; }
+ .euiCode .token.prefix.inserted {
+ box-shadow: -4px 0 #54B399;
+ color: #54B399; }
+ .euiCode .token.prefix.deleted {
+ box-shadow: -4px 0 #F86B63;
+ color: #F86B63; }
+ .euiCode .token.selector .token.class {
+ color: inherit; }
+ .euiCode .token.selector .token.id {
+ color: inherit; }
+ .euiCode .token.italic {
+ font-style: italic; }
+ .euiCode .token.important,
+ .euiCode .token.bold {
+ font-weight: 700; }
+ .euiCode .token.url-reference,
+ .euiCode .token.url .token.url {
+ text-decoration: underline; }
+ .euiCode .token.entity {
+ cursor: help; }
+
+.euiCollapsibleNav:not([class*='push']) {
+ z-index: 6000 !important; }
+
+.euiCollapsibleNavGroup:not(:first-child) {
+ border-top: 1px solid #343741; }
+
+.euiCollapsibleNavGroup .euiAccordion__triggerWrapper {
+ padding: 16px; }
+
+.euiCollapsibleNavGroup--light {
+ background-color: #141519; }
+
+.euiCollapsibleNavGroup--dark {
+ background-color: #131317;
+ color: #FFF; }
+ .euiCollapsibleNavGroup--dark .euiCollapsibleNavGroup__heading:focus .euiAccordion__iconWrapper {
+ color: #106C96;
+ -webkit-animation-name: euiCollapsibleNavGroupDarkFocusRingAnimate !important;
+ animation-name: euiCollapsibleNavGroupDarkFocusRingAnimate !important; }
+ .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; }
+
+@-webkit-keyframes euiCollapsibleNavGroupDarkFocusRingAnimate {
+ 0% {
+ box-shadow: 0 0 0 2px rgba(54, 162, 239, 0); }
+ 100% {
+ box-shadow: 0 0 0 2px #106C96; } }
+
+@keyframes euiCollapsibleNavGroupDarkFocusRingAnimate {
+ 0% {
+ box-shadow: 0 0 0 2px rgba(54, 162, 239, 0); }
+ 100% {
+ box-shadow: 0 0 0 2px #106C96; } }
+
+.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: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin: -4px; }
+
+.euiColorPicker__swatch-item {
+ margin: 4px; }
+
+.euiSwatchInput__stroke {
+ fill: none;
+ stroke: rgba(255, 255, 255, 0.2); }
+
+.euiColorPicker__popoverPanel--pickerOnly {
+ padding-bottom: 0 !important; }
+
+.euiColorPicker__input--inGroup {
+ height: 38px !important;
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiColorPicker__input--inGroup.euiFieldText--compressed {
+ height: 30px !important;
+ border-radius: 0; }
+
+.euiColorPicker__alphaRange .euiRangeInput {
+ min-width: 0; }
+
+.euiColorPickerSwatch {
+ display: inline-block;
+ height: 24px;
+ width: 24px;
+ border-radius: 3px;
+ cursor: pointer;
+ border: solid 1px rgba(255, 255, 255, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(29, 30, 36, 0.05); }
+ .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(to right, #FF3232 0%, #FFF130 20%, #45FF30 35%, #28FFF0 52%, #282CFF 71%, #FF28FB 88%, #FF0094 100%);
+ height: 24px;
+ margin: 4px 0;
+ position: relative; }
+ .euiHue:before, .euiHue:after {
+ content: '';
+ left: 0;
+ position: absolute;
+ height: 8px;
+ background: #1D1E24;
+ width: 100%; }
+ .euiHue:after {
+ bottom: 0; }
+
+.euiHue__range {
+ position: relative;
+ height: 24px;
+ width: calc(100% + 2px);
+ margin: 0 -1px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background: transparent;
+ z-index: 2; }
+ .euiHue__range::-webkit-slider-thumb {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ cursor: pointer;
+ background-color: #98A2B3;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiHue__range::-moz-range-thumb {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ -moz-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ cursor: pointer;
+ background-color: #98A2B3;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiHue__range::-ms-thumb {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ -ms-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ cursor: pointer;
+ background-color: #98A2B3;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiHue__range::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ margin-top: 0; }
+ .euiHue__range::-ms-thumb {
+ margin-top: 0; }
+ .euiHue__range::-ms-track {
+ height: 24px;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+ .euiHue__range::-moz-focus-outer {
+ border: none; }
+ .euiHue__range::-ms-fill-lower, .euiHue__range::-ms-fill-upper {
+ background: transparent; }
+ .euiHue__range:focus {
+ outline: none; }
+ .euiHue__range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 2px #106C96;
+ border-color: #106C96; }
+ .euiHue__range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 2px #106C96;
+ border-color: #106C96; }
+ .euiHue__range:focus::-ms-thumb {
+ box-shadow: 0 0 0 2px #106C96;
+ border-color: #106C96; }
+
+.euiSaturation {
+ position: relative;
+ width: 100%;
+ padding-bottom: 100%;
+ border-radius: 3px;
+ touch-action: none;
+ z-index: 3; }
+ .euiSaturation .euiSaturation__lightness,
+ .euiSaturation .euiSaturation__saturation {
+ position: absolute;
+ top: -1px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ border-radius: 3px; }
+ .euiSaturation .euiSaturation__lightness {
+ background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
+ .euiSaturation .euiSaturation__saturation {
+ background: linear-gradient(to top, black, rgba(0, 0, 0, 0)); }
+ .euiSaturation .euiSaturation__indicator {
+ position: absolute;
+ height: 12px;
+ width: 12px;
+ border-radius: 100%;
+ margin-top: -6px;
+ margin-left: -6px;
+ border: 1px solid #D4DAE5; }
+ .euiSaturation .euiSaturation__indicator:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 100%;
+ border: 1px solid #25262E; }
+ .euiSaturation:focus {
+ outline: none; }
+ .euiSaturation:focus .euiSaturation__indicator {
+ box-shadow: 0 0 0 2px #106C96;
+ border-color: #106C96; }
+
+.euiColorStops:not(.euiColorStops-isDisabled):focus {
+ outline: 2px solid #106C96; }
+
+.euiColorStops__addContainer {
+ display: block;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 50%;
+ height: 16px;
+ margin-top: -8px; }
+ .euiColorStops__addContainer:hover:not(.euiColorStops__addContainer-isDisabled) {
+ cursor: pointer; }
+ .euiColorStops__addContainer:hover:not(.euiColorStops__addContainer-isDisabled) .euiColorStops__addTarget {
+ opacity: .7; }
+
+.euiColorStops__addTarget {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ cursor: pointer;
+ background-color: #98A2B3;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box;
+ position: absolute;
+ top: 0;
+ height: 16px;
+ width: 16px;
+ background-color: #25262E;
+ pointer-events: none;
+ opacity: 0;
+ transition: opacity 150ms; }
+
+.euiColorStop {
+ width: 152px; }
+
+.euiColorStopPopover.euiPopover {
+ position: absolute;
+ top: 50%;
+ width: 16px;
+ height: 16px;
+ margin-top: -8px; }
+
+.euiColorStopPopover-hasFocus {
+ z-index: 1; }
+
+.euiColorStopPopover__anchor {
+ position: absolute;
+ width: 100%;
+ height: 100%; }
+ .euiColorStopPopover__anchor:before {
+ content: '';
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 16px;
+ width: 16px;
+ border-radius: 16px;
+ background: #1D1E24; }
+
+.euiColorStopThumb.euiRangeThumb:not(:disabled) {
+ top: 0;
+ margin-top: 0;
+ pointer-events: auto;
+ cursor: -webkit-grab;
+ cursor: grab;
+ border: solid 3px #1D1E24;
+ box-shadow: 0 0 0 1px #535966, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiColorStopThumb.euiRangeThumb:not(:disabled):active {
+ cursor: -webkit-grabbing;
+ cursor: grabbing; }
+
+.euiColorStopPopover-isLoadingPanel {
+ visibility: hidden !important; }
+
+.euiColorStops.euiColorStops-isDragging:not(.euiColorStops-isDisabled):not(.euiColorStops-isReadOnly) {
+ cursor: -webkit-grabbing;
+ cursor: grabbing; }
+
+.euiColorStops__highlight {
+ color: #343741; }
+
+.euiColorPalettePicker__itemTitle {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiColorPalettePicker__itemTitle + .euiColorPaletteDisplay {
+ margin-top: 4px; }
+
+.euiColorPaletteDisplay {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ overflow: hidden;
+ height: 8px; }
+
+.euiColorPaletteDisplay--sizeExtraSmall {
+ position: relative;
+ height: 4px;
+ border-radius: 4px; }
+ .euiColorPaletteDisplay--sizeExtraSmall:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 4px;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(212, 218, 229, 0.2); }
+
+.euiColorPaletteDisplay--sizeExtraSmall .euiColorPaletteDisplayFixed__bleedArea {
+ height: 4px; }
+
+.euiColorPaletteDisplay--sizeSmall {
+ position: relative;
+ height: 8px;
+ border-radius: 8px; }
+ .euiColorPaletteDisplay--sizeSmall:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 8px;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(212, 218, 229, 0.2); }
+
+.euiColorPaletteDisplay--sizeSmall .euiColorPaletteDisplayFixed__bleedArea {
+ height: 8px; }
+
+.euiColorPaletteDisplay--sizeMedium {
+ position: relative;
+ height: 16px;
+ border-radius: 16px; }
+ .euiColorPaletteDisplay--sizeMedium:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 16px;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(212, 218, 229, 0.2); }
+
+.euiColorPaletteDisplay--sizeMedium .euiColorPaletteDisplayFixed__bleedArea {
+ height: 16px; }
+
+.euiColorPaletteDisplayFixed__bleedArea {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: -webkit-flex;
+ display: flex;
+ height: 8px;
+ width: calc(100% + 1px); }
+
+.euiComboBox {
+ max-width: 400px;
+ width: 100%;
+ height: auto;
+ position: relative;
+ /**
+ * 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--compressed,
+ .euiComboBox .euiFormControlLayout {
+ height: auto; }
+ .euiComboBox .euiComboBox__inputWrap {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ max-width: 400px;
+ width: 100%;
+ height: auto;
+ padding: 4px 8px;
+ display: -webkit-flex;
+ display: flex;
+ /* 1 */
+ outline: none;
+ padding-right: 40px;
+ /* 2 */ }
+ .euiComboBox .euiComboBox__inputWrap--fullWidth {
+ max-width: 100%; }
+ .euiComboBox .euiComboBox__inputWrap--compressed {
+ height: 32px; }
+ .euiComboBox .euiComboBox__inputWrap--inGroup {
+ height: 100%; }
+ @supports (-moz-appearance: none) {
+ .euiComboBox .euiComboBox__inputWrap {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiComboBox .euiComboBox__inputWrap {
+ line-height: 1em; } }
+ .euiComboBox .euiComboBox__inputWrap::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiComboBox .euiComboBox__inputWrap::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiComboBox .euiComboBox__inputWrap::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiComboBox .euiComboBox__inputWrap--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiComboBox .euiComboBox__inputWrap--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiComboBox .euiComboBox__inputWrap--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .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% - 2px - 16px); }
+ .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap) {
+ padding-top: 4px;
+ padding-bottom: 4px;
+ padding-left: 4px;
+ height: auto;
+ /* 3 */
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ /* 1 */
+ -webkit-align-content: flex-start;
+ align-content: flex-start; }
+ .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
+ cursor: text; }
+ .euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
+ padding-right: 62px;
+ /* 2 */ }
+ .euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading {
+ padding-right: 62px;
+ /* 2 */ }
+ .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: -webkit-inline-flex !important;
+ display: inline-flex !important;
+ /* 1 */
+ height: 32px;
+ /* 2 */
+ overflow: hidden;
+ /* 5 */ }
+ .euiComboBox .euiComboBox__input > input {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ /* 3 */
+ padding: 0;
+ border: none;
+ background: transparent;
+ font-size: 14px;
+ color: #DFE5EF;
+ margin: 4px;
+ line-height: 1.5;
+ /* 4 */ }
+ .euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap--compressed {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiComboBox.euiComboBox-isInvalid .euiComboBox__inputWrap {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ -webkit-text-fill-color: unset; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBoxPlaceholder,
+ .euiComboBox.euiComboBox-isDisabled .euiComboBoxPill--plainText {
+ color: #535966;
+ -webkit-text-fill-color: #535966; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
+ cursor: not-allowed; }
+ .euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap {
+ line-height: 32px;
+ /* 2 */
+ padding-top: 0;
+ padding-bottom: 0;
+ padding-right: 32px;
+ /* 2 */ }
+ .euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
+ padding-right: 54px;
+ /* 2 */ }
+ .euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading {
+ padding-right: 54px;
+ /* 2 */ }
+ .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__prepend,
+ .euiComboBox .euiFormControlLayout__append {
+ 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: baseline; }
+ .euiComboBoxPill,
+ .euiComboBoxPill + .euiComboBoxPill {
+ margin: 4px; }
+ .euiComboBox--compressed .euiComboBoxPill,
+ .euiComboBox--compressed .euiComboBoxPill + .euiComboBoxPill {
+ margin: 5px 4px 0 0; }
+ .euiComboBoxPill--plainText {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ line-height: 24px;
+ font-size: 14px;
+ padding: 0;
+ color: #DFE5EF;
+ vertical-align: middle;
+ display: inline-block; }
+
+.euiComboBoxPlaceholder {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ padding-right: 40px;
+ position: absolute;
+ pointer-events: none;
+ padding-left: 4px;
+ line-height: 32px;
+ color: #81858f;
+ margin-bottom: 0 !important; }
+
+/**
+ * 1. Using specificity to override panel shadow
+ * 2. Prevent really long input from overflowing the container.
+ */
+.euiComboBoxOptionsList {
+ -webkit-transform: none !important;
+ transform: none !important;
+ top: 0; }
+ .euiComboBoxOptionsList.euiPopover__panel-isAttached.euiComboBoxOptionsList--top {
+ /* 1 */
+ box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075); }
+
+.euiComboBoxOptionsList__empty {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ /* 2 */
+ padding: 8px;
+ text-align: center;
+ word-wrap: break-word; }
+
+.euiComboBoxOptionsList__rowWrap {
+ padding: 0;
+ max-height: 200px;
+ overflow: hidden; }
+ .euiComboBoxOptionsList__rowWrap > div {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin; }
+ .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-corner, .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiComboBoxOption {
+ font-size: 14px;
+ padding: 4px 8px 4px 16px;
+ width: 100%;
+ text-align: left;
+ border: 1px solid #343741;
+ border-color: transparent;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiComboBoxOption:hover {
+ text-decoration: underline; }
+ .euiComboBoxOption.euiComboBoxOption-isFocused {
+ cursor: pointer;
+ color: #106C96;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiComboBoxOption.euiComboBoxOption-isDisabled {
+ color: #535966;
+ cursor: not-allowed; }
+ .euiComboBoxOption.euiComboBoxOption-isDisabled:hover {
+ text-decoration: none; }
+
+.euiComboBoxOption__contentWrapper {
+ display: -webkit-flex;
+ display: flex; }
+ .euiComboBoxOption__contentWrapper .euiComboBoxOption__emptyStateText {
+ -webkit-flex: 1;
+ flex: 1;
+ text-align: left;
+ margin-bottom: 0; }
+ .euiComboBoxOption__contentWrapper .euiComboBoxOption__enterBadge {
+ -webkit-align-self: flex-start;
+ align-self: flex-start;
+ margin-left: 4px; }
+
+.euiComboBoxOption__content {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ -webkit-flex: 1;
+ flex: 1;
+ text-align: left; }
+
+/**
+ * 1. Force each title to be the same height as an option, so that the virtualized scroll logic
+ * works.
+ */
+.euiComboBoxTitle {
+ font-size: 12px;
+ padding: 11px 8px 4px;
+ /* 1 */
+ width: 100%;
+ font-weight: 700;
+ color: #FFF; }
+
+.euiComment {
+ font-size: 14px;
+ display: -webkit-flex;
+ display: flex;
+ padding-bottom: 16px;
+ min-height: 56px; }
+ .euiComment .euiCommentEvent {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiComment .euiCommentTimeline {
+ position: relative;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ margin-right: 16px; }
+ .euiComment .euiCommentTimeline::before {
+ content: '';
+ position: absolute;
+ left: 20px;
+ top: 24px;
+ width: 2px;
+ background-color: #343741;
+ height: calc(100% + 24px); }
+
+.euiComment:last-of-type .euiCommentTimeline::before {
+ display: none; }
+
+.euiComment--update:not(.euiComment--hasBody) {
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiCommentEvent--regular {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiCommentEvent--regular.euiCommentEvent--regular--hasBorder {
+ border: 1px solid #343741;
+ box-shadow: none; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:hover, .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--borderRadiusNone {
+ border-radius: 0; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--borderRadiusMedium {
+ border-radius: 6px; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--transparent {
+ background-color: transparent; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--plain {
+ background-color: #1D1E24; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--subdued {
+ background-color: #141519; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--accent {
+ background-color: #4a2b39; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--primary {
+ background-color: #103148; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--success {
+ background-color: #264341; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--warning {
+ background-color: #493f22; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--danger {
+ background-color: #4a201e; }
+
+.euiCommentEvent {
+ overflow: hidden; }
+
+.euiCommentEvent__header {
+ line-height: 1.5;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiCommentEvent__headerData {
+ -webkit-align-items: center;
+ align-items: center;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .euiCommentEvent__headerData > div {
+ padding-right: 4px; }
+
+.euiCommentEvent__headerUsername {
+ font-weight: 600; }
+
+.euiCommentEvent--regular {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ border-radius: 6px;
+ border: 1px solid #343741; }
+ .euiCommentEvent--regular .euiCommentEvent__header {
+ min-height: 40px;
+ background-color: #25262E;
+ border-bottom: 1px solid #343741;
+ padding: 4px 8px;
+ /**
+ * Fix for IE when using align-items:center in an item that has min-height
+ (https://github.com/philipwalton/flexbugs/issues/231#issuecomment-362790042)
+ */ }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiCommentEvent--regular .euiCommentEvent__header::after {
+ content: '';
+ min-height: 32px;
+ font-size: 0;
+ display: block; } }
+ .euiCommentEvent--regular .euiCommentEvent__headerData {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiCommentEvent--regular .euiCommentEvent__body {
+ padding: 8px; }
+
+.euiCommentEvent--update .euiCommentEvent__header {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ padding: 4px 0; }
+
+.euiCommentEvent--update .euiCommentEvent__headerData {
+ padding-right: 8px; }
+
+.euiCommentEvent--update .euiCommentEvent__body {
+ padding-top: 4px; }
+
+.euiCommentTimeline__content {
+ min-width: 40px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center;
+ position: relative; }
+
+.euiCommentTimeline__icon--default {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow-x: hidden;
+ border-radius: 50%;
+ background-color: #25262E; }
+ .euiCommentTimeline__icon--default.euiCommentTimeline__icon--regular {
+ width: 40px;
+ height: 40px; }
+ .euiCommentTimeline__icon--default.euiCommentTimeline__icon--update {
+ width: 24px;
+ height: 24px; }
+
+.euiContextMenu {
+ width: 256px;
+ max-width: 100%;
+ position: relative;
+ overflow: hidden;
+ transition: height 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ border-radius: 6px; }
+ .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 {
+ width: 100%;
+ visibility: visible;
+ outline-offset: -2px; }
+ .euiContextMenuPanel:focus {
+ outline: none; }
+ .euiContextMenuPanel.euiContextMenuPanel-txInLeft {
+ pointer-events: none;
+ -webkit-animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiContextMenuPanel.euiContextMenuPanel-txOutLeft {
+ pointer-events: none;
+ -webkit-animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiContextMenuPanel.euiContextMenuPanel-txInRight {
+ pointer-events: none;
+ -webkit-animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiContextMenuPanel.euiContextMenuPanel-txOutRight {
+ pointer-events: none;
+ -webkit-animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+
+.euiContextMenuPanel--next {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px);
+ visibility: hidden; }
+
+.euiContextMenuPanel--previous {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px);
+ visibility: hidden; }
+
+.euiContextMenuPanelTitle {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ padding: 12px;
+ border-bottom: 1px solid #343741;
+ padding: 12px;
+ width: 100%;
+ text-align: left;
+ outline-offset: -2px; }
+ .euiContextMenuPanelTitle:enabled:hover, .euiContextMenuPanelTitle:enabled:focus {
+ text-decoration: underline; }
+ .euiContextMenuPanelTitle--small {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ padding: 12px;
+ border-bottom: 1px solid #343741;
+ padding: 6px 8px; }
+
+@-webkit-keyframes euiContextMenuPanelTxInLeft {
+ 0% {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@keyframes euiContextMenuPanelTxInLeft {
+ 0% {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@-webkit-keyframes euiContextMenuPanelTxOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 100% {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px); } }
+
+@keyframes euiContextMenuPanelTxOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 100% {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px); } }
+
+@-webkit-keyframes euiContextMenuPanelTxInRight {
+ 0% {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@keyframes euiContextMenuPanelTxInRight {
+ 0% {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@-webkit-keyframes euiContextMenuPanelTxOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 100% {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px); } }
+
+@keyframes euiContextMenuPanelTxOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 100% {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px); } }
+
+.euiContextMenuItem {
+ display: block;
+ padding: 12px;
+ width: 100%;
+ text-align: left;
+ color: #DFE5EF;
+ outline-offset: -2px; }
+ .euiContextMenuItem:hover, .euiContextMenuItem:focus {
+ text-decoration: underline; }
+ .euiContextMenuItem:focus {
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiContextMenuItem.euiContextMenuItem-isDisabled {
+ color: #515761;
+ cursor: default; }
+ .euiContextMenuItem.euiContextMenuItem-isDisabled:hover, .euiContextMenuItem.euiContextMenuItem-isDisabled:focus {
+ text-decoration: none; }
+ .euiContextMenuItem--small {
+ padding: 6px 8px; }
+ .euiContextMenuItem--small .euiContextMenuItem__text {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiContextMenuItem__inner {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiContextMenuItem__text {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ overflow: hidden; }
+
+.euiContextMenuItem__arrow {
+ -webkit-align-self: flex-end;
+ align-self: flex-end; }
+
+.euiContextMenu__itemLayout {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiContextMenu__itemLayout.euiContextMenu__itemLayout--bottom {
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+ .euiContextMenu__itemLayout.euiContextMenu__itemLayout--top {
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+ .euiContextMenu__itemLayout .euiContextMenu__icon {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiControlBar {
+ background: #000;
+ color: #a9aaad;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ box-shadow: inset 0 40px 0 #000, inset 0 600rem 0 #141519;
+ bottom: 0;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ height: 40px;
+ max-height: calc(100vh - 80px); }
+ .euiControlBar--fixed {
+ position: fixed;
+ z-index: 6000; }
+ .euiControlBar--absolute {
+ position: absolute;
+ z-index: 1000; }
+ .euiControlBar--relative {
+ position: relative; }
+ .euiControlBar-isOpen {
+ -webkit-animation-duration: 250ms;
+ animation-duration: 250ms;
+ -webkit-animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards; }
+ .euiControlBar-isOpen.euiControlBar--large {
+ -webkit-animation-name: euiControlBarOpenPanelLarge;
+ animation-name: euiControlBarOpenPanelLarge;
+ height: calc(100vh - 80px);
+ bottom: -100vh; }
+ .euiControlBar-isOpen.euiControlBar--medium {
+ -webkit-animation-name: euiControlBarOpenPanelMedium;
+ animation-name: euiControlBarOpenPanelMedium;
+ height: 480px;
+ bottom: -480px; }
+ .euiControlBar-isOpen.euiControlBar--small {
+ -webkit-animation-name: euiControlBarOpenPanelSmall;
+ animation-name: euiControlBarOpenPanelSmall;
+ height: 240px;
+ bottom: -240px; }
+
+.euiControlBar__controls {
+ height: 40px;
+ width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow-y: hidden;
+ overflow-x: auto;
+ padding: 0 12px; }
+
+.euiControlBar__content {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ width: 100%;
+ height: calc(100% - 40px);
+ background-color: #141519;
+ -webkit-animation-name: euiControlBarShowContent;
+ animation-name: euiControlBarShowContent;
+ -webkit-animation-duration: 350ms;
+ animation-duration: 350ms;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+ -webkit-animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
+ color: #D4DAE5; }
+ .euiControlBar__content::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiControlBar__content::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiControlBar__content::-webkit-scrollbar-corner, .euiControlBar__content::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiControlBar__icon {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ margin-left: 8px;
+ margin-right: 8px; }
+
+.euiControlBar__buttonIcon {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ min-width: 40px;
+ min-height: 40px; }
+
+.euiControlBar__button {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ border-radius: 3px;
+ margin-left: 4px;
+ font-size: 14px; }
+ .euiControlBar__button:enabled:hover {
+ -webkit-transform: none;
+ transform: none;
+ box-shadow: none; }
+ .euiControlBar__button:last-child {
+ margin-right: 4px; }
+
+.euiControlBar__breadcrumbs .euiBreadcrumb:not(.euiBreadcrumb--last) .euiBreadcrumb__content {
+ color: #7a7f89; }
+
+.euiControlBar__breadcrumbs .euiBreadcrumb::after {
+ background: rgba(255, 255, 255, 0.2); }
+
+.euiControlBar__spacer {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ height: 100%; }
+
+.euiControlBar__divider {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ height: 100%;
+ width: 1px;
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.euiControlBar__text {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 0 8px;
+ color: #a9aaad; }
+ .euiControlBar__text:last-child {
+ padding-right: 0; }
+
+.euiControlBar__tab {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ color: #a9aaad;
+ padding: 0 16px;
+ text-align: center;
+ height: 100%; }
+ .euiControlBar__tab:hover, .euiControlBar__tab:focus {
+ text-decoration: underline;
+ cursor: pointer; }
+ .euiControlBar__tab.euiControlBar__tab--active {
+ background-color: #141519;
+ box-shadow: inset 0 4px 0 #106C96;
+ color: #106C96; }
+
+.euiControlBar__controls .euiLink.euiLink--primary {
+ color: #106C96; }
+ .euiControlBar__controls .euiLink.euiLink--primary:hover {
+ color: #2671a7; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--primary:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--primary:enabled:not(.euiButton--fill) {
+ color: #106C96;
+ border-color: #106C96; }
+
+.euiControlBar__controls .euiButtonIcon--primary {
+ color: #106C96; }
+
+.euiControlBar__controls .euiLink.euiLink--accent {
+ color: #F68FBE; }
+ .euiControlBar__controls .euiLink.euiLink--accent:hover {
+ color: #ac6485; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--accent:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--accent:enabled:not(.euiButton--fill) {
+ color: #F68FBE;
+ border-color: #F68FBE; }
+
+.euiControlBar__controls .euiButtonIcon--accent {
+ color: #F68FBE; }
+
+.euiControlBar__controls .euiLink.euiLink--success {
+ color: #7DDED8; }
+ .euiControlBar__controls .euiLink.euiLink--success:hover {
+ color: #589b97; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--success:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--success:enabled:not(.euiButton--fill) {
+ color: #7DDED8;
+ border-color: #7DDED8; }
+
+.euiControlBar__controls .euiButtonIcon--success {
+ color: #7DDED8; }
+
+.euiControlBar__controls .euiLink.euiLink--warning {
+ color: #F3D371; }
+ .euiControlBar__controls .euiLink.euiLink--warning:hover {
+ color: #aa944f; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--warning:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--warning:enabled:not(.euiButton--fill) {
+ color: #F3D371;
+ border-color: #F3D371; }
+
+.euiControlBar__controls .euiButtonIcon--warning {
+ color: #F3D371; }
+
+.euiControlBar__controls .euiLink.euiLink--danger {
+ color: #F86B63; }
+ .euiControlBar__controls .euiLink.euiLink--danger:hover {
+ color: #ae4b45; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--danger:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--danger:enabled:not(.euiButton--fill) {
+ color: #F86B63;
+ border-color: #F86B63; }
+
+.euiControlBar__controls .euiButtonIcon--danger {
+ color: #F86B63; }
+
+.euiControlBar__controls .euiLink.euiLink--subdued {
+ color: #7a7f89; }
+ .euiControlBar__controls .euiLink.euiLink--subdued:hover {
+ color: #555960; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--subdued:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--subdued:enabled:not(.euiButton--fill) {
+ color: #7a7f89;
+ border-color: #7a7f89; }
+
+.euiControlBar__controls .euiButtonIcon--subdued {
+ color: #7a7f89; }
+
+.euiControlBar__controls .euiLink.euiLink--ghost {
+ color: #FFF; }
+ .euiControlBar__controls .euiLink.euiLink--ghost:hover {
+ color: #b3b3b3; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--ghost:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--ghost:enabled:not(.euiButton--fill) {
+ color: #FFF;
+ border-color: #FFF; }
+
+.euiControlBar__controls .euiButtonIcon--ghost {
+ color: #FFF; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #98A2B3; }
+ .euiControlBar__controls .euiLink.euiLink--text:hover {
+ color: #6a717d; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--text:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--text:enabled:not(.euiButton--fill) {
+ color: #98A2B3;
+ border-color: #98A2B3; }
+
+.euiControlBar__controls .euiButtonIcon--text {
+ color: #98A2B3; }
+
+@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; } }
+
+@-webkit-keyframes euiControlBarOpenPanelLarge {
+ 0% {
+ -webkit-transform: translateY(calc((40px * 3) * -1));
+ transform: translateY(calc((40px * 3) * -1)); }
+ 100% {
+ -webkit-transform: translateY(-100vh);
+ transform: translateY(-100vh); } }
+
+@keyframes euiControlBarOpenPanelLarge {
+ 0% {
+ -webkit-transform: translateY(calc((40px * 3) * -1));
+ transform: translateY(calc((40px * 3) * -1)); }
+ 100% {
+ -webkit-transform: translateY(-100vh);
+ transform: translateY(-100vh); } }
+
+@-webkit-keyframes euiControlBarOpenPanelMedium {
+ 0% {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); }
+ 100% {
+ -webkit-transform: translateY(-480px);
+ transform: translateY(-480px); } }
+
+@keyframes euiControlBarOpenPanelMedium {
+ 0% {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); }
+ 100% {
+ -webkit-transform: translateY(-480px);
+ transform: translateY(-480px); } }
+
+@-webkit-keyframes euiControlBarOpenPanelSmall {
+ 0% {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); }
+ 100% {
+ -webkit-transform: translateY(-240px);
+ transform: translateY(-240px); } }
+
+@keyframes euiControlBarOpenPanelSmall {
+ 0% {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); }
+ 100% {
+ -webkit-transform: translateY(-240px);
+ transform: translateY(-240px); } }
+
+@-webkit-keyframes euiControlBarShowContent {
+ 0% {
+ opacity: 0; }
+ 100% {
+ opacity: 1; } }
+
+@keyframes euiControlBarShowContent {
+ 0% {
+ opacity: 0; }
+ 100% {
+ opacity: 1; } }
+
+/**
+ * 1. Account for inner box-shadow style border
+ */
+.euiDatePickerRange {
+ max-width: 400px;
+ width: 100%;
+ height: auto;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 1px;
+ /* 1 */ }
+ .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 > * {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiDatePickerRange .euiFieldText.euiDatePicker {
+ box-shadow: none !important;
+ text-align: center; }
+ .euiDatePickerRange .euiDatePickerRange__start {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+ .euiDatePickerRange .euiDatePickerRange__end {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+ .euiDatePickerRange .react-datepicker-popper .euiFieldText.euiDatePicker {
+ text-align: left; }
+ .euiDatePickerRange--inGroup {
+ box-shadow: none;
+ padding: 0; }
+ .euiDatePickerRange--inGroup .euiDatePicker {
+ height: 38px; }
+ .euiDatePickerRange > .euiDatePickerRange__delimeter {
+ background-color: transparent !important;
+ line-height: 1 !important;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-left: 6px;
+ padding-right: 6px; }
+
+.euiDatePickerRange--readOnly {
+ background: #202128; }
+
+.euiSuperDatePicker__absoluteDateFormRow {
+ padding: 0 8px 8px; }
+
+.euiDatePopoverButton {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ display: block;
+ width: 100%;
+ padding: 0 8px;
+ line-height: 38px;
+ height: 38px;
+ word-break: break-all;
+ transition: background 150ms ease-in;
+ background-size: 100%; }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiDatePopoverButton {
+ line-height: 1em; } }
+ .euiDatePopoverButton::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiDatePopoverButton::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiDatePopoverButton::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiDatePopoverButton--compressed {
+ line-height: 30px;
+ height: 30px; }
+ .euiDatePopoverButton:focus, .euiDatePopoverButton-isSelected {
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%); }
+ .euiDatePopoverButton-needsUpdating {
+ background-color: #264341;
+ color: #7DDED8; }
+ .euiDatePopoverButton-needsUpdating:focus, .euiDatePopoverButton-needsUpdating.euiDatePopoverButton-isSelected {
+ background-image: linear-gradient(to top, #7DDED8, #7DDED8 2px, transparent 2px, transparent 100%); }
+ .euiDatePopoverButton-isInvalid {
+ background-color: #4a201e;
+ color: #F86B63; }
+ .euiDatePopoverButton-isInvalid:focus, .euiDatePopoverButton-isInvalid.euiDatePopoverButton-isSelected {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%); }
+ .euiDatePopoverButton:disabled {
+ background-color: #202128;
+ color: #98A2B3;
+ cursor: default; }
+
+.euiDatePopoverButton--start {
+ text-align: right; }
+
+.euiDatePopoverButton--end {
+ text-align: left; }
+
+.euiDatePopoverContent {
+ width: 400px;
+ max-width: 100%; }
+
+.euiDatePopoverContent__padded {
+ padding: 8px; }
+
+.euiDatePopoverContent__padded--large {
+ padding: 16px; }
+
+@media only screen and (max-width: 574px) {
+ .euiDatePopoverContent {
+ width: 284px; } }
+
+.euiQuickSelectPopover__content {
+ width: 400px;
+ max-width: 100%; }
+
+.euiQuickSelectPopover__section {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ max-height: 132px;
+ overflow: hidden;
+ overflow-y: auto;
+ padding: 8px 0 4px; }
+ .euiQuickSelectPopover__section::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiQuickSelectPopover__section::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiQuickSelectPopover__section::-webkit-scrollbar-corner, .euiQuickSelectPopover__section::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiQuickSelectPopover__buttonText {
+ margin-right: 4px !important; }
+
+.euiQuickSelectPopover__anchor {
+ height: 100%; }
+
+.euiQuickSelectPopover__sectionItem {
+ font-size: 14px;
+ line-height: 14px; }
+ .euiQuickSelectPopover__sectionItem:not(:last-of-type) {
+ margin-bottom: 8px; }
+
+.euiQuickSelect__applyButton {
+ min-width: 0; }
+
+.euiRefreshInterval__startButton {
+ min-width: 90px; }
+
+.euiSuperDatePicker__flexWrapper {
+ max-width: calc(100% + 8px);
+ min-width: MIN(326px, 100%);
+ width: 606px; }
+ .euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--fullWidth {
+ width: calc(100% + 8px); }
+ .euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--isQuickSelectOnly {
+ min-width: 0; }
+ .euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--autoWidth {
+ display: -webkit-inline-flex;
+ 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 {
+ -webkit-flex: 1 1 100%;
+ flex: 1 1 100%;
+ overflow: hidden; }
+ .euiSuperDatePicker > .euiFormControlLayout__childrenWrapper > .euiDatePickerRange {
+ max-width: none;
+ width: auto;
+ border-radius: 0 6px 6px 0; }
+ .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-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.euiSuperDatePicker__startPopoverButton {
+ margin-right: -12px; }
+ .euiFormControlLayout--compressed .euiSuperDatePicker__startPopoverButton {
+ margin-right: -8px; }
+
+.euiSuperDatePicker__prettyFormat {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ display: block;
+ width: 100%;
+ padding: 0 8px;
+ line-height: 38px;
+ height: 38px;
+ word-break: break-all;
+ transition: background 150ms ease-in;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ text-align: left; }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiSuperDatePicker__prettyFormat {
+ line-height: 1em; } }
+ .euiSuperDatePicker__prettyFormat::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSuperDatePicker__prettyFormat::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSuperDatePicker__prettyFormat::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSuperDatePicker__prettyFormat:not(:disabled):hover, .euiSuperDatePicker__prettyFormat:focus {
+ text-decoration: none; }
+ .euiSuperDatePicker__prettyFormat:disabled {
+ background-color: #202128;
+ color: #98A2B3;
+ cursor: not-allowed; }
+
+@media only screen and (max-width: 574px) {
+ .euiSuperDatePicker__flexWrapper {
+ width: calc(100% + 8px); } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiSuperDatePicker__flexWrapper {
+ width: calc(100% + 8px); } }
+
+.euiDataGrid {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ overflow: hidden;
+ height: 100%; }
+
+.euiDataGrid--fullScreen {
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 999;
+ background: #1D1E24; }
+ .euiDataGrid--fullScreen .euiDataGrid__pagination {
+ padding-bottom: 4px;
+ background: #25262E;
+ box-shadow: 1px 0 0 1px #343741; }
+
+.euiDataGrid__content {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ height: 100%;
+ max-width: 100%;
+ width: 100%;
+ overflow: hidden;
+ z-index: 1;
+ position: relative;
+ background: #141519;
+ font-feature-settings: 'tnum' 1; }
+
+.euiDataGrid__pagination {
+ z-index: 2;
+ padding-top: 4px;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiDataGrid__restrictBody {
+ height: 100vh;
+ overflow: hidden; }
+ .euiDataGrid__restrictBody .euiHeader {
+ z-index: 998; }
+
+.euiDataGrid__focusWrap {
+ height: 100%; }
+
+.euiDataGrid__virtualized {
+ scrollbar-color: rgba(152, 162, 179, 0.5) #1D1E24;
+ scrollbar-width: thin;
+ scroll-padding: 0; }
+ .euiDataGrid__virtualized::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGrid__virtualized::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid #1D1E24; }
+ .euiDataGrid__virtualized::-webkit-scrollbar-corner, .euiDataGrid__virtualized::-webkit-scrollbar-track {
+ background-color: #1D1E24; }
+
+.euiDataGrid__scrollOverlay {
+ position: absolute;
+ top: -1px;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ pointer-events: none;
+ box-shadow: inset 0 0 0 1px #343741; }
+ .euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay {
+ box-shadow: inset 0 -2px 0 -1px #343741; }
+ .euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom {
+ position: absolute;
+ width: 100%;
+ height: 1px;
+ background-color: #343741; }
+ .euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight {
+ position: absolute;
+ height: 100%;
+ width: 1px;
+ background-color: #343741; }
+
+.euiDataGridHeader {
+ display: -webkit-flex;
+ display: flex;
+ z-index: 3;
+ background: #1D1E24;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0; }
+
+.euiDataGridHeaderCell {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ padding: 6px;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ -webkit-align-items: center;
+ align-items: center;
+ display: -webkit-flex;
+ display: flex; }
+ .euiDataGridHeaderCell > * {
+ max-width: 100%;
+ width: 100%; }
+ .euiDataGridHeaderCell.euiDataGridHeaderCell--numeric {
+ text-align: right; }
+ .euiDataGridHeaderCell.euiDataGridHeaderCell--currency {
+ text-align: right; }
+ .euiDataGridHeaderCell:focus {
+ outline: none;
+ border-top: none; }
+ .euiDataGridHeaderCell:focus::after {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 2px solid #106C96;
+ border-radius: 4px;
+ z-index: 2;
+ pointer-events: none; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within {
+ outline: none;
+ border-top: none; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within::after {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 2px solid #106C96;
+ border-radius: 4px;
+ z-index: 2;
+ pointer-events: none; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow {
+ margin-right: 4px; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__anchor {
+ width: 100%; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ -webkit-align-items: center;
+ align-items: center;
+ display: -webkit-flex;
+ display: flex;
+ width: 100%;
+ font-weight: 700;
+ outline: none; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button .euiDataGridHeaderCell__sortingArrow {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ overflow: hidden;
+ white-space: nowrap;
+ text-align: left;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-align-self: baseline;
+ align-self: baseline; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon {
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-basis: auto;
+ flex-basis: auto;
+ width: auto;
+ padding-left: 4px; }
+
+.euiDataGridHeader__action--selected {
+ font-weight: 700 !important; }
+
+.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader {
+ background: #1D1E24; }
+
+.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
+ border-top: none;
+ border-left: none;
+ border-right: none;
+ border-bottom: 2px solid #343741;
+ border-bottom-color: #DFE5EF; }
+
+.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
+ border-bottom: 2px solid #343741;
+ border-color: #DFE5EF; }
+
+.euiDataGrid--headerShade .euiDataGridHeaderCell {
+ background: #212229; }
+
+.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell {
+ border-right: 1px solid #343741;
+ border-bottom: 1px solid #343741;
+ border-left: none; }
+ .euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type {
+ border-left: 1px solid #343741; }
+
+.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
+ border-top: none;
+ border-bottom: 1px solid #343741; }
+
+.euiDataGrid--bordersNone .euiDataGridHeaderCell {
+ border: none; }
+
+.euiDataGrid--borderhorizontal .euiDataGridHeaderCell {
+ border-top: none;
+ border-right: none;
+ border-left: none; }
+
+.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiDataGrid--fontSizeLarge .euiDataGridHeaderCell {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDataGrid--paddingSmall .euiDataGridHeaderCell {
+ padding: 4px; }
+
+.euiDataGrid--paddingLarge .euiDataGridHeaderCell {
+ padding: 8px; }
+
+.euiDataGrid--noControls.euiDataGrid--bordersAll .euiDataGridHeaderCell {
+ border-top: 1px solid #343741; }
+
+.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
+ border-top: 1px solid #343741; }
+
+.euiDataGridFooter {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiDataGridRowCell.euiDataGridFooterCell {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ font-weight: 700; }
+
+.euiDataGrid--stickyFooter .euiDataGridFooter {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0; }
+
+.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell {
+ border-top: 2px solid #343741;
+ border-top-color: #DFE5EF !important;
+ background: #1D1E24 !important; }
+
+.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell {
+ border-left: none;
+ border-right: none; }
+
+.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell {
+ border-left: none;
+ border-right: none; }
+
+.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell {
+ background: #212229; }
+
+.euiDataGridColumnResizer {
+ position: absolute;
+ top: 0;
+ right: -8px;
+ height: 100%;
+ width: 16px;
+ cursor: ew-resize;
+ opacity: 0;
+ z-index: 2; }
+ .euiDataGridColumnResizer:after {
+ content: '';
+ position: absolute;
+ left: 7px;
+ top: 0;
+ bottom: 0;
+ width: 3px;
+ background-color: #106C96; }
+ .euiDataGridColumnResizer:hover, .euiDataGridColumnResizer:active {
+ opacity: 1; }
+ .euiDataGridColumnResizer:hover ~ .euiDataGridHeaderCell__content, .euiDataGridColumnResizer:active ~ .euiDataGridHeaderCell__content {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none; }
+
+.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer {
+ right: 0;
+ width: 8px; }
+ .euiDataGridHeaderCell:last-child .euiDataGridColumnResizer:after {
+ left: auto;
+ right: 0; }
+
+.euiDataGridRow {
+ background-color: #1D1E24; }
+
+.euiDataGridRowCell {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 6px;
+ border-right: solid 1px #24272e;
+ border-bottom: 1px solid #343741;
+ overflow: hidden; }
+ .euiDataGridRowCell > * {
+ height: 100%; }
+ .euiDataGridRowCell.euiDataGridRowCell--firstColumn {
+ border-left: 1px solid #343741; }
+ .euiDataGridRowCell.euiDataGridRowCell--lastColumn {
+ border-right-color: #343741; }
+ .euiDataGridRowCell:focus {
+ outline: none; }
+ .euiDataGridRowCell:focus::after {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 2px solid #106C96;
+ border-radius: 4px;
+ z-index: 2;
+ pointer-events: none; }
+ .euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon {
+ -webkit-animation-duration: 90ms;
+ animation-duration: 90ms;
+ -webkit-animation-name: euiDataGridCellActionsSlideIn;
+ animation-name: euiDataGridCellActionsSlideIn;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+ -webkit-animation-delay: 250ms;
+ animation-delay: 250ms;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards; }
+ .euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell:focus-within .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon {
+ -webkit-animation: none;
+ animation: none;
+ margin-left: 6px;
+ width: 12px; }
+ .euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon {
+ display: none; }
+ .euiDataGridRowCell.euiDataGridRowCell--numeric {
+ text-align: right; }
+ .euiDataGridRowCell.euiDataGridRowCell--currency {
+ text-align: right; }
+ .euiDataGridRowCell.euiDataGridRowCell--uppercase {
+ text-transform: uppercase; }
+ .euiDataGridRowCell.euiDataGridRowCell--lowercase {
+ text-transform: lowercase; }
+ .euiDataGridRowCell.euiDataGridRowCell--capitalize {
+ text-transform: capitalize; }
+ .euiDataGridRowCell .euiDataGridRowCell__definedHeight {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,
+ .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate, .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,
+ .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ overflow: hidden;
+ white-space: nowrap; }
+
+.euiDataGridRowCell__popover {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow: auto;
+ max-width: 400px !important;
+ max-height: 400px !important;
+ z-index: 1000 !important; }
+ .euiDataGridRowCell__popover::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGridRowCell__popover::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiDataGridRowCell__popover::-webkit-scrollbar-corner, .euiDataGridRowCell__popover::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiDataGridRowCell__expandFlex {
+ position: relative;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: baseline;
+ align-items: baseline;
+ height: 100%; }
+ .euiDataGridRowCell--controlColumn .euiDataGridRowCell__expandFlex {
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiDataGridRowCell__expandContent {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiDataGridRowCell__contentByHeight {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ height: 100%; }
+
+.euiDataGridRowCell__expandActions {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiDataGridRowCell__expandContent + .euiDataGridRowCell__expandActions {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+ background-color: #1D1E24;
+ position: absolute;
+ right: 0;
+ top: 0;
+ padding: 6px 0; }
+
+.euiDataGridRowCell__actionButtonIcon {
+ height: 12px;
+ border-radius: 3px;
+ width: 0;
+ overflow: hidden;
+ transition: none;
+ box-shadow: none !important;
+ border: none; }
+
+.euiDataGrid--stripes .euiDataGridRow--striped {
+ background-color: #25262E; }
+ .euiDataGrid--stripes .euiDataGridRow--striped .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+ background-color: #25262E; }
+
+.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover {
+ background-color: #2E2D25; }
+ .euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+ background-color: #2E2D25; }
+
+.euiDataGrid--bordersNone .euiDataGridRowCell {
+ border-color: transparent !important; }
+
+.euiDataGrid--bordersHorizontal .euiDataGridRowCell {
+ border-right-color: transparent;
+ border-left-color: transparent; }
+
+.euiDataGrid--fontSizeSmall .euiDataGridRowCell {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.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 {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); }
+
+@-webkit-keyframes euiDataGridCellActionsSlideIn {
+ from {
+ margin-left: 0;
+ width: 0; }
+ to {
+ margin-left: 6px;
+ width: 12px; } }
+
+@keyframes euiDataGridCellActionsSlideIn {
+ from {
+ margin-left: 0;
+ width: 0; }
+ to {
+ margin-left: 6px;
+ width: 12px; } }
+
+.euiDataGrid__controls {
+ background: #141519;
+ position: relative;
+ z-index: 2;
+ border: 1px solid #343741;
+ padding: 4px 4px 4px 0;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiDataGrid__rightControls {
+ white-space: nowrap; }
+ .euiDataGrid__rightControls:only-child {
+ margin-left: auto; }
+ .euiDataGrid__rightControls > * + * {
+ margin-left: 8px; }
+
+.euiDataGrid__leftControls > * + * {
+ margin-left: 2px; }
+
+.euiDataGrid__controlBtn--active,
+.euiDataGrid__controlBtn--active:focus {
+ font-weight: 600; }
+
+.euiDataGrid--bordersNone .euiDataGrid__controls {
+ border: none;
+ background: #1D1E24; }
+
+.euiDataGrid--bordersHorizontal .euiDataGrid__controls {
+ border-right: none;
+ border-left: none;
+ border-top: none;
+ background: #1D1E24; }
+
+.euiDataGrid__controlPopoverWithDragDrop {
+ -webkit-transform: none !important;
+ transform: none !important;
+ transition: none !important;
+ margin-top: -8px; }
+
+.euiDataGrid__controlScroll {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ max-height: 400px;
+ padding: 8px;
+ margin: -8px; }
+ .euiDataGrid__controlScroll::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGrid__controlScroll::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiDataGrid__controlScroll::-webkit-scrollbar-corner, .euiDataGrid__controlScroll::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiDataGrid__controlScroll:focus {
+ outline: none;
+ /* 1 */ }
+ .euiDataGrid__controlScroll[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiDataGridColumnSelector__item {
+ padding: 4px; }
+ .euiDataGridColumnSelector__item-isDragging {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background: #1D1E24; }
+
+.euiDataGridColumnSelector__columnList {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ max-height: 400px;
+ margin: 0 -8px; }
+ .euiDataGridColumnSelector__columnList::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner, .euiDataGridColumnSelector__columnList::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiDataGridColumnSelector__columnList:focus {
+ outline: none;
+ /* 1 */ }
+ .euiDataGridColumnSelector__columnList[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiDataGridColumnSelector__itemLabel {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiDataGridColumnSorting__item-isDragging {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ background: #1D1E24; }
+
+.euiDataGridColumnSorting__fieldList {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ padding-top: 4px;
+ padding-bottom: 4px;
+ max-height: 300px; }
+ .euiDataGridColumnSorting__fieldList::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner, .euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiDataGridColumnSorting__fieldList:focus {
+ outline: none;
+ /* 1 */ }
+ .euiDataGridColumnSorting__fieldList[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiDataGridColumnSorting__field {
+ display: block;
+ padding: 4px 8px;
+ width: 100%;
+ outline-offset: -2px; }
+ .euiDataGridColumnSorting__field:hover {
+ cursor: pointer;
+ text-decoration: underline; }
+ .euiDataGridColumnSorting__field:focus {
+ cursor: pointer;
+ text-decoration: underline;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiDataGridColumnSorting__field:disabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #515761; }
+
+.euiDataGridColumnSorting__orderButtons {
+ padding-left: 24px; }
+ @media only screen and (max-width: 574px) {
+ .euiDataGridColumnSorting__orderButtons {
+ padding-left: 4px; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiDataGridColumnSorting__orderButtons {
+ padding-left: 4px; } }
+ .euiDataGridColumnSorting__orderButtons .euiDataGridColumnSorting__order {
+ min-width: 200px;
+ border: none; }
+ @media only screen and (max-width: 574px) {
+ .euiDataGridColumnSorting__orderButtons .euiDataGridColumnSorting__order {
+ min-width: unset; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiDataGridColumnSorting__orderButtons .euiDataGridColumnSorting__order {
+ min-width: unset; } }
+ .euiDataGridColumnSorting__orderButtons .euiDataGridColumnSorting__order button {
+ font-size: 12px !important; }
+
+.euiDataGrid__displayPopoverPanel {
+ width: 416px; }
+
+.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5;
+ margin-top: 16px; }
+ .euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title:first-of-type {
+ margin-top: 0; }
+
+.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--center {
+ text-align: center; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__title {
+ color: #DFE5EF;
+ font-weight: 400;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
+ color: #DFE5EF;
+ font-weight: 400;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+
+.euiDescriptionList.euiDescriptionList--column, .euiDescriptionList.euiDescriptionList--responsiveColumn {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .euiDescriptionList.euiDescriptionList--column > *, .euiDescriptionList.euiDescriptionList--responsiveColumn > * {
+ margin-top: 16px; }
+ .euiDescriptionList.euiDescriptionList--column > *:first-child,
+ .euiDescriptionList.euiDescriptionList--column > :nth-of-type(2), .euiDescriptionList.euiDescriptionList--responsiveColumn > *:first-child,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn > :nth-of-type(2) {
+ margin-top: 0; }
+ .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5;
+ width: 50%;
+ padding-right: 8px; }
+ .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ width: 50%;
+ padding-left: 8px; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--center .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title {
+ text-align: right; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
+ color: #DFE5EF;
+ font-weight: 400;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed .euiDescriptionList__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
+ color: #DFE5EF;
+ font-weight: 400;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+
+@media only screen and (max-width: 574px) {
+ .euiDescriptionList.euiDescriptionList--responsiveColumn {
+ display: block; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ width: 100%;
+ padding: 0; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ margin-top: 0; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__description {
+ text-align: center; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiDescriptionList.euiDescriptionList--responsiveColumn {
+ display: block; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ width: 100%;
+ padding: 0; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ margin-top: 0; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__description {
+ text-align: center; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; } }
+
+.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ display: inline;
+ border-radius: 4px;
+ font-weight: 500;
+ background-color: #343741;
+ padding: 1px 4px;
+ margin: 0 4px; }
+ .euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title:first-of-type {
+ margin-left: 0; }
+
+.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ display: inline; }
+
+.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding: 0 4px; }
+
+.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__description {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--center {
+ text-align: center; }
+
+.euiDraggable.euiDraggable--isDragging {
+ z-index: 9000 !important; }
+
+.euiDraggable.euiDraggable--hasClone:not(.euiDraggable--isDragging) {
+ -webkit-transform: none !important;
+ transform: none !important; }
+
+.euiDraggable.euiDraggable--withoutDropAnimation {
+ transition-duration: .001s !important; }
+
+.euiDraggable:focus > .euiDraggable__item,
+.euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus {
+ outline: 2px solid currentColor; }
+ .euiDraggable:focus > .euiDraggable__item:focus-visible,
+ .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus:focus-visible {
+ outline-style: auto; }
+ .euiDraggable:focus > .euiDraggable__item:not(:focus-visible),
+ .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus: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 500ms ease; }
+ .euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled) {
+ background-color: rgba(125, 222, 216, 0.1); }
+ .euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled).euiDroppable--isDraggingOver {
+ background-color: rgba(125, 222, 216, 0.25); }
+ .euiDroppable .euiDroppable__placeholder.euiDroppable__placeholder--isHidden {
+ display: none !important; }
+
+.euiDroppable--withPanel {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiDroppable--withPanel.euiDroppable--withPanel--hasBorder {
+ border: 1px solid #343741;
+ box-shadow: none; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiDroppable--withPanel.euiDroppable--withPanel--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--isClickable:hover, .euiDroppable--withPanel.euiDroppable--withPanel--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusNone {
+ border-radius: 0; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusMedium {
+ border-radius: 6px; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--transparent {
+ background-color: transparent; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--plain {
+ background-color: #1D1E24; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--subdued {
+ background-color: #141519; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--accent {
+ background-color: #4a2b39; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--primary {
+ background-color: #103148; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--success {
+ background-color: #264341; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--warning {
+ background-color: #493f22; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--danger {
+ background-color: #4a201e; }
+
+.euiDroppable--withPanel {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1);
+ border-radius: 6px; }
+
+.euiDroppable--noGrow {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiDroppable--grow {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiDroppable--s {
+ padding: 2px; }
+
+.euiDroppable--m {
+ padding: 4px; }
+
+.euiDroppable--l {
+ padding: 8px; }
+
+.euiEmptyPrompt {
+ text-align: center;
+ margin: auto; }
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiEmptyPrompt {
+ max-width: -webkit-max-content;
+ max-width: -moz-max-content;
+ max-width: max-content; } }
+ @media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt {
+ max-width: -webkit-max-content;
+ max-width: -moz-max-content;
+ max-width: max-content; } }
+ .euiEmptyPrompt .euiEmptyPrompt__icon > * {
+ -webkit-flex-shrink: 1;
+ flex-shrink: 1;
+ max-width: 25.71429rem; }
+ .euiEmptyPrompt.euiPanel--transparent .euiEmptyPrompt__footer {
+ background-color: #141519; }
+ .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: #141519;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--subdued .euiEmptyPrompt__footer {
+ border-top: 1px solid #343741;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--accent .euiEmptyPrompt__footer {
+ border-top: 1px solid #5d3648;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--primary .euiEmptyPrompt__footer {
+ border-top: 1px solid #164261;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--success .euiEmptyPrompt__footer {
+ border-top: 1px solid #315754;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--warning .euiEmptyPrompt__footer {
+ border-top: 1px solid #5e512c;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--danger .euiEmptyPrompt__footer {
+ border-top: 1px solid #602927;
+ border-radius: 0 0 6px 6px; }
+
+.euiEmptyPrompt--vertical .euiEmptyPrompt__main {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-justify-content: center;
+ justify-content: center;
+ min-height: 240px; }
+
+.euiEmptyPrompt--vertical .euiEmptyPrompt__contentInner {
+ max-width: 36em;
+ margin: auto; }
+
+.euiEmptyPrompt--vertical .euiEmptyPrompt__icon {
+ margin-bottom: 16px; }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiEmptyPrompt--horizontal {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ text-align: left; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt--horizontal {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ text-align: left; } }
+
+.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ align-items: center; }
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+ @media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+
+.euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center; }
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
+ min-width: 40%;
+ max-width: 50%; } }
+ @media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
+ min-width: 40%;
+ max-width: 50%; } }
+
+.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 {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__actions {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; } }
+
+.euiEmptyPrompt--paddingSmall .euiEmptyPrompt__main,
+.euiEmptyPrompt--paddingSmall .euiEmptyPrompt__footer {
+ padding: 8px; }
+
+.euiEmptyPrompt--paddingSmall.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ gap: 8px; }
+
+.euiEmptyPrompt--paddingMedium .euiEmptyPrompt__main,
+.euiEmptyPrompt--paddingMedium .euiEmptyPrompt__footer {
+ padding: 16px; }
+
+.euiEmptyPrompt--paddingMedium.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ gap: 16px; }
+
+.euiEmptyPrompt--paddingLarge .euiEmptyPrompt__main,
+.euiEmptyPrompt--paddingLarge .euiEmptyPrompt__footer {
+ padding: 24px; }
+
+.euiEmptyPrompt--paddingLarge.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ gap: 24px; }
+
+.euiErrorBoundary {
+ background: repeating-linear-gradient(45deg, rgba(248, 107, 99, 0.25), rgba(248, 107, 99, 0.25) 1px, rgba(248, 107, 99, 0.05) 1px, rgba(248, 107, 99, 0.05) 20px);
+ padding: 16px; }
+
+/**
+ * 1. Keep each expression's text together as much as possible,
+ * but then wrap long words
+ */
+.euiExpression {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ /* 1 */
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
+ letter-spacing: normal;
+ border-bottom: 2px solid transparent;
+ display: inline-block;
+ /* 1 */
+ text-align: left;
+ padding: 2px 0;
+ transition: all 250ms ease-in-out;
+ color: #DFE5EF; }
+ .euiExpression:focus {
+ border-bottom-style: solid; }
+ .euiExpression + .euiExpression {
+ margin-left: 8px; }
+ .euiExpression.euiExpression--columns {
+ border-color: transparent;
+ border-bottom-style: solid;
+ margin-bottom: 4px; }
+ .euiExpression.euiExpression--truncate {
+ max-width: 100%; }
+ .euiExpression.euiExpression--truncate .euiExpression__description,
+ .euiExpression.euiExpression--truncate .euiExpression__value {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ display: inline-block;
+ vertical-align: bottom; }
+
+.euiExpression-isUppercase .euiExpression__description {
+ text-transform: uppercase; }
+
+.euiExpression-isClickable {
+ cursor: pointer;
+ border-bottom: 2px dotted #343741; }
+ .euiExpression-isClickable:hover:not(:disabled) {
+ border-bottom-style: solid;
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+
+.euiExpression__icon {
+ margin-left: 4px; }
+
+.euiExpression-isActive {
+ border-bottom-style: solid; }
+
+.euiExpression--columns {
+ width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ padding: 4px;
+ border-radius: 4px; }
+ .euiExpression--columns.euiExpression-isClickable {
+ background-color: #25262E; }
+ .euiExpression--columns.euiExpression-isClickable:focus .euiExpression__description,
+ .euiExpression--columns.euiExpression-isClickable:focus .euiExpression__value, .euiExpression--columns.euiExpression-isClickable:hover:not(:disabled) .euiExpression__description,
+ .euiExpression--columns.euiExpression-isClickable:hover:not(:disabled) .euiExpression__value {
+ text-decoration: underline; }
+ .euiExpression--columns .euiExpression__description {
+ text-align: right;
+ margin-right: 8px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiExpression--columns .euiExpression__value {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiExpression--columns .euiExpression__icon {
+ margin-top: 4px; }
+
+.euiExpression--subdued:focus {
+ background-color: rgba(122, 127, 137, 0.1); }
+
+.euiExpression--subdued.euiExpression-isActive {
+ border-bottom-color: #7a7f89;
+ border-color: #7a7f89; }
+
+.euiExpression--subdued .euiExpression__description {
+ color: #7a7f89; }
+
+.euiExpression--primary:focus {
+ background-color: rgba(54, 162, 239, 0.1); }
+
+.euiExpression--primary.euiExpression-isActive {
+ border-bottom-color: #106C96;
+ border-color: #106C96; }
+
+.euiExpression--primary .euiExpression__description {
+ color: #106C96; }
+
+.euiExpression--success:focus {
+ background-color: rgba(125, 222, 216, 0.1); }
+
+.euiExpression--success.euiExpression-isActive {
+ border-bottom-color: #7DDED8;
+ border-color: #7DDED8; }
+
+.euiExpression--success .euiExpression__description {
+ color: #7DDED8; }
+
+.euiExpression--warning:focus {
+ background-color: rgba(243, 211, 113, 0.1); }
+
+.euiExpression--warning.euiExpression-isActive {
+ border-bottom-color: #F3D371;
+ border-color: #F3D371; }
+
+.euiExpression--warning .euiExpression__description {
+ color: #F3D371; }
+
+.euiExpression--danger:focus {
+ background-color: rgba(248, 107, 99, 0.1); }
+
+.euiExpression--danger.euiExpression-isActive {
+ border-bottom-color: #F86B63;
+ border-color: #F86B63; }
+
+.euiExpression--danger .euiExpression__description {
+ color: #F86B63; }
+
+.euiExpression--accent:focus {
+ background-color: rgba(246, 143, 190, 0.1); }
+
+.euiExpression--accent.euiExpression-isActive {
+ border-bottom-color: #F68FBE;
+ border-color: #F68FBE; }
+
+.euiExpression--accent .euiExpression__description {
+ color: #F68FBE; }
+
+/**
+ * 1. Make sure the quantity doesn't get an underline on hover
+ */
+.euiFacetButton {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ height: 32px;
+ text-align: left;
+ text-decoration: none;
+ transition: all 150ms ease-in; }
+ .euiFacetButton:hover:not(:disabled) .euiFacetButton__text, .euiFacetButton:focus:not(:disabled) .euiFacetButton__text {
+ text-decoration: underline;
+ /* 1 */ }
+ .euiFacetButton:focus {
+ background-color: rgba(54, 162, 239, 0.2);
+ box-shadow: -4px 0 rgba(54, 162, 239, 0.2), 4px 0 rgba(54, 162, 239, 0.2); }
+ .euiFacetButton:disabled {
+ color: #515761;
+ pointer-events: none; }
+ .euiFacetButton:disabled .euiFacetButton__content {
+ pointer-events: auto;
+ cursor: not-allowed; }
+ .euiFacetButton:disabled .euiFacetButton__icon,
+ .euiFacetButton:disabled .euiFacetButton__quantity {
+ opacity: .5; }
+ .euiFacetButton:disabled:focus {
+ background-color: transparent; }
+ .euiFacetButton:disabled:hover, .euiFacetButton:disabled:focus {
+ text-decoration: none; }
+
+.euiFacetButton__content {
+ height: 100%;
+ width: 100%;
+ vertical-align: middle;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiFacetButton__content .euiButtonContent__icon,
+ .euiFacetButton__content .euiButtonContent__spinner {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiFacetButton__content > * + * {
+ -webkit-margin-start: 8px;
+ margin-inline-start: 8px; }
+
+.euiFacetButton__text {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ vertical-align: middle; }
+ .euiFacetButton__text::after {
+ display: block;
+ content: attr(data-text);
+ font-weight: 700;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden; }
+ .euiFacetButton--isSelected .euiFacetButton__text {
+ font-weight: 700; }
+
+.euiFacetButton__icon {
+ transition: all 150ms ease-in; }
+
+.euiFacetGroup--gutterNone .euiFacetButton {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.euiFacetGroup--gutterNone.euiFacetGroup--horizontal {
+ margin-left: -12px; }
+ .euiFacetGroup--gutterNone.euiFacetGroup--horizontal .euiFacetButton {
+ margin-left: 12px;
+ max-width: calc(100% - 12px); }
+
+.euiFacetGroup--gutterSmall .euiFacetButton {
+ margin-top: 2px;
+ margin-bottom: 2px; }
+
+.euiFacetGroup--gutterSmall.euiFacetGroup--horizontal {
+ margin-left: -16px; }
+ .euiFacetGroup--gutterSmall.euiFacetGroup--horizontal .euiFacetButton {
+ margin-left: 16px;
+ max-width: calc(100% - 16px); }
+
+.euiFacetGroup--gutterMedium .euiFacetButton {
+ margin-top: 4px;
+ margin-bottom: 4px; }
+
+.euiFacetGroup--gutterMedium.euiFacetGroup--horizontal {
+ margin-left: -20px; }
+ .euiFacetGroup--gutterMedium.euiFacetGroup--horizontal .euiFacetButton {
+ margin-left: 20px;
+ max-width: calc(100% - 20px); }
+
+.euiFacetGroup--gutterLarge .euiFacetButton {
+ margin-top: 6px;
+ margin-bottom: 6px; }
+
+.euiFacetGroup--gutterLarge.euiFacetGroup--horizontal {
+ margin-left: -24px; }
+ .euiFacetGroup--gutterLarge.euiFacetGroup--horizontal .euiFacetButton {
+ margin-left: 24px;
+ max-width: calc(100% - 24px); }
+
+.euiFilterGroup {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ max-width: 100%;
+ border-right: 1px solid rgba(255, 255, 255, 0.1);
+ box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
+ overflow: hidden; }
+ .euiFilterGroup > * {
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ min-width: 48px; }
+ .euiFilterGroup > .euiFilterButton--noGrow {
+ -webkit-flex-grow: 0;
+ 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: -webkit-flex;
+ display: flex; }
+
+.euiFilterGroup__popoverPanel {
+ width: 288px; }
+
+@media only screen and (max-width: 574px) {
+ .euiFilterGroup {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFilterGroup {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; } }
+
+@media only screen and (max-width: 574px) {
+ .euiFilterGroup {
+ display: -webkit-flex;
+ display: flex; }
+ .euiFilterGroup .euiFilterButton {
+ -webkit-flex-grow: 1 !important;
+ flex-grow: 1 !important; } }
+
+.euiFilterButton {
+ background-color: #16171c;
+ height: 40px;
+ width: auto;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+ border-right: none;
+ font-size: 14px; }
+ .euiFilterButton:disabled {
+ color: #515761;
+ pointer-events: none; }
+ .euiFilterButton:disabled .euiFilterButton__notification {
+ opacity: .5; }
+ .euiFilterButton:hover:not(:disabled), .euiFilterButton:focus:not(:disabled) {
+ text-decoration: none; }
+ .euiFilterButton:hover:not(:disabled) .euiFilterButton__textShift, .euiFilterButton:focus:not(:disabled) .euiFilterButton__textShift {
+ text-decoration: underline; }
+
+.euiFilterButton-hasActiveFilters {
+ font-weight: 700; }
+
+.euiFilterButton--hasIcon .euiButtonEmpty__content {
+ -webkit-justify-content: space-between;
+ justify-content: space-between; }
+
+.euiFilterButton--withNext + .euiFilterButton {
+ margin-left: -4px;
+ border-left: none; }
+
+.euiFilterButton-isSelected {
+ background-color: #25262E; }
+
+.euiFilterButton__text-hasNotification {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiFilterButton__notification {
+ margin-left: 8px;
+ vertical-align: text-bottom; }
+
+.euiFilterButton__textShift {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ min-width: 48px; }
+ .euiFilterButton__textShift::after {
+ display: block;
+ content: attr(data-text);
+ font-weight: 700;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden; }
+
+.euiFilterSelectItem {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 4px 12px;
+ display: block;
+ width: 100%;
+ text-align: left;
+ color: #DFE5EF;
+ border-bottom: 1px solid #343741;
+ border-color: #202128;
+ outline-offset: -2px; }
+ .euiFilterSelectItem:hover {
+ cursor: pointer;
+ text-decoration: underline; }
+ .euiFilterSelectItem:focus {
+ cursor: pointer;
+ text-decoration: underline;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiFilterSelectItem:disabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #515761; }
+ .euiFilterSelectItem:focus, .euiFilterSelectItem-isFocused {
+ background-color: rgba(54, 162, 239, 0.2);
+ color: #106C96; }
+
+.euiFilterSelectItem__content {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.euiFilterSelect__items {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ max-height: 480px; }
+ .euiFilterSelect__items::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiFilterSelect__items::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiFilterSelect__items::-webkit-scrollbar-corner, .euiFilterSelect__items::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiFilterSelect__note {
+ height: 64px;
+ text-align: center;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: space-around;
+ justify-content: space-around; }
+
+.euiFilterSelect__noteContent {
+ color: #98A2B3;
+ font-size: 14px; }
+
+/**
+ * 1. Not always needed, but fixes an IE11 issue when flex-groups are nested under display: flex elements.
+ * 2. IE requires a unit to grow.
+ */
+.euiFlexGroup {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ /* 1 */ }
+ .euiFlexGroup .euiFlexItem {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%;
+ /* 2 */ }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFlexGroup .euiFlexItem {
+ min-width: 1px; } }
+
+.euiFlexGroup--gutterExtraSmall {
+ margin: -2px; }
+ .euiFlexGroup--gutterExtraSmall > .euiFlexItem {
+ margin: 2px; }
+
+.euiFlexGroup--gutterSmall {
+ margin: -4px; }
+ .euiFlexGroup--gutterSmall > .euiFlexItem {
+ margin: 4px; }
+
+.euiFlexGroup--gutterMedium {
+ margin: -8px; }
+ .euiFlexGroup--gutterMedium > .euiFlexItem {
+ margin: 8px; }
+
+.euiFlexGroup--gutterLarge {
+ margin: -12px; }
+ .euiFlexGroup--gutterLarge > .euiFlexItem {
+ margin: 12px; }
+
+.euiFlexGroup--gutterExtraLarge {
+ margin: -20px; }
+ .euiFlexGroup--gutterExtraLarge > .euiFlexItem {
+ margin: 20px; }
+
+.euiFlexGroup--justifyContentSpaceEvenly {
+ -webkit-justify-content: space-evenly;
+ justify-content: space-evenly; }
+
+.euiFlexGroup--justifyContentSpaceBetween {
+ -webkit-justify-content: space-between;
+ justify-content: space-between; }
+
+.euiFlexGroup--justifyContentSpaceAround {
+ -webkit-justify-content: space-around;
+ justify-content: space-around; }
+
+.euiFlexGroup--justifyContentCenter {
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.euiFlexGroup--justifyContentFlexEnd {
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end; }
+
+.euiFlexGroup--alignItemsFlexStart {
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+
+.euiFlexGroup--alignItemsCenter {
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiFlexGroup--alignItemsFlexEnd {
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+
+.euiFlexGroup--alignItemsBaseline {
+ -webkit-align-items: baseline;
+ align-items: baseline; }
+
+.euiFlexGroup--directionRow {
+ -webkit-flex-direction: row;
+ flex-direction: row; }
+
+.euiFlexGroup--directionRowReverse {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; }
+
+.euiFlexGroup--directionColumn {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+
+.euiFlexGroup--directionColumnReverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse; }
+
+.euiFlexGroup--wrap {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; }
+
+@media only screen and (max-width: 574px) {
+ .euiFlexGroup--responsive {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-left: 0;
+ margin-right: 0; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFlexGroup--responsive {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-left: 0;
+ margin-right: 0; } }
+
+.euiFlexGrid {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-bottom: 0; }
+ .euiFlexGrid > .euiFlexItem {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiFlexGrid > .euiFlexItem.euiFlexItem--flexGrowZero {
+ -webkit-flex-grow: 0 !important;
+ flex-grow: 0 !important;
+ -webkit-flex-basis: auto !important;
+ flex-basis: auto !important; }
+
+/**
+ * 1. For vertical layouts we use columns instead of flex
+ */
+.euiFlexGrid--directionColumn {
+ display: block;
+ /* 1 */
+ -webkit-column-gap: 0;
+ -moz-column-gap: 0;
+ column-gap: 0; }
+ .euiFlexGrid--directionColumn > .euiFlexItem {
+ display: inline-block;
+ /* 1 */
+ line-height: initial; }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterNone {
+ margin: 0px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterNone > .euiFlexItem {
+ margin: 0px; }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 0px);
+ flex-basis: calc(25% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterNone.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 0px);
+ flex-basis: calc(33.3% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterNone.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 0px);
+ flex-basis: calc(50% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterNone.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 0px);
+ flex-basis: calc(100% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterNone.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 0px); }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterSmall {
+ margin: -4px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterSmall > .euiFlexItem {
+ margin: 4px; }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 8px);
+ flex-basis: calc(25% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterSmall.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 8px);
+ flex-basis: calc(33.3% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterSmall.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 8px);
+ flex-basis: calc(50% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterSmall.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 8px);
+ flex-basis: calc(100% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterSmall.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 8px); }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterMedium {
+ margin: -8px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterMedium > .euiFlexItem {
+ margin: 8px; }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 16px);
+ flex-basis: calc(25% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterMedium.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 16px);
+ flex-basis: calc(33.3% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterMedium.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 16px);
+ flex-basis: calc(50% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterMedium.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 16px);
+ flex-basis: calc(100% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterMedium.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 16px); }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterLarge {
+ margin: -12px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterLarge > .euiFlexItem {
+ margin: 12px; }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 24px);
+ flex-basis: calc(25% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 24px);
+ flex-basis: calc(33.3% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 24px);
+ flex-basis: calc(50% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 24px);
+ flex-basis: calc(100% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterLarge.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 24px); }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterXLarge {
+ margin: -16px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterXLarge > .euiFlexItem {
+ margin: 16px; }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 32px);
+ flex-basis: calc(25% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterXLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 32px);
+ flex-basis: calc(33.3% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterXLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 32px);
+ flex-basis: calc(50% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterXLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 32px);
+ flex-basis: calc(100% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterXLarge.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 32px); }
+
+@media only screen and (max-width: 574px) {
+ .euiFlexGrid.euiFlexGrid--responsive {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ -webkit-column-count: 1 !important;
+ -moz-column-count: 1 !important;
+ column-count: 1 !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFlexGrid.euiFlexGrid--responsive {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ -webkit-column-count: 1 !important;
+ -moz-column-count: 1 !important;
+ column-count: 1 !important; } }
+
+/**
+ * 1. Allow EuiPanels to expand to fill the item.
+ * 2. IE11 hack forces inner content of flex items to respect a higher parent's width (mostly) and
+ * not cause weird wrapping issues.
+ */
+.euiFlexItem {
+ display: -webkit-flex;
+ display: flex;
+ /* 1 */
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ /* 1 */
+ /*
+ * 1. We need the extra specificity here to override the FlexGroup > FlexItem styles.
+ * 2. FlexItem can be manually set to not grow if needed.
+ */ }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFlexItem {
+ min-width: 1px;
+ /* 2 */ } }
+ .euiFlexItem.euiFlexItem--flexGrowZero {
+ /* 1 */
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ /* 2 */
+ -webkit-flex-basis: auto;
+ flex-basis: auto;
+ /* 2 */ }
+ .euiFlexItem.euiFlexItem--flexGrow1 {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiFlexItem.euiFlexItem--flexGrow2 {
+ -webkit-flex-grow: 2;
+ flex-grow: 2; }
+ .euiFlexItem.euiFlexItem--flexGrow3 {
+ -webkit-flex-grow: 3;
+ flex-grow: 3; }
+ .euiFlexItem.euiFlexItem--flexGrow4 {
+ -webkit-flex-grow: 4;
+ flex-grow: 4; }
+ .euiFlexItem.euiFlexItem--flexGrow5 {
+ -webkit-flex-grow: 5;
+ flex-grow: 5; }
+ .euiFlexItem.euiFlexItem--flexGrow6 {
+ -webkit-flex-grow: 6;
+ flex-grow: 6; }
+ .euiFlexItem.euiFlexItem--flexGrow7 {
+ -webkit-flex-grow: 7;
+ flex-grow: 7; }
+ .euiFlexItem.euiFlexItem--flexGrow8 {
+ -webkit-flex-grow: 8;
+ flex-grow: 8; }
+ .euiFlexItem.euiFlexItem--flexGrow9 {
+ -webkit-flex-grow: 9;
+ flex-grow: 9; }
+ .euiFlexItem.euiFlexItem--flexGrow10 {
+ -webkit-flex-grow: 10;
+ flex-grow: 10; }
+
+@media only screen and (max-width: 574px) {
+ .euiFlexGroup--responsive > .euiFlexItem,
+ .euiFlexGrid--responsive > .euiFlexItem {
+ width: 100% !important;
+ -webkit-flex-basis: 100% !important;
+ flex-basis: 100% !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ margin-bottom: 16px !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFlexGroup--responsive > .euiFlexItem,
+ .euiFlexGrid--responsive > .euiFlexItem {
+ width: 100% !important;
+ -webkit-flex-basis: 100% !important;
+ flex-basis: 100% !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ margin-bottom: 16px !important; } }
+
+.euiFlyout {
+ border-left: none;
+ box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.325), 0 9.4px 24px rgba(0, 0, 0, 0.225), 0 21.8px 43px rgba(0, 0, 0, 0.2);
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ height: 100%;
+ z-index: 1000;
+ background: #1D1E24;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ -webkit-clip-path: polygon(-50% 0, 100% 0, 100% 100%, -50% 100%);
+ clip-path: polygon(-50% 0, 100% 0, 100% 100%, -50% 100%);
+ -webkit-animation: euiFlyout 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiFlyout 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiFlyout:focus {
+ outline: none; }
+
+.euiFlyout__closeButton {
+ background-color: rgba(29, 30, 36, 0.9);
+ position: absolute;
+ right: 8px;
+ top: 8px;
+ z-index: 3; }
+ .euiFlyout__closeButton--outside {
+ box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.325), 0 9.4px 24px rgba(0, 0, 0, 0.225), 0 21.8px 43px rgba(0, 0, 0, 0.2);
+ right: auto;
+ left: 0;
+ -webkit-transform: translateX(calc(-100% - 24px)) !important;
+ transform: translateX(calc(-100% - 24px)) !important;
+ -webkit-animation: none !important;
+ animation: none !important; }
+ .euiFlyout--left .euiFlyout__closeButton--outside {
+ left: auto;
+ right: 0;
+ -webkit-transform: translateX(calc(100% + 24px)) !important;
+ transform: translateX(calc(100% + 24px)) !important; }
+
+.euiFlyoutBody__banner {
+ overflow-x: hidden; }
+
+/**
+ * 1. Calculating the minimum width based on the screen takeover breakpoint
+ */
+.euiFlyout--small {
+ min-width: 384px;
+ width: 25vw; }
+ .euiFlyout--small.euiFlyout--maxWidth-default {
+ max-width: 403px; }
+
+.euiFlyout--medium {
+ min-width: 424px;
+ width: 50vw; }
+ .euiFlyout--medium.euiFlyout--maxWidth-default {
+ max-width: 768px; }
+
+.euiFlyout--large {
+ min-width: 691px;
+ width: 75vw; }
+ .euiFlyout--large.euiFlyout--maxWidth-default {
+ max-width: 992px; }
+
+.euiFlyout--paddingNone .euiFlyoutHeader {
+ padding: 0 0 0; }
+
+.euiFlyout--paddingNone .euiFlyoutHeader--hasBorder {
+ padding-bottom: 0; }
+
+.euiFlyout--paddingNone .euiFlyoutBody__overflowContent {
+ padding: 0; }
+
+.euiFlyout--paddingNone .euiFlyoutBody__banner .euiCallOut {
+ padding-left: 0;
+ padding-right: 0; }
+
+.euiFlyout--paddingNone .euiFlyoutFooter {
+ padding: 0; }
+
+.euiFlyout--paddingSmall .euiFlyoutHeader {
+ padding: 8px 8px 0; }
+
+.euiFlyout--paddingSmall .euiFlyoutHeader--hasBorder {
+ padding-bottom: 8px; }
+
+.euiFlyout--paddingSmall .euiFlyoutBody__overflowContent {
+ padding: 8px; }
+
+.euiFlyout--paddingSmall .euiFlyoutBody__banner .euiCallOut {
+ padding-left: 8px;
+ padding-right: 8px; }
+
+.euiFlyout--paddingSmall .euiFlyoutFooter {
+ padding: 8px; }
+
+.euiFlyout--paddingMedium .euiFlyoutHeader {
+ padding: 16px 16px 0; }
+
+.euiFlyout--paddingMedium .euiFlyoutHeader--hasBorder {
+ padding-bottom: 16px; }
+
+.euiFlyout--paddingMedium .euiFlyoutBody__overflowContent {
+ padding: 16px; }
+
+.euiFlyout--paddingMedium .euiFlyoutBody__banner .euiCallOut {
+ padding-left: 16px;
+ padding-right: 16px; }
+
+.euiFlyout--paddingMedium .euiFlyoutFooter {
+ padding: 12px 16px; }
+
+.euiFlyout--paddingLarge .euiFlyoutHeader {
+ padding: 24px 24px 0; }
+
+.euiFlyout--paddingLarge .euiFlyoutHeader--hasBorder {
+ padding-bottom: 24px; }
+
+.euiFlyout--paddingLarge .euiFlyoutBody__overflowContent {
+ padding: 24px; }
+
+.euiFlyout--paddingLarge .euiFlyoutBody__banner .euiCallOut {
+ padding-left: 24px;
+ padding-right: 24px; }
+
+.euiFlyout--paddingLarge .euiFlyoutFooter {
+ padding: 16px 24px; }
+
+@-webkit-keyframes euiFlyout {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%); }
+ 75% {
+ opacity: 1;
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%); } }
+
+@keyframes euiFlyout {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%); }
+ 75% {
+ opacity: 1;
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%); } }
+
+/**
+ * 1. Leave only a small sliver exposed on small screens so users understand that this is not a new page
+ * 2. If a custom maxWidth is set, we need to override it.
+ */
+@media only screen and (max-width: 574px) {
+ .euiFlyout {
+ max-width: 90vw !important;
+ /* 1, 2 */ }
+ .euiFlyout--small {
+ min-width: 0;
+ width: 384px; }
+ .euiFlyout--medium {
+ min-width: 0;
+ width: 424px; }
+ .euiFlyout--large {
+ min-width: 0;
+ width: 691px; }
+ .euiFlyout__closeButton--outside {
+ -webkit-transform: translateX(calc(-100% - 4px)) !important;
+ transform: translateX(calc(-100% - 4px)) !important; }
+ .euiFlyout--left .euiFlyout__closeButton--outside {
+ -webkit-transform: translateX(calc(100% + 4px)) !important;
+ transform: translateX(calc(100% + 4px)) !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFlyout {
+ max-width: 90vw !important;
+ /* 1, 2 */ }
+ .euiFlyout--small {
+ min-width: 0;
+ width: 384px; }
+ .euiFlyout--medium {
+ min-width: 0;
+ width: 424px; }
+ .euiFlyout--large {
+ min-width: 0;
+ width: 691px; }
+ .euiFlyout__closeButton--outside {
+ -webkit-transform: translateX(calc(-100% - 4px)) !important;
+ transform: translateX(calc(-100% - 4px)) !important; }
+ .euiFlyout--left .euiFlyout__closeButton--outside {
+ -webkit-transform: translateX(calc(100% + 4px)) !important;
+ transform: translateX(calc(100% + 4px)) !important; } }
+
+/**
+ * Left side flyout (should only be used for navigation)
+ */
+.euiFlyout--left {
+ border-right: none;
+ border-left: none;
+ right: auto;
+ left: 0;
+ -webkit-clip-path: polygon(0 0, 150% 0, 150% 100%, 0 100%);
+ clip-path: polygon(0 0, 150% 0, 150% 100%, 0 100%);
+ -webkit-animation-name: euiFlyoutLeft;
+ animation-name: euiFlyoutLeft; }
+
+@-webkit-keyframes euiFlyoutLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%); }
+ 75% {
+ opacity: 1;
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%); } }
+
+@keyframes euiFlyoutLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%); }
+ 75% {
+ opacity: 1;
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%); } }
+
+/**
+ * Pushed style (inside body)
+ */
+.euiFlyout.euiFlyout--push {
+ box-shadow: none;
+ -webkit-clip-path: none;
+ clip-path: none;
+ -webkit-animation-duration: 0s;
+ animation-duration: 0s;
+ border-left: 2px solid #343741;
+ z-index: 999; }
+ .euiFlyout.euiFlyout--push.euiFlyout--left {
+ border-left: none;
+ border-right: 2px solid #343741; }
+
+.euiFlyoutBody {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ overflow-y: hidden;
+ height: 100%; }
+ .euiFlyoutBody .euiFlyoutBody__overflow {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .euiFlyoutBody .euiFlyoutBody__overflow::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiFlyoutBody .euiFlyoutBody__overflow::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiFlyoutBody .euiFlyoutBody__overflow::-webkit-scrollbar-corner, .euiFlyoutBody .euiFlyoutBody__overflow::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiFlyoutBody .euiFlyoutBody__overflow:focus {
+ outline: none;
+ /* 1 */ }
+ .euiFlyoutBody .euiFlyoutBody__overflow[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+ .euiFlyoutBody .euiFlyoutBody__overflow.euiFlyoutBody__overflow--hasBanner {
+ -webkit-mask-image: linear-gradient(to bottom, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .euiFlyoutBody .euiFlyoutBody__banner .euiCallOut {
+ border: none;
+ border-radius: 0; }
+
+.euiFlyoutFooter {
+ background: #25262E;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiFlyoutHeader {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiFlyoutHeader--hasBorder {
+ border-bottom: 1px solid #343741; }
+
+/**
+ * 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 {
+ width: 16px;
+ height: 16px;
+ top: 3px;
+ cursor: pointer;
+ position: absolute;
+ /* 1 */
+ opacity: 0;
+ /* 1 */
+ z-index: 1;
+ /* 1 */ }
+ .euiCheckbox .euiCheckbox__input ~ .euiCheckbox__label {
+ display: inline-block;
+ padding-left: 24px;
+ line-height: 24px;
+ font-size: 14px;
+ position: relative;
+ z-index: 2;
+ cursor: pointer; }
+ .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 4px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ display: inline-block;
+ position: absolute;
+ left: 0;
+ top: 3px; }
+ .euiCheckbox .euiCheckbox__input:checked + .euiCheckbox__square {
+ border-color: #106C96;
+ background-color: #106C96;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='rgb%2829, 30, 36%29' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E"); }
+ .euiCheckbox .euiCheckbox__input:indeterminate + .euiCheckbox__square {
+ border-color: #106C96;
+ background-color: #106C96;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%2829, 30, 36%29' fill-rule='evenodd'/%3E%3C/svg%3E"); }
+ .euiCheckbox .euiCheckbox__input[disabled] {
+ cursor: not-allowed !important; }
+ .euiCheckbox .euiCheckbox__input[disabled] ~ .euiCheckbox__label {
+ color: #535966;
+ cursor: not-allowed !important; }
+ .euiCheckbox .euiCheckbox__input[disabled] + .euiCheckbox__square {
+ border-color: #343741;
+ background-color: #343741;
+ box-shadow: none; }
+ .euiCheckbox .euiCheckbox__input:checked[disabled] + .euiCheckbox__square {
+ border-color: #343741;
+ background-color: #343741;
+ box-shadow: none;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='rgb%28166, 170, 176%29' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E"); }
+ .euiCheckbox .euiCheckbox__input:indeterminate[disabled] + .euiCheckbox__square {
+ border-color: #343741;
+ background-color: #343741;
+ box-shadow: none;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%28166, 170, 176%29' fill-rule='evenodd'/%3E%3C/svg%3E"); }
+ .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ border-color: #106C96; }
+ .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__fieldPadding--xxxsmall {
+ padding-top: 8px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xxsmall {
+ padding-top: 11px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xsmall {
+ padding-top: 11px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--small {
+ padding-top: 23px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--medium {
+ padding-top: 30.5px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--large {
+ padding-top: 41px; }
+ @media only screen and (max-width: 574px) {
+ .euiDescribedFormGroup .euiDescribedFormGroup__fields {
+ padding-top: 0; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child {
+ padding-top: 0; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiDescribedFormGroup .euiDescribedFormGroup__fields {
+ padding-top: 0; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child {
+ padding-top: 0; } }
+
+.euiFieldNumber {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px; }
+ .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; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFieldNumber {
+ line-height: 1em; } }
+ .euiFieldNumber::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldNumber::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldNumber::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldNumber:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldNumber:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldNumber:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldNumber:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldNumber:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldNumber:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldNumber[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldNumber:-webkit-autofill {
+ -webkit-text-fill-color: #343741; }
+ .euiFieldNumber:-webkit-autofill ~ .euiFormControlLayoutIcons {
+ color: #343741; }
+ .euiFieldNumber--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFieldNumber--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFieldNumber--compressed:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldNumber--compressed:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldNumber--compressed:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldNumber--compressed:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldNumber--compressed:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldNumber--compressed:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldNumber--compressed[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldNumber--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiFieldNumber--withIcon {
+ padding-left: 40px; }
+ .euiFieldNumber-isLoading {
+ padding-right: 40px; }
+ .euiFieldNumber-isLoading.euiFieldNumber--compressed {
+ padding-right: 32px; }
+
+.euiFieldNumber--withIcon.euiFieldNumber--compressed {
+ padding-left: 32px; }
+
+.euiFieldPassword {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ padding-left: 40px; }
+ .euiFieldPassword--fullWidth {
+ max-width: 100%; }
+ .euiFieldPassword--compressed {
+ height: 32px; }
+ .euiFieldPassword--inGroup {
+ height: 100%; }
+ @supports (-moz-appearance: none) {
+ .euiFieldPassword {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFieldPassword {
+ line-height: 1em; } }
+ .euiFieldPassword::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldPassword::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldPassword::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldPassword:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldPassword:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldPassword:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldPassword:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldPassword:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldPassword:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldPassword[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldPassword:-webkit-autofill {
+ -webkit-text-fill-color: #343741; }
+ .euiFieldPassword:-webkit-autofill ~ .euiFormControlLayoutIcons {
+ color: #343741; }
+ .euiFieldPassword--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFieldPassword--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFieldPassword--compressed:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldPassword--compressed:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldPassword--compressed:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldPassword--compressed:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldPassword--compressed:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldPassword--compressed:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldPassword--compressed[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldPassword--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiFieldPassword-isLoading {
+ padding-right: 40px; }
+ .euiFieldPassword-isLoading.euiFieldPassword--compressed {
+ padding-right: 32px; }
+ .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
+ * 2. Remove the X clear button from input type search in Chrome and IE
+*/
+.euiFieldSearch {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ padding-left: 40px;
+ -webkit-appearance: textfield;
+ /* 1 */ }
+ .euiFieldSearch--fullWidth {
+ max-width: 100%; }
+ .euiFieldSearch--compressed {
+ height: 32px; }
+ .euiFieldSearch--inGroup {
+ height: 100%; }
+ @supports (-moz-appearance: none) {
+ .euiFieldSearch {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFieldSearch {
+ line-height: 1em; } }
+ .euiFieldSearch::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldSearch::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldSearch::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldSearch:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldSearch:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldSearch:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldSearch:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldSearch:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldSearch:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldSearch[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldSearch:-webkit-autofill {
+ -webkit-text-fill-color: #343741; }
+ .euiFieldSearch:-webkit-autofill ~ .euiFormControlLayoutIcons {
+ color: #343741; }
+ .euiFieldSearch--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFieldSearch--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFieldSearch--compressed:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldSearch--compressed:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldSearch--compressed:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldSearch--compressed:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldSearch--compressed:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldSearch--compressed:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldSearch--compressed[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldSearch--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiFieldSearch-isLoading {
+ padding-right: 40px; }
+ .euiFieldSearch-isLoading.euiFieldSearch--compressed {
+ padding-right: 32px; }
+ .euiFieldSearch::-webkit-search-decoration, .euiFieldSearch::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ /* 1, 2 */ }
+ .euiFieldSearch::-ms-clear {
+ display: none;
+ /* 2 */ }
+ .euiFieldSearch.euiFieldSearch-isClearable {
+ padding-right: 40px; }
+ .euiFieldSearch.euiFieldSearch-isLoading {
+ padding-right: 40px; }
+ .euiFieldSearch.euiFieldSearch-isLoading.euiFieldSearch-isClearable {
+ padding-right: 62px; }
+ .euiFieldSearch.euiFieldSearch--compressed {
+ padding-left: 32px; }
+ .euiFieldSearch.euiFieldSearch--compressed.euiFieldSearch-isClearable {
+ padding-right: 32px; }
+ .euiFieldSearch.euiFieldSearch--compressed.euiFieldSearch-isLoading {
+ padding-right: 32px; }
+ .euiFieldSearch.euiFieldSearch--compressed.euiFieldSearch-isLoading.euiFieldSearch-isClearable {
+ padding-right: 54px; }
+
+.euiFieldText {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ /* 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; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFieldText {
+ line-height: 1em; } }
+ .euiFieldText::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldText::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldText::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiFieldText:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldText:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldText:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldText:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldText:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldText:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldText[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldText:-webkit-autofill {
+ -webkit-text-fill-color: #343741; }
+ .euiFieldText:-webkit-autofill ~ .euiFormControlLayoutIcons {
+ color: #343741; }
+ .euiFieldText--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFieldText--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFieldText--compressed:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldText--compressed:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldText--compressed:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldText--compressed:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldText--compressed:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldText--compressed:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFieldText--compressed[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFieldText--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiFieldText--withIcon {
+ padding-left: 40px; }
+ .euiFieldText-isLoading {
+ padding-right: 40px; }
+ .euiFieldText-isLoading.euiFieldText--compressed {
+ padding-right: 32px; }
+ .euiFieldText.euiFieldText-isInvalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+
+.euiFieldText--withIcon.euiFieldText--compressed {
+ padding-left: 32px; }
+
+.euiFieldText--isClearable {
+ padding-right: 40px; }
+
+.euiFieldText--isClearable.euiFieldText--compressed {
+ padding-right: 32px; }
+
+/**
+ * REMEMBER: --large modifiers must come last to override --compressed
+ */
+.euiFilePicker {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ position: relative; }
+ .euiFilePicker--fullWidth {
+ max-width: 100%; }
+ .euiFilePicker--compressed {
+ height: 32px; }
+ .euiFilePicker--inGroup {
+ height: 100%; }
+ .euiFilePicker.euiFilePicker--large {
+ border-radius: 6px;
+ overflow: hidden;
+ height: auto; }
+ .euiFilePicker.euiFilePicker--large.euiFilePicker--compressed {
+ border-radius: 4px; }
+
+.euiFilePicker__input {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ overflow: hidden; }
+ .euiFilePicker__input:hover {
+ cursor: pointer; }
+ .euiFilePicker__input:hover:disabled {
+ cursor: not-allowed; }
+ .euiFilePicker__input:disabled {
+ opacity: 0; }
+ .euiFilePicker__input:disabled ~ .euiFilePicker__prompt {
+ color: #535966; }
+
+.euiFilePicker__icon {
+ position: absolute;
+ left: 12px;
+ top: 12px;
+ transition: -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiFilePicker--compressed .euiFilePicker__icon {
+ top: 8px;
+ left: 8px; }
+ .euiFilePicker--large .euiFilePicker__icon {
+ position: static;
+ margin-bottom: 16px; }
+
+/**
+ * 1. Don't block the user from dropping files onto the filepicker.
+ * 2. Ensure space for import icon, loading spinner, and clear button (only if it has files)
+ * 3. Delay focus gradient or else it will only partially transition while file chooser opens
+ * 4. Static height so that it doesn't shift its surrounding contents around
+ */
+.euiFilePicker__prompt {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding-left: 40px;
+ /* 2 */
+ height: 40px;
+ padding-top: 12px;
+ padding-right: 12px;
+ padding-bottom: 12px;
+ pointer-events: none;
+ /* 1 */
+ border-radius: 6px;
+ transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms;
+ /* 3 */ }
+ @supports (-moz-appearance: none) {
+ .euiFilePicker__prompt {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFilePicker--compressed .euiFilePicker__prompt {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px;
+ padding-left: 32px;
+ /* 2 */
+ height: 32px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFilePicker--compressed .euiFilePicker__prompt {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFilePicker--large .euiFilePicker__prompt {
+ height: 128px;
+ /* 4 */
+ padding: 0 24px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center; }
+ .euiFilePicker--large.euiFilePicker--compressed .euiFilePicker__prompt {
+ height: 104px;
+ /* 4 */ }
+ .euiFilePicker-isInvalid .euiFilePicker__prompt {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+
+.euiFilePicker__promptText {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ line-height: 16px; }
+ .euiFilePicker:not(.euiFilePicker--large):not(.euiFilePicker-hasFiles) .euiFilePicker__promptText {
+ color: #535966; }
+
+.euiFilePicker__clearButton,
+.euiFilePicker__loadingSpinner {
+ position: absolute;
+ right: 12px;
+ top: 12px; }
+ .euiFilePicker--compressed .euiFilePicker__clearButton, .euiFilePicker--compressed
+ .euiFilePicker__loadingSpinner {
+ top: 8px; }
+
+/**
+ * 1. Undo the pointer-events: none applied to the enclosing prompt.
+ */
+.euiFilePicker__clearButton {
+ pointer-events: auto;
+ /* 1 */ }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton {
+ width: 16px;
+ height: 16px;
+ pointer-events: all;
+ background-color: #98A2B3;
+ border-radius: 16px;
+ line-height: 0; }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus {
+ outline: 2px solid currentColor; }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:focus-visible {
+ outline-style: auto; }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:not(:focus-visible) {
+ outline: none; }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton .euiFilePicker__clearIcon {
+ width: 8px;
+ height: 8px;
+ fill: #1D1E24;
+ stroke: #1D1E24;
+ stroke-width: 2px; }
+ .euiFilePicker--large .euiFilePicker__clearButton {
+ position: relative;
+ top: 0;
+ right: 0; }
+
+.euiFilePicker__showDrop .euiFilePicker__prompt,
+.euiFilePicker__input:focus + .euiFilePicker__prompt {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFilePicker--compressed .euiFilePicker__showDrop .euiFilePicker__prompt, .euiFilePicker--compressed
+ .euiFilePicker__input:focus + .euiFilePicker__prompt {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.euiFilePicker__input:disabled + .euiFilePicker__prompt {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFilePicker__input:disabled + .euiFilePicker__prompt::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFilePicker__input:disabled + .euiFilePicker__prompt::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFilePicker__input:disabled + .euiFilePicker__prompt::placeholder {
+ color: #535966;
+ opacity: 1; }
+
+.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-isLoading .euiFilePicker__prompt,
+.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-hasFiles .euiFilePicker__prompt {
+ padding-right: 40px;
+ /* 2 */ }
+
+.euiFilePicker-hasFiles .euiFilePicker__promptText {
+ color: #DFE5EF; }
+
+.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__promptText,
+.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__promptText {
+ text-decoration: underline; }
+
+.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__icon,
+.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__icon {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); }
+
+.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__promptText {
+ text-decoration: underline; }
+
+.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__icon {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); }
+
+.euiFilePicker--large.euiFilePicker-hasFiles .euiFilePicker__promptText {
+ font-weight: 700; }
+
+.euiForm__error {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ list-style: disc; }
+
+.euiForm__errors {
+ margin-bottom: 16px; }
+
+.euiFormControlLayout {
+ max-width: 400px;
+ width: 100%;
+ height: 40px; }
+ .euiFormControlLayout--fullWidth {
+ max-width: 100%; }
+ .euiFormControlLayout--compressed {
+ height: 32px; }
+ .euiFormControlLayout--inGroup {
+ height: 100%; }
+
+.euiFormControlLayout__childrenWrapper {
+ position: relative; }
+
+/**
+ * 1. Account for inner box-shadow style border
+ * 2. Ensure truncation works in children elements
+ */
+.euiFormControlLayout--group {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ padding: 1px;
+ /* 1 */ }
+ @supports (-moz-appearance: none) {
+ .euiFormControlLayout--group {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFormControlLayout--group > *,
+ .euiFormControlLayout--group .euiPopover__anchor,
+ .euiFormControlLayout--group .euiButtonEmpty,
+ .euiFormControlLayout--group .euiText,
+ .euiFormControlLayout--group .euiFormLabel,
+ .euiFormControlLayout--group .euiButtonIcon {
+ height: 100%; }
+ .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ overflow: hidden;
+ /* 2 */ }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend,
+ .euiFormControlLayout--group .euiFormControlLayout__append {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ height: 100%;
+ border-radius: 0; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend.euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiIcon {
+ padding: 0 8px;
+ width: 32px;
+ border-radius: 0;
+ background-color: #2c2f37; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty {
+ -webkit-transform: none !important;
+ transform: none !important; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon .euiIcon, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty .euiIcon {
+ background: none !important;
+ padding: 0;
+ width: 16px; }
+ .euiFormControlLayout--group .euiButtonIcon {
+ padding: 0 8px;
+ width: 32px;
+ border-radius: 0; }
+ .euiFormControlLayout--group .euiButtonIcon:not(:focus) {
+ background-color: #2c2f37; }
+ .euiFormControlLayout--group .euiButtonIcon:focus-visible {
+ outline: 2px solid #106C96;
+ outline-offset: -2px; }
+ .euiFormControlLayout--group .euiToolTipAnchor > .euiIcon {
+ height: 100%;
+ background-color: #2c2f37;
+ padding: 0 8px;
+ width: 32px;
+ border-radius: 0; }
+ .euiFormControlLayout--group > .euiFormControlLayout__prepend,
+ .euiFormControlLayout--group > .euiFormControlLayout__append {
+ max-width: 50%; }
+ .euiFormControlLayout--group .euiFormLabel,
+ .euiFormControlLayout--group .euiText {
+ background-color: #2c2f37;
+ padding: 12px;
+ line-height: 16px !important;
+ cursor: default !important; }
+ .euiFormControlLayout--group .euiFormLabel + *:not(.euiFormControlLayout__childrenWrapper):not(input),
+ .euiFormControlLayout--group .euiText + *:not(.euiFormControlLayout__childrenWrapper):not(input) {
+ margin-left: -12px; }
+ .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-right: none;
+ border-left: none; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ border-radius: 3px;
+ overflow: hidden; }
+ @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) {
+ margin-left: -8px; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed > *:not(.euiFormControlLayout__childrenWrapper) + .euiFormLabel,
+ .euiFormControlLayout--group.euiFormControlLayout--compressed > *:not(.euiFormControlLayout__childrenWrapper) + .euiText {
+ margin-left: -8px; }
+ .euiFormControlLayout--group.euiFormControlLayout--readOnly {
+ cursor: default;
+ background: #2c2f37;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px #2c2f37; }
+ .euiFormControlLayout--group.euiFormControlLayout--readOnly input {
+ background-color: #1D1E24; }
+
+.euiFormControlLayoutDelimited {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ padding: 1px;
+ /* 1 */ }
+ @supports (-moz-appearance: none) {
+ .euiFormControlLayoutDelimited {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFormControlLayoutDelimited .euiFormControlLayoutDelimited__delimeter {
+ background-color: #16171c; }
+ .euiFormControlLayoutDelimited > .euiFormControlLayout__childrenWrapper {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ width: 100%; }
+ .euiFormControlLayoutDelimited[class*='--compressed'] {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ border-radius: 3px; }
+ @supports (-moz-appearance: none) {
+ .euiFormControlLayoutDelimited[class*='--compressed'] {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFormControlLayoutDelimited[class*='--compressed'] .euiFormControlLayoutDelimited__input {
+ height: 100%;
+ padding-top: 0;
+ padding-bottom: 0;
+ 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 {
+ width: 100%;
+ max-width: none; }
+ .euiFormControlLayoutDelimited[class*='-isDisabled'] {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFormControlLayoutDelimited[class*='-isDisabled']::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFormControlLayoutDelimited[class*='-isDisabled']::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFormControlLayoutDelimited[class*='-isDisabled']::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiFormControlLayoutDelimited[class*='-isDisabled'] .euiFormControlLayoutDelimited__delimeter {
+ background-color: #202128; }
+ .euiFormControlLayoutDelimited[class*='--readOnly'] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiFormControlLayoutDelimited[class*='--readOnly'] input,
+ .euiFormControlLayoutDelimited[class*='--readOnly'] .euiFormControlLayoutDelimited__delimeter {
+ background-color: #1D1E24; }
+ .euiFormControlLayoutDelimited .euiFormControlLayoutIcons {
+ position: static;
+ padding-left: 12px;
+ padding-right: 12px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiFormControlLayoutDelimited .euiFormControlLayoutIcons:not(.euiFormControlLayoutIcons--right) {
+ -webkit-order: -1;
+ order: -1; }
+
+.euiFormControlLayoutDelimited__input {
+ box-shadow: none !important;
+ border-radius: 0 !important;
+ text-align: center;
+ height: 100%;
+ min-width: 0; }
+ .euiFormControlLayoutDelimited[class*='--compressed'] .euiFormControlLayoutDelimited__input {
+ max-width: none; }
+
+.euiFormControlLayoutDelimited__delimeter {
+ line-height: 1 !important;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-left: 6px;
+ padding-right: 6px; }
+
+.euiFormControlLayoutIcons {
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 12px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .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 {
+ cursor: not-allowed;
+ color: #535966; }
+
+.euiFormControlLayoutClearButton {
+ width: 16px;
+ height: 16px;
+ pointer-events: all;
+ background-color: #98A2B3;
+ border-radius: 16px;
+ line-height: 0; }
+ .euiFormControlLayoutClearButton:focus {
+ outline: 2px solid currentColor; }
+ .euiFormControlLayoutClearButton:focus:focus-visible {
+ outline-style: auto; }
+ .euiFormControlLayoutClearButton:focus:not(:focus-visible) {
+ outline: none; }
+ .euiFormControlLayoutClearButton .euiFormControlLayoutClearButton__icon {
+ width: 8px;
+ height: 8px;
+ fill: #1D1E24;
+ stroke: #1D1E24;
+ stroke-width: 2px; }
+
+.euiFormControlLayoutClearButton--small {
+ width: 12px;
+ height: 12px;
+ pointer-events: all;
+ background-color: #98A2B3;
+ border-radius: 12px;
+ line-height: 0; }
+ .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 {
+ width: 6px;
+ height: 6px;
+ fill: #1D1E24;
+ stroke: #1D1E24;
+ stroke-width: 4px; }
+
+.euiFormControlLayoutCustomIcon {
+ pointer-events: none;
+ font-size: 0; }
+
+.euiFormControlLayoutCustomIcon--clickable {
+ width: 16px;
+ height: 16px;
+ pointer-events: all; }
+ .euiFormControlLayoutCustomIcon--clickable .euiFormControlLayoutCustomIcon__icon {
+ vertical-align: baseline;
+ -webkit-transform: none;
+ transform: none; }
+ .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 {
+ cursor: not-allowed;
+ color: #535966; }
+
+.euiFormErrorText {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding-top: 4px;
+ color: #F86B63; }
+
+.euiFormLegend {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-weight: 600; }
+ .euiFormLegend:not(.euiFormLegend-isHidden) {
+ margin-bottom: 8px; }
+ .euiFormLegend:not(.euiFormLegend-isHidden).euiFormLegend--compressed {
+ margin-bottom: 4px; }
+
+.euiFormHelpText {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding-top: 4px;
+ color: #98A2B3; }
+
+/**
+ * 1. Focused state overrides invalid state.
+ * 2. Disabled state overrides pointer.
+ */
+.euiFormLabel {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-weight: 600;
+ display: inline-block;
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiFormLabel.euiFormLabel-isInvalid {
+ color: #F86B63;
+ /* 1 */ }
+ .euiFormLabel.euiFormLabel-isFocused {
+ color: #106C96;
+ /* 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: -webkit-flex;
+ display: flex;
+ /* 1 */
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ /* 1 */
+ max-width: 400px; }
+ .euiFormRow + .euiFormRow,
+ .euiFormRow + .euiButton {
+ margin-top: 16px; }
+
+.euiFormRow--fullWidth {
+ max-width: 100%; }
+
+.euiFormRow--hasEmptyLabelSpace {
+ margin-top: 22px;
+ /* 2 */
+ min-height: 40px;
+ padding-bottom: 0;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.euiFormRow__labelWrapper {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ margin-bottom: 4px; }
+
+.euiFormRow--horizontal {
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFormRow--horizontal .euiFormRow__label {
+ -webkit-hyphens: auto;
+ hyphens: auto;
+ max-width: 100%; }
+ .euiFormRow--horizontal .euiFormRow__labelWrapper {
+ display: block;
+ line-height: 31px;
+ width: calc(33% - 8px);
+ margin-right: 8px;
+ margin-bottom: 0; }
+ .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;
+ width: auto;
+ min-width: calc(33% - 8px); }
+ .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 {
+ min-height: 40px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiFormRow--compressed.euiFormRow--hasEmptyLabelSpace {
+ min-height: 32px; }
+
+.euiFormRow--compressed .euiFormRow__fieldWrapperDisplayOnly {
+ 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 {
+ width: 16px;
+ height: 16px;
+ top: 3px;
+ cursor: pointer;
+ position: absolute;
+ /* 1 */
+ opacity: 0;
+ /* 1 */
+ z-index: 1;
+ /* 1 */ }
+ .euiRadio .euiRadio__input ~ .euiRadio__label {
+ display: inline-block;
+ padding-left: 24px;
+ line-height: 24px;
+ font-size: 14px;
+ position: relative;
+ z-index: 2;
+ cursor: pointer; }
+ .euiRadio .euiRadio__input + .euiRadio__circle {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ display: inline-block;
+ position: absolute;
+ left: 0;
+ top: 3px; }
+ .euiRadio .euiRadio__input:checked + .euiRadio__circle {
+ border-color: #106C96;
+ background-color: #106C96;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%2829, 30, 36%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E"); }
+ .euiRadio .euiRadio__input[disabled] {
+ cursor: not-allowed !important; }
+ .euiRadio .euiRadio__input[disabled] ~ .euiRadio__label {
+ color: #535966;
+ cursor: not-allowed !important; }
+ .euiRadio .euiRadio__input[disabled] + .euiRadio__circle {
+ border-color: #343741;
+ background-color: #343741;
+ box-shadow: none; }
+ .euiRadio .euiRadio__input:checked[disabled] + .euiRadio__circle {
+ border-color: #343741;
+ background-color: #343741;
+ box-shadow: none;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%28166, 170, 176%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E"); }
+ .euiRadio .euiRadio__input:focus + .euiRadio__circle {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ border-color: #106C96; }
+ .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__input,
+ .euiRadio.euiRadio--inList .euiRadio__circle, .euiRadio.euiRadio--noLabel .euiRadio__input,
+ .euiRadio.euiRadio--noLabel .euiRadio__circle {
+ 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; }
+
+.euiRange__horizontalSpacer {
+ width: 16px; }
+
+.euiRange__slimHorizontalSpacer {
+ width: 8px; }
+
+.euiRangeDraggable {
+ height: 20px;
+ position: absolute;
+ top: 10px;
+ pointer-events: none;
+ z-index: 2; }
+ .euiRangeDraggable.euiRangeDraggable--compressed {
+ height: 16px;
+ top: 8px; }
+ .euiRangeDraggable.euiRangeDraggable--hasTicks {
+ top: 0; }
+ .euiRangeDraggable .euiRangeDraggle__inner {
+ position: absolute;
+ left: 16px;
+ right: 16px;
+ top: 0;
+ bottom: 0; }
+ .euiRangeDraggable:not(.euiRangeDraggable--disabled) .euiRangeDraggle__inner {
+ cursor: -webkit-grab;
+ cursor: grab;
+ pointer-events: all; }
+ .euiRangeDraggable:not(.euiRangeDraggable--disabled) .euiRangeDraggle__inner:active {
+ cursor: -webkit-grabbing;
+ cursor: grabbing; }
+
+.euiRangeHighlight {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ top: calc(50% - 3px);
+ overflow: hidden; }
+ .euiRangeHighlight__progress {
+ height: 6px;
+ border-radius: 6px;
+ background-color: #343741; }
+ .euiRangeHighlight__progress--hasFocus {
+ background-color: #106C96; }
+ .euiRangeHighlight--hasTicks {
+ top: 7px; }
+ .euiRangeHighlight--hasTicks.euiRangeHighlight--compressed {
+ top: 5px; }
+
+.euiRangeInput {
+ width: auto;
+ min-width: 64px; }
+ .euiRange__popover .euiRangeInput {
+ margin: 0 !important;
+ width: 100%; }
+
+.euiRangeLabel--min, .euiRangeLabel--max {
+ font-size: 12px; }
+
+.euiRangeLabel--min {
+ margin-right: 8px; }
+
+.euiRangeLabel--max {
+ margin-left: 8px; }
+
+.euiRangeLabel--isDisabled {
+ opacity: 0.25; }
+
+.euiRangeLevels {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: stretch;
+ justify-content: stretch;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 22px; }
+ .euiRangeLevels--hasTicks {
+ top: 12px; }
+ .euiRangeLevels--compressed {
+ top: 18px; }
+ .euiRangeLevels--compressed.euiRangeLevels--hasTicks {
+ top: 10px; }
+
+.euiRangeLevel {
+ display: block;
+ position: absolute;
+ height: 6px;
+ border-radius: 6px;
+ margin: 2px; }
+
+.euiRangeLevel--primary {
+ background-color: rgba(54, 162, 239, 0.3); }
+
+.euiRangeLevel--success {
+ background-color: rgba(125, 222, 216, 0.3); }
+
+.euiRangeLevel--warning {
+ background-color: rgba(243, 211, 113, 0.3); }
+
+.euiRangeLevel--danger {
+ background-color: rgba(248, 107, 99, 0.3); }
+
+/*
+ * Input Range Customization by browser
+ */
+.euiRangeSlider {
+ height: 40px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background: transparent;
+ width: 100%;
+ position: relative;
+ cursor: pointer;
+ z-index: 1; }
+ .euiRangeSlider:disabled {
+ cursor: not-allowed; }
+ .euiRangeSlider:disabled::-webkit-slider-thumb {
+ cursor: not-allowed;
+ border-color: #1D1E24;
+ background-color: #1D1E24;
+ box-shadow: none; }
+ .euiRangeSlider:disabled::-moz-range-thumb {
+ cursor: not-allowed;
+ border-color: #1D1E24;
+ background-color: #1D1E24;
+ box-shadow: none; }
+ .euiRangeSlider:disabled::-ms-thumb {
+ cursor: not-allowed;
+ border-color: #1D1E24;
+ background-color: #1D1E24;
+ box-shadow: none; }
+ .euiRangeSlider:disabled ~ .euiRangeThumb {
+ cursor: not-allowed;
+ border-color: #1D1E24;
+ background-color: #1D1E24;
+ box-shadow: none; }
+ .euiRangeSlider::-webkit-slider-thumb {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ cursor: pointer;
+ background-color: #98A2B3;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiRangeSlider::-moz-range-thumb {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ -moz-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ cursor: pointer;
+ background-color: #98A2B3;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiRangeSlider::-ms-thumb {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ -ms-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ cursor: pointer;
+ background-color: #98A2B3;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiRangeSlider::-webkit-slider-runnable-track {
+ height: 6px;
+ width: 100%;
+ background: #343741;
+ border: 0 solid #98A2B3;
+ border-radius: 4px; }
+ .euiRangeSlider::-moz-range-track {
+ height: 6px;
+ width: 100%;
+ background: #343741;
+ border: 0 solid #98A2B3;
+ border-radius: 4px; }
+ .euiRangeSlider::-ms-fill-lower {
+ height: 6px;
+ width: 100%;
+ background: #343741;
+ border: 0 solid #98A2B3;
+ border-radius: 4px; }
+ .euiRangeSlider::-ms-fill-upper {
+ height: 6px;
+ width: 100%;
+ background: #343741;
+ border: 0 solid #98A2B3;
+ border-radius: 4px; }
+ .euiRangeSlider:focus {
+ outline: none; }
+ .euiRangeSlider:focus-visible::-webkit-slider-thumb, .euiRangeSlider--hasFocus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 2px #106C96; }
+ .euiRangeSlider:focus-visible::-moz-range-thumb, .euiRangeSlider--hasFocus::-moz-range-thumb {
+ box-shadow: 0 0 0 2px #106C96; }
+ .euiRangeSlider:focus-visible::-ms-thumb, .euiRangeSlider--hasFocus::-ms-thumb {
+ box-shadow: 0 0 0 2px #106C96; }
+ .euiRangeSlider:focus-visible ~ .euiRangeThumb, .euiRangeSlider--hasFocus ~ .euiRangeThumb {
+ border-color: #1D1E24; }
+ .euiRangeSlider:focus-visible::-webkit-slider-runnable-track, .euiRangeSlider--hasFocus::-webkit-slider-runnable-track {
+ background-color: #106C96;
+ border-color: #106C96; }
+ .euiRangeSlider:focus-visible::-moz-range-track, .euiRangeSlider--hasFocus::-moz-range-track {
+ background-color: #106C96;
+ border-color: #106C96; }
+ .euiRangeSlider:focus-visible::-ms-fill-lower, .euiRangeSlider--hasFocus::-ms-fill-lower {
+ background-color: #106C96;
+ border-color: #106C96; }
+ .euiRangeSlider:focus-visible::-ms-fill-upper, .euiRangeSlider--hasFocus::-ms-fill-upper {
+ background-color: #106C96;
+ border-color: #106C96; }
+ .euiRangeSlider:focus-visible ~ .euiRangeHighlight .euiRangeHighlight__progress, .euiRangeSlider--hasFocus ~ .euiRangeHighlight .euiRangeHighlight__progress {
+ background-color: #106C96; }
+ .euiRangeSlider:focus-visible ~ .euiRangeTooltip .euiRangeTooltip__value, .euiRangeSlider--hasFocus ~ .euiRangeTooltip .euiRangeTooltip__value {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiRangeSlider:focus-visible ~ .euiRangeTooltip .euiRangeTooltip__value.euiRangeTooltip__value--right, .euiRangeSlider:focus-visible ~ .euiRangeTooltip .euiRangeTooltip__value.euiRangeTooltip__value--left, .euiRangeSlider--hasFocus ~ .euiRangeTooltip .euiRangeTooltip__value.euiRangeTooltip__value--right, .euiRangeSlider--hasFocus ~ .euiRangeTooltip .euiRangeTooltip__value.euiRangeTooltip__value--left {
+ -webkit-transform: translateX(0) translateY(-50%) scale(1.1);
+ transform: translateX(0) translateY(-50%) scale(1.1); }
+ .euiRangeSlider::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ margin-top: -5px; }
+ .euiRangeSlider::-ms-thumb {
+ margin-top: 0; }
+ .euiRangeSlider::-moz-focus-outer {
+ border: none; }
+ .euiRangeSlider::-ms-track {
+ height: 6px;
+ width: 100%;
+ background: transparent;
+ border-color: transparent;
+ border-width: 8px 0;
+ color: transparent; }
+ .euiRangeSlider--hasTicks {
+ height: 20px; }
+ .euiRangeSlider--compressed {
+ height: 32px; }
+ .euiRangeSlider--compressed.euiRangeSlider--hasTicks {
+ height: 16px; }
+
+.euiRangeSlider--hasRange::-webkit-slider-runnable-track {
+ background-color: rgba(52, 55, 65, 0.4);
+ border-color: rgba(152, 162, 179, 0.4); }
+
+.euiRangeSlider--hasRange::-moz-range-track {
+ background-color: rgba(52, 55, 65, 0.4);
+ border-color: rgba(152, 162, 179, 0.4); }
+
+.euiRangeSlider--hasRange::-ms-fill-lower {
+ background-color: rgba(52, 55, 65, 0.4);
+ border-color: rgba(152, 162, 179, 0.4); }
+
+.euiRangeSlider--hasRange::-ms-fill-upper {
+ background-color: rgba(52, 55, 65, 0.4);
+ border-color: rgba(152, 162, 179, 0.4); }
+
+.euiRangeThumb {
+ padding: 7px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 14px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ cursor: pointer;
+ background-color: #98A2B3;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box;
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 50%;
+ margin-top: -8px;
+ pointer-events: none;
+ z-index: 1; }
+ .euiRangeThumb:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ border-color: #106C96; }
+ .euiRangeThumb:focus:focus-visible {
+ outline-style: auto; }
+ .euiRangeThumb:focus:not(:focus-visible) {
+ outline: none; }
+ .euiRangeThumb--hasTicks {
+ top: 25%; }
+
+.euiRangeTicks {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 8px;
+ display: -webkit-flex;
+ display: flex; }
+ .euiRangeTicks--isCustom {
+ left: 2px;
+ right: 2px; }
+
+.euiRangeTick {
+ overflow-x: hidden;
+ overflow-y: hidden;
+ text-overflow: ellipsis;
+ font-size: 12px;
+ position: absolute;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ padding-top: 16px; }
+ .euiRangeTick:not(.euiRangeTick--hasTickMark)::before {
+ width: 4px;
+ height: 4px;
+ background-color: #98A2B3;
+ border-radius: 100%;
+ position: absolute;
+ top: 0;
+ content: '';
+ left: calc(50% - 2px); }
+ .euiRangeTick .euiRangeTick__pseudo {
+ width: 4px;
+ height: 4px;
+ background-color: #98A2B3;
+ border-radius: 100%;
+ position: absolute;
+ top: 0; }
+ .euiRangeTick--isCustom {
+ overflow-x: visible; }
+ .euiRangeTick--isMin, .euiRangeTick--isMax {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ .euiRangeTick--isMin .euiRangeTick__pseudo {
+ left: 0; }
+ .euiRangeTick--isMax .euiRangeTick__pseudo {
+ right: 0; }
+ .euiRangeTick:enabled:hover, .euiRangeTick:focus, .euiRangeTick--selected {
+ color: #106C96; }
+ .euiRangeTick--selected {
+ font-weight: 500; }
+ .euiRangeTick:disabled {
+ cursor: not-allowed; }
+
+.euiRangeTicks--compressed {
+ top: 6px; }
+ .euiRangeTicks--compressed .euiRangeTick {
+ padding-top: 14px; }
+
+.euiRangeTick__label {
+ pointer-events: none; }
+
+.euiRangeTooltip {
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: calc(100% - 16px);
+ margin-left: 8px;
+ pointer-events: none;
+ z-index: 2; }
+
+.euiRangeTooltip__value {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ border: 1px solid black;
+ position: absolute;
+ border-radius: 6px;
+ padding: 2px 8px;
+ background-color: black;
+ color: #FFF;
+ max-width: 256px;
+ top: 50%;
+ transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiRangeTooltip__value::after, .euiRangeTooltip__value::before {
+ content: '';
+ position: absolute;
+ bottom: -6px;
+ left: 50%;
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ background-color: black;
+ width: 12px;
+ height: 12px;
+ border-radius: 2px; }
+ .euiRangeTooltip__value::before {
+ background-color: black; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right {
+ margin-left: 24px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right:before, .euiRangeTooltip__value.euiRangeTooltip__value--right:after {
+ left: -5px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right::before {
+ margin-left: -1px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--left {
+ margin-right: 24px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--left:before, .euiRangeTooltip__value.euiRangeTooltip__value--left:after {
+ left: auto;
+ right: -5px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--left::before {
+ margin-right: -1px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right, .euiRangeTooltip__value.euiRangeTooltip__value--left {
+ -webkit-transform: translateX(0) translateY(-50%);
+ transform: translateX(0) translateY(-50%); }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right:before, .euiRangeTooltip__value.euiRangeTooltip__value--right:after, .euiRangeTooltip__value.euiRangeTooltip__value--left:before, .euiRangeTooltip__value.euiRangeTooltip__value--left:after {
+ bottom: 50%;
+ -webkit-transform: translateY(50%) rotateZ(45deg);
+ transform: translateY(50%) rotateZ(45deg); }
+ .euiRangeTooltip__value--hasTicks {
+ top: 10px; }
+ .euiRangeTooltip--compressed .euiRangeTooltip__value--hasTicks {
+ top: 8px; }
+
+.euiRangeTrack {
+ height: 100%;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ position: relative;
+ -webkit-align-self: flex-start;
+ align-self: flex-start; }
+ .euiRangeTrack--hasTicks {
+ margin-left: 1em;
+ margin-right: 1em; }
+ .euiRangeTrack--disabled {
+ opacity: 0.25; }
+
+/*
+ * 1. There's no way to target the layout of the extra input, so we must
+ * use the descendant selector to allow the width to shrink.
+ *
+ * 2. Prevent the prepend/append label from extending outside the parent element
+ */
+.euiRangeWrapper {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiRangeWrapper--fullWidth {
+ max-width: 100%; }
+ .euiRangeWrapper--compressed {
+ height: 32px; }
+ .euiRangeWrapper--inGroup {
+ height: 100%; }
+ .euiRangeWrapper > .euiFormControlLayout {
+ /* 1 */
+ width: auto; }
+ .euiRangeWrapper > .euiFormControlLayout.euiFormControlLayout--group {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ /* 2 */ }
+
+.euiDualRange__slider::-webkit-slider-thumb {
+ visibility: hidden; }
+
+.euiDualRange__slider::-moz-range-thumb {
+ visibility: hidden; }
+
+.euiDualRange__slider::-ms-thumb {
+ visibility: hidden; }
+
+/**
+ * 1. Leave room for caret.
+ * 2. Ensure the descenders don't get cut off
+ */
+.euiSelect {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ padding-right: 40px;
+ /* 1 */
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ line-height: 40px;
+ /* 2 */
+ padding-top: 0;
+ /* 2 */
+ padding-bottom: 0;
+ /* 2 */ }
+ .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; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiSelect {
+ line-height: 1em; } }
+ .euiSelect::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSelect::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSelect::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSelect:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSelect:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSelect:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSelect:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSelect:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSelect:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSelect[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSelect:-webkit-autofill {
+ -webkit-text-fill-color: #343741; }
+ .euiSelect:-webkit-autofill ~ .euiFormControlLayoutIcons {
+ color: #343741; }
+ .euiSelect--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiSelect--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiSelect--compressed:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSelect--compressed:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSelect--compressed:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSelect--compressed:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSelect--compressed:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSelect--compressed:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSelect--compressed[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSelect--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiSelect-isLoading {
+ padding-right: 62px; }
+ .euiSelect-isLoading.euiSelect--compressed {
+ padding-right: 54px; }
+ .euiSelect--compressed {
+ padding-right: 32px;
+ /* 1 */
+ line-height: 32px;
+ /* 2 */
+ padding-top: 0;
+ /* 2 */
+ padding-bottom: 0;
+ /* 2 */ }
+ .euiSelect--inGroup {
+ line-height: 38px;
+ /* 2 */ }
+ .euiSelect--inGroup.euiSelect--compressed {
+ line-height: 30px;
+ /* 2 */ }
+ .euiSelect::-ms-expand {
+ display: none; }
+ .euiSelect:focus::-ms-value {
+ color: #DFE5EF;
+ background: transparent; }
+ .euiSelect:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #DFE5EF; }
+
+.euiSuperSelect__listbox {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ max-height: 300px;
+ overflow: hidden;
+ overflow-y: auto; }
+ .euiSuperSelect__listbox::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiSuperSelect__listbox::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiSuperSelect__listbox::-webkit-scrollbar-corner, .euiSuperSelect__listbox::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiSuperSelect__item {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 8px; }
+ .euiSuperSelect__item:hover {
+ cursor: pointer;
+ text-decoration: underline; }
+ .euiSuperSelect__item:focus {
+ cursor: pointer;
+ text-decoration: underline;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiSuperSelect__item:disabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #515761; }
+
+.euiSuperSelect__item--hasDividers:not(:last-of-type) {
+ border-bottom: 1px solid #343741; }
+
+/**
+ * 1. Leave room for caret.
+ * 2. Ensure the descenders don't get cut off
+ * 3. Makes sure the height is correct when there's no selection
+ */
+.euiSuperSelectControl {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ padding-right: 40px;
+ /* 1 */
+ display: block;
+ /* 3 */
+ text-align: left;
+ line-height: 40px;
+ /* 2 */
+ padding-top: 0;
+ /* 2 */
+ padding-bottom: 0;
+ /* 2 */
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+ .euiSuperSelectControl--fullWidth {
+ max-width: 100%; }
+ .euiSuperSelectControl--compressed {
+ height: 32px; }
+ .euiSuperSelectControl--inGroup {
+ height: 100%; }
+ @supports (-moz-appearance: none) {
+ .euiSuperSelectControl {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiSuperSelectControl {
+ line-height: 1em; } }
+ .euiSuperSelectControl::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSuperSelectControl::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSuperSelectControl::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiSuperSelectControl:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSuperSelectControl:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSuperSelectControl:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSuperSelectControl:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSuperSelectControl:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSuperSelectControl:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSuperSelectControl[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSuperSelectControl:-webkit-autofill {
+ -webkit-text-fill-color: #343741; }
+ .euiSuperSelectControl:-webkit-autofill ~ .euiFormControlLayoutIcons {
+ color: #343741; }
+ .euiSuperSelectControl--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiSuperSelectControl--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiSuperSelectControl--compressed:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSuperSelectControl--compressed:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSuperSelectControl--compressed:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSuperSelectControl--compressed:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSuperSelectControl--compressed:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSuperSelectControl--compressed:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiSuperSelectControl--compressed[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiSuperSelectControl--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiSuperSelectControl-isLoading {
+ padding-right: 62px; }
+ .euiSuperSelectControl-isLoading.euiSuperSelectControl--compressed {
+ padding-right: 54px; }
+ .euiSuperSelectControl-isInvalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSuperSelectControl--compressed {
+ padding-right: 32px;
+ /* 1 */
+ line-height: 32px;
+ /* 2 */
+ padding-top: 0;
+ /* 2 */
+ padding-bottom: 0;
+ /* 2 */ }
+ .euiSuperSelectControl.euiSuperSelect--isOpen__button {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.euiSwitch {
+ position: relative;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ min-height: 20px; }
+ .euiSwitch .euiSwitch__label {
+ cursor: pointer;
+ padding-left: 8px;
+ line-height: 20px;
+ font-size: 14px;
+ vertical-align: middle;
+ display: inline-block; }
+ .euiSwitch .euiSwitch__button {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ line-height: 0; }
+ .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ border-color: #106C96; }
+ .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: rgba(83, 89, 102, 0.7); }
+ .euiSwitch .euiSwitch__button:disabled .euiSwitch__thumb {
+ border-color: #343741;
+ background-color: #343741;
+ box-shadow: none;
+ background-color: rgba(83, 89, 102, 0.7); }
+ .euiSwitch .euiSwitch__button:disabled .euiSwitch__icon {
+ fill: #a6aab0; }
+ .euiSwitch .euiSwitch__button:disabled + .euiSwitch__label {
+ color: #535966; }
+ .euiSwitch .euiSwitch__button[aria-checked='false'] .euiSwitch__body {
+ background-color: rgba(83, 89, 102, 0.7); }
+ .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 {
+ right: auto;
+ left: -34px; }
+ .euiSwitch .euiSwitch__body {
+ pointer-events: none;
+ width: 44px;
+ height: 20px;
+ background-color: #106C96;
+ display: inline-block;
+ position: relative;
+ border-radius: 20px;
+ vertical-align: middle; }
+ .euiSwitch .euiSwitch__thumb {
+ padding: 9px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 18px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ position: absolute;
+ display: inline-block;
+ left: 24px;
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiSwitch .euiSwitch__track {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ overflow: hidden;
+ border-radius: 20px; }
+ .euiSwitch .euiSwitch__icon {
+ position: absolute;
+ right: -34px;
+ top: 2px;
+ bottom: 0;
+ width: 42px;
+ height: 16px;
+ transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ fill: #DFE5EF; }
+ .euiSwitch .euiSwitch__icon--checked {
+ right: auto;
+ left: -8px;
+ fill: #1D1E24; }
+ .euiSwitch:hover .euiSwitch__button:not(:disabled) .euiSwitch__thumb {
+ -webkit-transform: scale(1.05);
+ transform: scale(1.05); }
+ .euiSwitch:hover .euiSwitch__button:active .euiSwitch__thumb {
+ -webkit-transform: scale(0.95);
+ transform: scale(0.95); }
+ .euiSwitch.euiSwitch--compressed {
+ min-height: 16px; }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__label {
+ line-height: 16px; }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__body {
+ width: 28px;
+ height: 16px;
+ border-radius: 16px; }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__thumb {
+ padding: 6px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 12px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ left: 13px;
+ top: 1px;
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__track {
+ border-radius: 16px; }
+ .euiSwitch.euiSwitch--mini {
+ min-height: 10px; }
+ .euiSwitch.euiSwitch--mini .euiSwitch__label {
+ line-height: 10px;
+ font-size: 12px; }
+ .euiSwitch.euiSwitch--mini .euiSwitch__body {
+ width: 22px;
+ height: 10px;
+ border-radius: 10px; }
+ .euiSwitch.euiSwitch--mini .euiSwitch__thumb {
+ padding: 3px;
+ border: 1px solid #66676d;
+ background: #1D1E24 no-repeat center;
+ border-radius: 6px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ left: 13px;
+ top: 1px;
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.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: #66676d; }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked='true'] .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked='true'] .euiSwitch__thumb {
+ border-color: #106C96; }
+
+.euiTextArea {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ line-height: 1.5; }
+ .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; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiTextArea {
+ line-height: 1em; } }
+ .euiTextArea::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiTextArea::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiTextArea::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiTextArea:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiTextArea:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiTextArea:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiTextArea:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiTextArea:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiTextArea:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiTextArea[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiTextArea:-webkit-autofill {
+ -webkit-text-fill-color: #343741; }
+ .euiTextArea:-webkit-autofill ~ .euiFormControlLayoutIcons {
+ color: #343741; }
+ .euiTextArea--compressed {
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiTextArea--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiTextArea--compressed:invalid {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiTextArea--compressed:focus {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiTextArea--compressed:disabled {
+ color: #535966;
+ -webkit-text-fill-color: #535966;
+ cursor: not-allowed;
+ background: #202128;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiTextArea--compressed:disabled::-webkit-input-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiTextArea--compressed:disabled::-moz-placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiTextArea--compressed:disabled::placeholder {
+ color: #535966;
+ opacity: 1; }
+ .euiTextArea--compressed[readOnly] {
+ cursor: default;
+ background: #1D1E24;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+ .euiTextArea--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiTextArea, .euiTextArea--compressed {
+ height: auto; }
+
+.euiTextArea--resizeVertical {
+ resize: vertical; }
+
+.euiTextArea--resizeHorizontal {
+ resize: horizontal; }
+
+.euiTextArea--resizeBoth {
+ resize: both; }
+
+.euiTextArea--resizeNone {
+ resize: none; }
+
+.euiHeader {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
+ height: 49px;
+ position: relative;
+ z-index: 999;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ background: #1D1E24;
+ border-bottom: 1px solid #131417; }
+ .euiHeader--fixed {
+ z-index: 1000;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0; }
+
+.euiHeader--fixed + .euiHeader--fixed {
+ top: 48px; }
+
+.euiHeader--dark {
+ background-color: #131317;
+ border-bottom-color: #131417; }
+ .euiHeader--dark .euiHeaderLogo__text,
+ .euiHeader--dark .euiHeaderLink,
+ .euiHeader--dark .euiHeaderSectionItemButton {
+ color: #FFF; }
+ .euiHeader--dark .euiHeaderLink-isActive {
+ color: #106C96; }
+ .euiHeader--dark .euiHeaderSectionItem:after {
+ background: #25262E; }
+ .euiHeader--dark .euiHeaderLogo:focus,
+ .euiHeader--dark .euiHeaderLink:focus,
+ .euiHeader--dark .euiHeaderSectionItemButton:focus {
+ background: #1b5178; }
+ .euiHeader--dark .euiHeaderSectionItemButton__notification--badge {
+ box-shadow: 0 0 0 1px #131317; }
+ .euiHeader--dark .euiHeaderSectionItemButton__notification--dot {
+ stroke: #131317; }
+
+.euiHeaderProfile {
+ padding: 16px; }
+
+.euiHeaderLinks {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiHeaderLinks__list {
+ white-space: nowrap;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiHeaderLinks__list--gutterXS > * {
+ margin: 0 4px; }
+
+.euiHeaderLinks__list--gutterS > * {
+ margin: 0 8px; }
+
+.euiHeaderLinks__list--gutterM > * {
+ margin: 0 12px; }
+
+.euiHeaderLinks__list--gutterL > * {
+ margin: 0 24px; }
+
+.euiHeaderLinks__mobileList .euiHeaderLink {
+ display: block;
+ width: 100%;
+ padding: 8px; }
+ .euiHeaderLinks__mobileList .euiHeaderLink > span {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; }
+
+.euiHeaderLogo {
+ text-align: left;
+ font-weight: 500;
+ position: relative;
+ height: 40px;
+ line-height: 40px;
+ min-width: 41px;
+ padding: 0 13px 0 12px;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: center;
+ align-items: center;
+ vertical-align: middle;
+ white-space: nowrap; }
+ .euiHeaderLogo:hover {
+ text-decoration: underline; }
+ .euiHeaderLogo:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ text-decoration: underline;
+ 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 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem;
+ font-weight: 700;
+ padding-left: 16px;
+ font-weight: 300; }
+
+@media only screen and (max-width: 574px) {
+ .euiHeaderLogo {
+ padding: 0 12px; }
+ .euiHeaderLogo__icon.euiIcon--xLarge {
+ width: 24px;
+ height: 24px; }
+ .euiHeaderLogo__text {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 400; } }
+
+.euiHeaderAlert {
+ min-width: 300px;
+ position: relative;
+ margin-bottom: 24px;
+ padding: 0 8px 24px;
+ border-bottom: 1px solid #343741;
+ border-top: none; }
+ .euiHeaderAlert .euiHeaderAlert__dismiss {
+ opacity: 0;
+ position: absolute;
+ right: 12px;
+ top: 12px;
+ transition: opacity 250ms ease-in; }
+ .euiHeaderAlert:hover .euiHeaderAlert__dismiss,
+ .euiHeaderAlert .euiHeaderAlert__dismiss:focus {
+ opacity: 1; }
+ .euiHeaderAlert .euiHeaderAlert__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ margin-bottom: 8px; }
+ .euiHeaderAlert .euiHeaderAlert__text {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ margin-bottom: 16px; }
+ .euiHeaderAlert .euiHeaderAlert__action {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiHeaderAlert .euiHeaderAlert__date {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ color: #98A2B3; }
+
+.euiHeaderBreadcrumbs {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ margin-left: 12px;
+ margin-right: 12px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiHeaderSection {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiHeaderSection--grow,
+.euiHeaderSection--left {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiHeaderSection--dontGrow {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiHeaderSectionItem {
+ position: relative;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiHeaderSectionItem:after {
+ position: absolute;
+ content: '';
+ top: 16px;
+ bottom: 0;
+ background: #343741;
+ left: 0; }
+
+.euiHeaderSectionItem--borderLeft:after {
+ left: 0;
+ width: 1px; }
+
+.euiHeaderSectionItem--borderRight:after {
+ width: 1px;
+ left: auto;
+ right: 0; }
+
+@media only screen and (max-width: 574px) {
+ .euiHeaderSectionItem {
+ min-width: 30px; }
+ .euiHeaderSectionItem--borderLeft:after,
+ .euiHeaderSectionItem--borderRight:after {
+ display: none; } }
+
+.euiHeaderSectionItemButton {
+ position: relative;
+ height: 40px;
+ min-width: 40px;
+ text-align: center;
+ font-size: 0; }
+
+.euiHeaderSectionItemButton__notification {
+ position: absolute; }
+ .euiHeaderSectionItemButton__notification--dot {
+ top: 0;
+ right: 0;
+ stroke: #1D1E24; }
+ .euiHeaderSectionItemButton__notification--badge {
+ top: 9%;
+ right: 9%;
+ box-shadow: 0 0 0 1px #1D1E24; }
+
+.euiHeaderSectionItemButton__content {
+ display: inline-block; }
+
+@media only screen and (max-width: 574px) {
+ .euiHeaderSectionItemButton {
+ min-width: 30px; }
+ .euiHeaderSectionItemButton__notification.euiHeaderSectionItemButton__notification--dot {
+ width: 16px;
+ height: 16px;
+ top: 9%; } }
+
+.euiHealth {
+ display: inline-block; }
+
+.euiHealth--textSizeXS {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiHealth--textSizeS {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiHealth--textSizeM {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem; }
+
+.euiHealth--textSizeInherit {
+ font-size: inherit; }
+
+.euiHorizontalRule {
+ border: none;
+ height: 1px;
+ background-color: #343741;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiHorizontalRule.euiHorizontalRule--full {
+ width: 100%; }
+ .euiHorizontalRule.euiHorizontalRule--half {
+ width: 50%;
+ margin-left: auto;
+ margin-right: auto; }
+ .euiHorizontalRule.euiHorizontalRule--quarter {
+ width: 25%;
+ margin-left: auto;
+ margin-right: auto; }
+
+.euiHorizontalRule--marginXSmall {
+ margin: 8px 0; }
+
+.euiHorizontalRule--marginSmall {
+ margin: 12px 0; }
+
+.euiHorizontalRule--marginMedium {
+ margin: 16px 0; }
+
+.euiHorizontalRule--marginLarge {
+ margin: 24px 0; }
+
+.euiHorizontalRule--marginXLarge {
+ margin: 32px 0; }
+
+.euiHorizontalRule--marginXXLarge {
+ margin: 40px 0; }
+
+.euiIcon {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: inline-block;
+ vertical-align: middle;
+ fill: currentColor;
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0); }
+ .euiIcon:focus {
+ opacity: 1;
+ background: rgba(54, 162, 239, 0.2); }
+
+.euiIcon--app {
+ fill: #DFE5EF; }
+ .euiIcon--app .euiIcon__fillSecondary {
+ fill: #7DDED8; }
+
+.euiIcon-isLoading {
+ opacity: 0.05;
+ background-color: currentColor;
+ border-radius: 6px; }
+
+.euiIcon-isLoaded {
+ -webkit-animation: euiIconLoading 250ms ease-in 0s 1 forwards;
+ animation: euiIconLoading 250ms ease-in 0s 1 forwards; }
+
+.euiIcon--accent {
+ color: #F68FBE; }
+
+.euiIcon--danger {
+ color: #F86B63; }
+
+.euiIcon--ghost {
+ color: #FFF; }
+
+.euiIcon--primary {
+ color: #106C96; }
+
+.euiIcon--success {
+ color: #7DDED8; }
+
+.euiIcon--subdued {
+ color: #7a7f89; }
+
+.euiIcon--text {
+ color: #DFE5EF; }
+
+.euiIcon--warning {
+ color: #F3D371; }
+
+.euiIcon--inherit {
+ color: inherit; }
+
+.euiIcon--ghost:not([data-type='logoElastic']) *[fill],
+.euiIcon--ghost:not([data-type='logoElastic']) .euiIcon__fillNegative,
+.euiIcon--text:not([data-type='logoElastic']) *[fill],
+.euiIcon--text:not([data-type='logoElastic']) .euiIcon__fillNegative {
+ fill: currentColor !important; }
+
+.euiIcon--ghost[data-type='logoElastic'] *[fill],
+.euiIcon--text[data-type='logoElastic'] *[fill] {
+ fill: none !important; }
+
+.euiIcon--ghost[data-type='logoElastic'] .outline,
+.euiIcon--text[data-type='logoElastic'] .outline {
+ fill: currentColor !important; }
+
+.euiIcon__fillNegative {
+ fill: #D4DAE5; }
+
+.euiIcon--small {
+ width: 12px;
+ height: 12px; }
+
+.euiIcon--medium {
+ width: 16px;
+ height: 16px; }
+
+.euiIcon--large {
+ width: 24px;
+ height: 24px; }
+
+.euiIcon--xLarge {
+ width: 32px;
+ height: 32px; }
+
+.euiIcon--xxLarge {
+ width: 40px;
+ height: 40px; }
+
+@-webkit-keyframes euiIconLoading {
+ 0% {
+ opacity: 0.05; }
+ 100% {
+ opacity: 1; } }
+
+@keyframes euiIconLoading {
+ 0% {
+ opacity: 0.05; }
+ 100% {
+ opacity: 1; } }
+
+/**
+ * 1. Fix for IE where the image correctly resizes in width but doesn't collapse its height
+ (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
+ */
+.euiImage {
+ display: inline-block;
+ max-width: 100%;
+ position: relative;
+ min-height: 1px;
+ /* 1 */
+ line-height: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiImage .euiImage__img {
+ margin-bottom: 0;
+ max-width: 100%; }
+ .euiImage.euiImage--hasShadow .euiImage__img {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiImage .euiImage__button {
+ position: relative;
+ cursor: pointer;
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiImage .euiImage__button:focus {
+ outline: 2px solid #106C96; }
+ .euiImage .euiImage__button:hover .euiImage__icon {
+ visibility: visible;
+ fill-opacity: 1; }
+ .euiImage .euiImage__button--fullWidth {
+ width: 100%; }
+ .euiImage.euiImage--allowFullScreen:hover .euiImage__caption {
+ text-decoration: underline; }
+ .euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:hover,
+ .euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:focus {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:hover,
+ .euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
+ .euiImage.euiImage--small .euiImage__img {
+ width: 8.57143rem; }
+ .euiImage.euiImage--medium .euiImage__img {
+ width: 14.28571rem; }
+ .euiImage.euiImage--large .euiImage__img {
+ width: 25.71429rem; }
+ .euiImage.euiImage--xlarge .euiImage__img {
+ width: 42.85714rem; }
+ .euiImage.euiImage--fullWidth {
+ width: 100%; }
+ .euiImage.euiImage--original .euiImage__img {
+ width: auto;
+ max-width: 100%; }
+ .euiImage.euiImage--floatLeft {
+ float: left; }
+ .euiImage.euiImage--floatLeft[class*='euiImage--margin'] {
+ margin-left: 0;
+ margin-top: 0; }
+ .euiImage.euiImage--floatRight {
+ float: right; }
+ .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
+ margin-right: 0;
+ margin-top: 0; }
+ .euiImage.euiImage--marginSmall {
+ margin: 8px; }
+ .euiImage.euiImage--marginMedium {
+ margin: 16px; }
+ .euiImage.euiImage--marginLarge {
+ margin: 24px; }
+ .euiImage.euiImage--marginXlarge {
+ margin: 32px; }
+
+.euiImage__img {
+ width: 100%;
+ vertical-align: middle; }
+
+.euiImage__caption {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ margin-top: 4px;
+ text-align: center; }
+
+.euiImage__icon {
+ visibility: hidden;
+ fill-opacity: 0;
+ position: absolute;
+ right: 16px;
+ top: 16px;
+ transition: fill-opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ cursor: pointer; }
+
+.euiImage-isFullScreen {
+ position: relative;
+ max-height: 80vh;
+ max-width: 80vw;
+ -webkit-animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiImage-isFullScreen:hover .euiImage__button {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
+ .euiImage-isFullScreen:hover .euiImage__caption {
+ text-decoration: underline; }
+ .euiImage-isFullScreen__img {
+ max-height: 80vh;
+ max-width: 80vw;
+ vertical-align: middle;
+ cursor: pointer;
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+
+.euiImage-isFullScreenCloseIcon {
+ position: absolute;
+ right: 16px;
+ top: 16px;
+ pointer-events: none; }
+
+@-webkit-keyframes euiImageFullScreen {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(64px);
+ transform: translateY(64px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiImageFullScreen {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(64px);
+ transform: translateY(64px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@media only screen and (max-width: 574px) {
+ .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
+ float: none; }
+ .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
+ margin-top: inherit;
+ margin-right: inherit;
+ margin-bottom: inherit;
+ margin-left: inherit; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
+ float: none; }
+ .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
+ margin-top: inherit;
+ margin-right: inherit;
+ margin-bottom: inherit;
+ margin-left: inherit; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
+ float: none; }
+ .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
+ margin-top: inherit;
+ margin-right: inherit;
+ margin-bottom: inherit;
+ margin-left: inherit; } }
+
+/**
+ * 1. Default to grid of 3
+ */
+.euiKeyPadMenu {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: 300px;
+ max-width: 100%;
+ margin-bottom: -4px;
+ margin-right: -4px; }
+ .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 {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ /* 1 */
+ display: block;
+ padding: 4px;
+ height: 96px;
+ width: 96px;
+ border: 1px solid #343741;
+ border-color: transparent;
+ border-radius: 6px;
+ color: #DFE5EF; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiKeyPadMenuItem {
+ transition: background-color 150ms ease-in, border-color 150ms ease-in, box-shadow 150ms ease-in; } }
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within {
+ cursor: pointer;
+ text-decoration: underline;
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ border-color: #343741; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within .euiKeyPadMenuItem__icon {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
+ cursor: pointer;
+ text-decoration: underline;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #515761; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon {
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%); }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon svg * {
+ fill: #515761; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ color: #DFE5EF; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected {
+ border-color: #343741; }
+ .euiKeyPadMenuItem:not(:hover):not(:focus):not(:focus-within):not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput, .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled:not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput {
+ position: absolute;
+ top: auto;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ clip: rect(0 0 0 0);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ overflow: hidden;
+ margin: -1px; }
+
+.euiKeyPadMenuItem__inner {
+ width: 100%;
+ height: 100%;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ position: relative; }
+ .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput {
+ -webkit-transform: scale(0.75);
+ transform: scale(0.75);
+ -webkit-transform-origin: top right;
+ transform-origin: top right; }
+ .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput,
+ .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadge {
+ position: absolute;
+ top: 4px;
+ right: 4px;
+ z-index: 3; }
+
+.euiKeyPadMenuItem__icon {
+ transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ margin-bottom: 12px;
+ -webkit-transform: translateY(2px);
+ transform: translateY(2px); }
+
+.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):hover, .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within {
+ background-color: rgba(54, 162, 239, 0.2);
+ color: #106C96;
+ border-color: #106C96; }
+
+.euiLink {
+ text-align: left;
+ font-weight: 500; }
+ .euiLink:hover {
+ text-decoration: underline; }
+ .euiLink:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ text-decoration: underline;
+ text-decoration-thickness: 2px !important; }
+ .euiLink:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink[target='_blank'] {
+ position: relative; }
+ .euiLink[target='_blank'] .euiScreenReaderOnly {
+ left: 0; }
+ .euiLink .euiLink__externalIcon {
+ margin-left: 4px; }
+ .euiLink.euiLink-disabled {
+ font-weight: inherit;
+ text-decoration: none;
+ cursor: default; }
+ .euiLink.euiLink--subdued {
+ color: #7a7f89; }
+ .euiLink.euiLink--subdued:hover, .euiLink.euiLink--subdued:focus, .euiLink.euiLink--subdued:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--subdued:target {
+ color: #62666e; }
+ .euiLink.euiLink--subdued:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--subdued:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--subdued:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--primary {
+ color: #106C96; }
+ .euiLink.euiLink--primary:hover, .euiLink.euiLink--primary:focus, .euiLink.euiLink--primary:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--primary:target {
+ color: #128ae0; }
+ .euiLink.euiLink--primary:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--primary:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--primary:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--success {
+ color: #7DDED8; }
+ .euiLink.euiLink--success:hover, .euiLink.euiLink--success:focus, .euiLink.euiLink--success:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--success:target {
+ color: #54d4cc; }
+ .euiLink.euiLink--success:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--success:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--success:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--accent {
+ color: #F68FBE; }
+ .euiLink.euiLink--accent:hover, .euiLink.euiLink--accent:focus, .euiLink.euiLink--accent:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--accent:target {
+ color: #f260a3; }
+ .euiLink.euiLink--accent:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--accent:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--accent:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--warning {
+ color: #F3D371; }
+ .euiLink.euiLink--warning:hover, .euiLink.euiLink--warning:focus, .euiLink.euiLink--warning:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--warning:target {
+ color: #efc442; }
+ .euiLink.euiLink--warning:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--warning:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--warning:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--danger {
+ color: #F86B63; }
+ .euiLink.euiLink--danger:hover, .euiLink.euiLink--danger:focus, .euiLink.euiLink--danger:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--danger:target {
+ color: #f63d32; }
+ .euiLink.euiLink--danger:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--danger:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--danger:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--text {
+ color: #DFE5EF; }
+ .euiLink.euiLink--text:hover, .euiLink.euiLink--text:focus, .euiLink.euiLink--text:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--text:target {
+ color: #bdc9de; }
+ .euiLink.euiLink--text:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--text:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--text:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--ghost {
+ color: #FFF; }
+ .euiLink.euiLink--ghost:hover, .euiLink.euiLink--ghost:focus, .euiLink.euiLink--ghost:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--ghost:target {
+ color: #e6e6e6; }
+ .euiLink.euiLink--ghost:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--ghost:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--ghost:focus:not(:focus-visible) {
+ outline: none; }
+
+button.euiLink {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ user-select: text; }
+
+/**
+ * The List Group component provides neatly styled lists containing plain text
+ * or links. The outer container can be bordered, with padding, or borderless
+ * with links flush to the sides.
+ */
+.euiListGroup.euiListGroup-flush {
+ padding: 0;
+ border: none; }
+
+.euiListGroup.euiListGroup-bordered {
+ border-radius: 6px;
+ border: 1px solid #343741; }
+
+.euiListGroup-maxWidthDefault {
+ max-width: 400px; }
+
+.euiListGroup--gutterSmall {
+ padding: 8px; }
+ .euiListGroup--gutterSmall .euiListGroupItem:not(:first-of-type) {
+ margin-top: 8px; }
+
+.euiListGroup--gutterMedium {
+ padding: 16px; }
+ .euiListGroup--gutterMedium .euiListGroupItem:not(:first-of-type) {
+ margin-top: 16px; }
+
+.euiListGroupItem {
+ padding: 0;
+ border-radius: 6px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ transition: background-color 150ms;
+ position: relative; }
+ .euiListGroupItem.euiListGroupItem-isActive, .euiListGroupItem.euiListGroupItem-isClickable:hover {
+ background-color: rgba(52, 55, 65, 0.25); }
+ .euiListGroupItem.euiListGroupItem-isClickable:focus-within {
+ background-color: rgba(52, 55, 65, 0.25); }
+ .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:hover {
+ background-color: rgba(255, 255, 255, 0.1); }
+ .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:focus-within {
+ background-color: rgba(255, 255, 255, 0.1); }
+ .euiListGroupItem.euiListGroupItem-isClickable:hover .euiListGroupItem__button,
+ .euiListGroupItem .euiListGroupItem__button:hover,
+ .euiListGroupItem .euiListGroupItem__button:focus {
+ text-decoration: underline; }
+ .euiListGroupItem.euiListGroupItem-isDisabled, .euiListGroupItem.euiListGroupItem-isDisabled:hover, .euiListGroupItem.euiListGroupItem-isDisabled:focus,
+ .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:hover,
+ .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:focus {
+ color: #515761;
+ cursor: not-allowed;
+ background-color: transparent;
+ text-decoration: none; }
+
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiListGroupItem__button:hover,
+ .euiListGroupItem__button:focus {
+ background-color: rgba(52, 55, 65, 0.25);
+ border-radius: 6px; }
+ .euiListGroupItem__button:hover .euiListGroupItem--ghost .euiListGroupItem__button:hover,
+ .euiListGroupItem__button:hover .euiListGroupItem--ghost .euiListGroupItem__button:focus,
+ .euiListGroupItem__button:focus .euiListGroupItem--ghost .euiListGroupItem__button:hover,
+ .euiListGroupItem__button:focus .euiListGroupItem--ghost .euiListGroupItem__button:focus {
+ background-color: rgba(255, 255, 255, 0.1); } }
+
+.euiListGroupItem__text,
+.euiListGroupItem__button {
+ line-height: 24px;
+ padding: 4px 8px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex: 1 0 auto;
+ flex: 1 0 auto;
+ text-align: left;
+ max-width: 100%;
+ font-weight: inherit; }
+ .euiListGroupItem-hasExtraAction .euiListGroupItem__text, .euiListGroupItem-hasExtraAction
+ .euiListGroupItem__button {
+ max-width: calc(100% - 32px); }
+ .euiListGroupItem--primary .euiListGroupItem__text:not(:disabled), .euiListGroupItem--primary
+ .euiListGroupItem__button:not(:disabled) {
+ color: #106C96; }
+ .euiListGroupItem--text .euiListGroupItem__text:not(:disabled), .euiListGroupItem--text
+ .euiListGroupItem__button:not(:disabled) {
+ color: #DFE5EF; }
+ .euiListGroupItem--subdued .euiListGroupItem__text:not(:disabled), .euiListGroupItem--subdued
+ .euiListGroupItem__button:not(:disabled) {
+ color: #7a7f89; }
+ .euiListGroupItem--ghost .euiListGroupItem__text:not(:disabled), .euiListGroupItem--ghost
+ .euiListGroupItem__button:not(:disabled) {
+ color: #FFF; }
+ .euiListGroupItem-isActive:not(.euiListGroupItem--ghost) .euiListGroupItem__text, .euiListGroupItem-isActive:not(.euiListGroupItem--ghost)
+ .euiListGroupItem__button {
+ color: #DFE5EF; }
+
+.euiListGroupItem__label {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+
+.euiListGroupItem__extraAction {
+ opacity: 0;
+ margin-right: 8px;
+ transition: opacity 150ms; }
+ .euiListGroupItem:not(.euiListGroupItem-isDisabled):focus .euiListGroupItem__extraAction,
+ .euiListGroupItem:not(.euiListGroupItem-isDisabled):hover .euiListGroupItem__extraAction, .euiListGroupItem__extraAction.euiListGroupItem__extraAction-alwaysShow, .euiListGroupItem__extraAction:focus {
+ opacity: 1; }
+
+.euiListGroupItem__icon {
+ margin-right: 12px;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiListGroupItem--xSmall {
+ font-size: 12px; }
+
+.euiListGroupItem--small {
+ font-size: 14px; }
+
+.euiListGroupItem--medium {
+ font-size: 14px; }
+
+.euiListGroupItem--large {
+ font-size: 22px; }
+
+.euiListGroupItem--xSmall,
+.euiListGroupItem--small {
+ font-weight: 500;
+ letter-spacing: 0; }
+
+.euiListGroupItem--xSmall .euiListGroupItem__button,
+.euiListGroupItem--xSmall .euiListGroupItem__text {
+ line-height: 16px; }
+
+.euiListGroupItem--large .euiListGroupItem__button,
+.euiListGroupItem--large .euiListGroupItem__text {
+ line-height: 32px; }
+
+.euiListGroupItem--wrapText .euiListGroupItem__button,
+.euiListGroupItem--wrapText .euiListGroupItem__text {
+ width: 100%;
+ word-break: break-word; }
+
+.euiListGroupItem--wrapText .euiListGroupItem__label {
+ white-space: inherit; }
+
+.euiListGroup-flush .euiListGroupItem {
+ border-radius: 0; }
+
+.euiListGroup-bordered .euiListGroupItem:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px; }
+
+.euiListGroup-bordered .euiListGroupItem:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.euiListGroupItem__tooltip {
+ width: 100%; }
+
+.euiPinnableListGroup__itemExtraAction svg {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg); }
+
+.euiPinnableListGroup__itemExtraAction-pinned:not(:hover):not(:focus) {
+ color: #62656d; }
+
+.euiLoadingElastic {
+ position: relative;
+ display: inline-block; }
+
+.euiLoadingElastic--medium {
+ width: 16px; }
+
+.euiLoadingElastic--large {
+ width: 24px; }
+
+.euiLoadingElastic--xLarge {
+ width: 32px; }
+
+.euiLoadingElastic--xxLarge {
+ width: 40px; }
+
+.euiLoadingElastic path {
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+ -webkit-animation-direction: alternate;
+ animation-direction: alternate;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: cubic-bezier(0, 0.63, 0.49, 1);
+ animation-timing-function: cubic-bezier(0, 0.63, 0.49, 1);
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingElastic path {
+ -webkit-animation-name: euiLoadingElastic;
+ animation-name: euiLoadingElastic; } }
+
+.euiLoadingElastic path:nth-of-type(1) {
+ -webkit-animation-delay: 0s;
+ animation-delay: 0s; }
+
+.euiLoadingElastic path:nth-of-type(2) {
+ -webkit-animation-delay: .035s;
+ animation-delay: .035s; }
+
+.euiLoadingElastic path:nth-of-type(3) {
+ -webkit-animation-delay: .125s;
+ animation-delay: .125s; }
+
+.euiLoadingElastic path:nth-of-type(4) {
+ -webkit-animation-delay: .155s;
+ animation-delay: .155s; }
+
+.euiLoadingElastic path:nth-of-type(5) {
+ -webkit-animation-delay: .075s;
+ animation-delay: .075s; }
+
+.euiLoadingElastic path:nth-of-type(6) {
+ -webkit-animation-delay: .06s;
+ animation-delay: .06s; }
+
+@-webkit-keyframes euiLoadingElastic {
+ 0% {
+ -webkit-transform: scale3d(0, 0, -0.7);
+ transform: scale3d(0, 0, -0.7);
+ opacity: 0; }
+ 40% {
+ -webkit-transform: scale3d(1, 1, 2);
+ transform: scale3d(1, 1, 2);
+ opacity: 1; }
+ 50% {
+ -webkit-transform: scale3d(0.99, 0.99, 2);
+ transform: scale3d(0.99, 0.99, 2); }
+ 70% {
+ -webkit-transform: scale3d(0.96, 0.96, -2.5);
+ transform: scale3d(0.96, 0.96, -2.5); }
+ 100% {
+ -webkit-transform: scale3d(0.98, 0.98, 2);
+ transform: scale3d(0.98, 0.98, 2); } }
+
+@keyframes euiLoadingElastic {
+ 0% {
+ -webkit-transform: scale3d(0, 0, -0.7);
+ transform: scale3d(0, 0, -0.7);
+ opacity: 0; }
+ 40% {
+ -webkit-transform: scale3d(1, 1, 2);
+ transform: scale3d(1, 1, 2);
+ opacity: 1; }
+ 50% {
+ -webkit-transform: scale3d(0.99, 0.99, 2);
+ transform: scale3d(0.99, 0.99, 2); }
+ 70% {
+ -webkit-transform: scale3d(0.96, 0.96, -2.5);
+ transform: scale3d(0.96, 0.96, -2.5); }
+ 100% {
+ -webkit-transform: scale3d(0.98, 0.98, 2);
+ transform: scale3d(0.98, 0.98, 2); } }
+
+.euiLoadingChart {
+ height: 32px;
+ z-index: 500;
+ overflow: hidden;
+ display: inline-block; }
+
+/**
+ * 1. Without the animation, the bars are all the same height,
+ * so we apply transforms only if they can't animate
+ */
+.euiLoadingChart__bar {
+ height: 100%;
+ width: 8px;
+ display: inline-block;
+ margin-bottom: -16px;
+ margin-left: 2px; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingChart__bar {
+ -webkit-animation: euiLoadingChart 1s infinite;
+ animation: euiLoadingChart 1s infinite; } }
+ .euiLoadingChart__bar:nth-of-type(1) {
+ background-color: #54B399; }
+ @media screen and (prefers-reduced-motion: reduce) {
+ .euiLoadingChart__bar:nth-of-type(1) {
+ -webkit-transform: translateY(66%);
+ transform: translateY(66%);
+ /* 1 */ } }
+ .euiLoadingChart__bar:nth-of-type(2) {
+ background-color: #6092C0;
+ -webkit-animation-delay: .1s;
+ animation-delay: .1s; }
+ @media screen and (prefers-reduced-motion: reduce) {
+ .euiLoadingChart__bar:nth-of-type(2) {
+ -webkit-transform: translateY(44%);
+ transform: translateY(44%);
+ /* 1 */ } }
+ .euiLoadingChart__bar:nth-of-type(3) {
+ background-color: #D36086;
+ -webkit-animation-delay: .2s;
+ animation-delay: .2s; }
+ @media screen and (prefers-reduced-motion: reduce) {
+ .euiLoadingChart__bar:nth-of-type(3) {
+ -webkit-transform: translateY(22%);
+ transform: translateY(22%);
+ /* 1 */ } }
+ .euiLoadingChart__bar:nth-of-type(4) {
+ background-color: #9170B8;
+ -webkit-animation-delay: .3s;
+ animation-delay: .3s; }
+
+.euiLoadingChart--mono .euiLoadingChart__bar:nth-of-type(1) {
+ background-color: #343741; }
+
+.euiLoadingChart--mono .euiLoadingChart__bar:nth-of-type(2) {
+ background-color: #3c3f49; }
+
+.euiLoadingChart--mono .euiLoadingChart__bar:nth-of-type(3) {
+ background-color: #444750; }
+
+.euiLoadingChart--mono .euiLoadingChart__bar:nth-of-type(4) {
+ background-color: #4c4f58; }
+
+.euiLoadingChart--medium {
+ height: 16px; }
+ .euiLoadingChart--medium > span {
+ width: 2px;
+ margin-left: 2px;
+ margin-bottom: 8px; }
+
+.euiLoadingChart--large {
+ height: 24px; }
+ .euiLoadingChart--large > span {
+ width: 4px;
+ margin-left: 2px;
+ margin-bottom: 12px; }
+
+.euiLoadingChart--xLarge {
+ height: 32px; }
+ .euiLoadingChart--xLarge > span {
+ width: 8px;
+ margin-left: 4px;
+ margin-bottom: 16px; }
+
+@-webkit-keyframes euiLoadingChart {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); }
+ 50% {
+ -webkit-transform: translateY(66%);
+ transform: translateY(66%); }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiLoadingChart {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); }
+ 50% {
+ -webkit-transform: translateY(66%);
+ transform: translateY(66%); }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+.euiLoadingContent__loader {
+ display: block;
+ width: 100%; }
+
+.euiLoadingContent__singleLine {
+ display: block;
+ width: 100%;
+ height: 16px;
+ margin-bottom: 8px;
+ border-radius: 6px;
+ overflow: hidden; }
+ .euiLoadingContent__singleLine:last-child:not(:only-child) {
+ width: 75%; }
+
+.euiLoadingContent__singleLineBackground {
+ display: block;
+ width: 220%;
+ height: 100%;
+ background: linear-gradient(137deg, #2e3039 45%, #282a31 50%, #2e3039 55%); }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingContent__singleLineBackground {
+ -webkit-animation: euiLoadingContentGradientLoad 1.5s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: euiLoadingContentGradientLoad 1.5s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; } }
+
+@-webkit-keyframes euiLoadingContentGradientLoad {
+ 0% {
+ -webkit-transform: translateX(-53%);
+ transform: translateX(-53%); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@keyframes euiLoadingContentGradientLoad {
+ 0% {
+ -webkit-transform: translateX(-53%);
+ transform: translateX(-53%); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+.euiLoadingLogo {
+ position: relative;
+ display: inline-block; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingLogo:before, .euiLoadingLogo:after {
+ position: absolute;
+ content: '';
+ width: 90%;
+ left: 5%;
+ border-radius: 50%;
+ opacity: .2;
+ z-index: 1; }
+ .euiLoadingLogo:before {
+ box-shadow: 0 0 8px #FFF;
+ -webkit-animation: 1s euiLoadingKibanaPulsateAndFade cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: 1s euiLoadingKibanaPulsateAndFade cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
+ .euiLoadingLogo:after {
+ background-color: #FFF;
+ -webkit-animation: 1s euiLoadingKibanaPulsate cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: 1s euiLoadingKibanaPulsate cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; } }
+ .euiLoadingLogo .euiLoadingLogo__icon {
+ display: block; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingLogo .euiLoadingLogo__icon {
+ -webkit-animation: 1s euiLoadingKibanaBounceMedium cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: 1s euiLoadingKibanaBounceMedium cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; } }
+
+/**
+ * 1. Requires pixel math for animation.
+ */
+.euiLoadingLogo--medium {
+ width: 16px; }
+ .euiLoadingLogo--medium:before, .euiLoadingLogo--medium:after {
+ height: 3px;
+ /* 1 */
+ bottom: -4px; }
+ .euiLoadingLogo--medium .euiLoadingLogo__icon {
+ z-index: 999;
+ -webkit-animation-name: euiLoadingKibanaBounceMedium;
+ animation-name: euiLoadingKibanaBounceMedium; }
+
+.euiLoadingLogo--large {
+ width: 24px; }
+ .euiLoadingLogo--large:before, .euiLoadingLogo--large:after {
+ height: 6px;
+ /* 1 */
+ bottom: -8px; }
+ .euiLoadingLogo--large .euiLoadingLogo__icon {
+ -webkit-animation-name: euiLoadingKibanaBounceLarge;
+ animation-name: euiLoadingKibanaBounceLarge; }
+
+.euiLoadingLogo--xLarge {
+ width: 32px; }
+ .euiLoadingLogo--xLarge:before, .euiLoadingLogo--xLarge:after {
+ height: 8px;
+ bottom: -12px; }
+ .euiLoadingLogo--xLarge .euiLoadingLogo__icon {
+ -webkit-animation-name: euiLoadingKibanaBounceXLarge;
+ animation-name: euiLoadingKibanaBounceXLarge; }
+
+@-webkit-keyframes euiLoadingKibanaBounceMedium {
+ 50% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px); } }
+
+@keyframes euiLoadingKibanaBounceMedium {
+ 50% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px); } }
+
+@-webkit-keyframes euiLoadingKibanaBounceLarge {
+ 50% {
+ -webkit-transform: translateY(-12px);
+ transform: translateY(-12px); } }
+
+@keyframes euiLoadingKibanaBounceLarge {
+ 50% {
+ -webkit-transform: translateY(-12px);
+ transform: translateY(-12px); } }
+
+@-webkit-keyframes euiLoadingKibanaBounceXLarge {
+ 50% {
+ -webkit-transform: translateY(-16px);
+ transform: translateY(-16px); } }
+
+@keyframes euiLoadingKibanaBounceXLarge {
+ 50% {
+ -webkit-transform: translateY(-16px);
+ transform: translateY(-16px); } }
+
+@-webkit-keyframes euiLoadingKibanaPulsateAndFade {
+ 0% {
+ opacity: 0; }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .1; }
+ 100% {
+ opacity: 0; } }
+
+@keyframes euiLoadingKibanaPulsateAndFade {
+ 0% {
+ opacity: 0; }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .1; }
+ 100% {
+ opacity: 0; } }
+
+@-webkit-keyframes euiLoadingKibanaPulsate {
+ 0% {
+ opacity: .15; }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .05; }
+ 100% {
+ opacity: .15; } }
+
+@keyframes euiLoadingKibanaPulsate {
+ 0% {
+ opacity: .15; }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .05; }
+ 100% {
+ opacity: .15; } }
+
+.euiLoadingSpinner {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: inline-block;
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ border: solid 2px #343741;
+ border-color: #106C96 #343741 #343741 #343741; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingSpinner {
+ -webkit-animation: euiLoadingSpinner .6s infinite linear;
+ animation: euiLoadingSpinner .6s infinite linear; } }
+
+.euiLoadingSpinner--small {
+ width: 12px;
+ height: 12px; }
+
+.euiLoadingSpinner--medium {
+ width: 16px;
+ height: 16px; }
+
+.euiLoadingSpinner--large {
+ width: 24px;
+ height: 24px; }
+
+.euiLoadingSpinner--xLarge {
+ width: 32px;
+ height: 32px; }
+
+.euiLoadingSpinner--xxLarge {
+ width: 40px;
+ height: 40px; }
+
+.euiLoadingSpinner--small,
+.euiLoadingSpinner--medium {
+ border-width: 1px; }
+
+@-webkit-keyframes euiLoadingSpinner {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+@keyframes euiLoadingSpinner {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+.euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
+ display: none; }
+
+.euiMarkdownEditor--fullHeight {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ height: 100%; }
+ .euiMarkdownEditor--fullHeight .euiMarkdownEditorTextArea {
+ resize: none; }
+ .euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
+ height: 100%; }
+
+.euiMarkdownEditorDropZone {
+ display: -webkit-flex;
+ display: flex;
+ position: relative;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ min-height: "150px"; }
+ .euiMarkdownEditorDropZone__input {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ overflow: hidden; }
+ .euiMarkdownEditorDropZone__input:hover {
+ cursor: pointer; }
+ .euiMarkdownEditorDropZone__input:hover:disabled {
+ cursor: not-allowed; }
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorFooter,
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus,
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
+ background-color: rgba(54, 162, 239, 0.1) !important; }
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus {
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%) !important; }
+ .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorFooter,
+ .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea,
+ .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea:focus,
+ .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
+ background-color: rgba(248, 107, 99, 0.1) !important; }
+ .euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea,
+ .euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea:focus {
+ background-image: linear-gradient(to top, #F86B63, #F86B63 2px, transparent 2px, transparent 100%) !important; }
+
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__blockquote {
+ border-left-color: rgba(255, 255, 255, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--default .euiHorizontalRule {
+ background-color: rgba(255, 255, 255, 0.15);
+ color: rgba(255, 255, 255, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table {
+ border-left: 1px solid rgba(255, 255, 255, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table td {
+ border-top: 1px solid rgba(255, 255, 255, 0.15);
+ border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
+ .euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid rgba(255, 255, 255, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table tr {
+ border-top: 1px solid rgba(255, 255, 255, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__blockquote {
+ border-left-color: #7a7f89; }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiHorizontalRule {
+ background-color: #7a7f89;
+ color: #7a7f89; }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table {
+ border-left: 1px solid #7a7f89; }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table td {
+ border-top: 1px solid #7a7f89;
+ border-bottom: 1px solid #7a7f89; }
+ .euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #7a7f89; }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table tr {
+ border-top: 1px solid #7a7f89; }
+
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__blockquote {
+ border-left-color: #7DDED8; }
+
+.euiMarkdownFormat .euiTextColor--success .euiHorizontalRule {
+ background-color: #7DDED8;
+ color: #7DDED8; }
+
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table {
+ border-left: 1px solid #7DDED8; }
+
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table td {
+ border-top: 1px solid #7DDED8;
+ border-bottom: 1px solid #7DDED8; }
+ .euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #7DDED8; }
+
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table tr {
+ border-top: 1px solid #7DDED8; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__blockquote {
+ border-left-color: #F68FBE; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiHorizontalRule {
+ background-color: #F68FBE;
+ color: #F68FBE; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table {
+ border-left: 1px solid #F68FBE; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table td {
+ border-top: 1px solid #F68FBE;
+ border-bottom: 1px solid #F68FBE; }
+ .euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #F68FBE; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table tr {
+ border-top: 1px solid #F68FBE; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__blockquote {
+ border-left-color: #F3D371; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiHorizontalRule {
+ background-color: #F3D371;
+ color: #F3D371; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table {
+ border-left: 1px solid #F3D371; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table td {
+ border-top: 1px solid #F3D371;
+ border-bottom: 1px solid #F3D371; }
+ .euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #F3D371; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table tr {
+ border-top: 1px solid #F3D371; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__blockquote {
+ border-left-color: #F86B63; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiHorizontalRule {
+ background-color: #F86B63;
+ color: #F86B63; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table {
+ border-left: 1px solid #F86B63; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table td {
+ border-top: 1px solid #F86B63;
+ border-bottom: 1px solid #F86B63; }
+ .euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #F86B63; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table tr {
+ border-top: 1px solid #F86B63; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__blockquote {
+ border-left-color: #FFF; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiHorizontalRule {
+ background-color: #FFF;
+ color: #FFF; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table {
+ border-left: 1px solid #FFF; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table td {
+ border-top: 1px solid #FFF;
+ border-bottom: 1px solid #FFF; }
+ .euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #FFF; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table tr {
+ border-top: 1px solid #FFF; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__blockquote {
+ border-left-color: currentColor; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiHorizontalRule {
+ background-color: currentColor;
+ color: currentColor; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table {
+ border-left: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table td {
+ border-top: 1px solid currentColor;
+ border-bottom: 1px solid currentColor; }
+ .euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table tr {
+ border-top: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__blockquote {
+ border-left-color: currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiHorizontalRule {
+ background-color: currentColor;
+ color: currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table {
+ border-left: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table td {
+ border-top: 1px solid currentColor;
+ border-bottom: 1px solid currentColor; }
+ .euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table tr {
+ border-top: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ border-left-style: solid; }
+
+.euiMarkdownFormat .euiCheckbox {
+ margin-bottom: 0 !important; }
+
+.euiMarkdownFormat .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%); }
+
+.euiMarkdownFormat .euiMarkdownFormat__table {
+ display: block;
+ width: 100%;
+ overflow: auto;
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.euiMarkdownEditorFooter {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ padding: 4px;
+ border: 1px solid #343741;
+ -webkit-align-items: center;
+ align-items: center;
+ background: #141519; }
+
+.euiMarkdownEditorFooter__popover {
+ width: 300px; }
+
+.euiMarkdownEditorFooter__actions {
+ -webkit-flex: 1;
+ flex: 1;
+ display: -webkit-inline-flex;
+ display: inline-flex; }
+ .euiMarkdownEditorFooter__actions > button,
+ .euiMarkdownEditorFooter__actions > span {
+ margin-right: 4px;
+ -webkit-align-self: center;
+ align-self: center; }
+ .euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError {
+ position: relative;
+ left: -1px;
+ line-height: 1;
+ border-radius: 6px; }
+ .euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError > span {
+ padding: 0 4px; }
+
+.euiMarkdownEditorFooter__helpButton > svg {
+ width: 26px; }
+
+.euiMarkdownEditorPreview {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ background: #1D1E24;
+ min-height: "150px";
+ overflow-y: auto;
+ border: 1px solid #343741;
+ padding: 12px; }
+ .euiMarkdownEditorPreview::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiMarkdownEditorPreview::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiMarkdownEditorPreview::-webkit-scrollbar-corner, .euiMarkdownEditorPreview::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input ~ .euiCheckbox__label {
+ cursor: default; }
+
+.euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input:focus:not(:checked) + .euiCheckbox__square {
+ border-color: #66676d; }
+
+.euiMarkdownEditorTextArea {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #DFE5EF;
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ width: 100%;
+ height: 100%;
+ min-height: "150px";
+ padding: 12px;
+ border: 1px solid #343741;
+ border-bottom: none;
+ line-height: 1.5;
+ resize: vertical;
+ background-color: #16171c;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ margin: 0;
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in; }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiMarkdownEditorTextArea {
+ line-height: 1em; } }
+ .euiMarkdownEditorTextArea::-webkit-input-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiMarkdownEditorTextArea::-moz-placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiMarkdownEditorTextArea::placeholder {
+ color: #81858f;
+ opacity: 1; }
+ .euiMarkdownEditorTextArea::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiMarkdownEditorTextArea::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiMarkdownEditorTextArea::-webkit-scrollbar-corner, .euiMarkdownEditorTextArea::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiMarkdownEditorTextArea:focus,
+ .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
+ background-color: #111216;
+ background-image: linear-gradient(to top, #106C96, #106C96 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%; }
+
+.euiMarkdownEditorTextArea-isReadOnly {
+ background: #1D1E24;
+ cursor: unset; }
+ .euiMarkdownEditorTextArea-isReadOnly:focus,
+ .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea-isReadOnly {
+ background: none; }
+
+.euiMarkdownEditorToolbar {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ background: #25262E;
+ border: 1px solid #343741;
+ border-color: #343741;
+ border-bottom: none;
+ padding: 4px; }
+ .euiMarkdownEditorToolbar__buttons {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-flex: 1;
+ flex: 1;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiMarkdownEditorToolbar__buttons > * {
+ margin-right: 4px; }
+ .euiMarkdownEditorToolbar__divider {
+ content: '';
+ height: 24px;
+ display: block;
+ margin-left: 4px;
+ padding-right: 4px;
+ border-left: 1px solid #343741; }
+
+.euiMarkdownTooltip__icon {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+
+/**
+ * 1. Fix IE overflow issue (min-height) by adding a separate wrapper for the
+ * flex display. https://github.com/philipwalton/flexbugs#flexbug-3
+ * 2. IE has trouble with min-widths on flex elements. Use the pixel value
+ * from our forms since that's usually the smallest we want them.
+ */
+.euiModal {
+ border: 1px solid #343741;
+ box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.325), 0 9.4px 24px rgba(0, 0, 0, 0.225), 0 21.8px 43px rgba(0, 0, 0, 0.2);
+ display: -webkit-flex;
+ display: flex;
+ /* 1 */
+ position: relative;
+ background-color: #1D1E24;
+ border-radius: 6px;
+ z-index: 8000;
+ min-width: 400px;
+ -webkit-animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ max-width: calc(100vw - 16px); }
+ .euiModal:focus {
+ outline: none; }
+ .euiModal .euiModal__flex {
+ /* 1 */
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ max-height: 75vh;
+ overflow: hidden; }
+
+.euiModal--maxWidth-default {
+ max-width: MIN(768px, calc(100vw - 16px)); }
+
+.euiModal--confirmation {
+ min-width: 400px; }
+
+.euiModalHeader {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 24px 40px 16px 24px;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiModalHeader__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 27px;
+ font-size: 1.92857rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+
+.euiModalBody {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ overflow: hidden;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .euiModalBody .euiModalBody__overflow {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ padding: 8px 24px; }
+ .euiModalBody .euiModalBody__overflow::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-corner, .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiModalBody .euiModalBody__overflow:focus {
+ outline: none;
+ /* 1 */ }
+ .euiModalBody .euiModalBody__overflow[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiModalFooter {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ padding: 16px 24px 24px;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiModalFooter > * + * {
+ margin-left: 16px; }
+
+.euiModalHeader + .euiModalFooter {
+ padding-top: 8px; }
+
+.euiModalBody:last-of-type .euiModalBody__overflow {
+ padding-bottom: 24px; }
+
+.euiModal__closeIcon {
+ background-color: rgba(29, 30, 36, 0.9);
+ position: absolute;
+ right: 4px;
+ top: 4px;
+ z-index: 3; }
+
+@-webkit-keyframes euiModal {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(32px);
+ transform: translateY(32px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiModal {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(32px);
+ transform: translateY(32px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@media only screen and (max-width: 574px) {
+ .euiModal {
+ position: fixed;
+ width: 100vw !important;
+ max-width: none !important;
+ min-width: 0 !important;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ border-radius: 0;
+ border: none; }
+ .euiModal.euiModal--confirmation {
+ box-shadow: 0 -2.7px 9px rgba(0, 0, 0, 0.325), 0 -9.4px 24px rgba(0, 0, 0, 0.225), 0 -21.8px 43px rgba(0, 0, 0, 0.2);
+ top: auto; }
+ .euiModal .euiModal__flex {
+ /* 1 */
+ max-height: 100vh; }
+ .euiModalHeader {
+ width: 100%; }
+ .euiModalFooter {
+ width: 100%;
+ background: #25262E;
+ padding: 12px 24px !important;
+ -webkit-justify-content: stretch;
+ justify-content: stretch; }
+ .euiModalFooter > * {
+ -webkit-flex: 1;
+ flex: 1; }
+ .euiModalFooter > * + * {
+ margin-left: 0; }
+ .euiModalBody {
+ width: 100%; }
+ .euiModalBody .euiModalBody__overflow {
+ padding-bottom: 24px; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiModal {
+ position: fixed;
+ width: 100vw !important;
+ max-width: none !important;
+ min-width: 0 !important;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ border-radius: 0;
+ border: none; }
+ .euiModal.euiModal--confirmation {
+ box-shadow: 0 -2.7px 9px rgba(0, 0, 0, 0.325), 0 -9.4px 24px rgba(0, 0, 0, 0.225), 0 -21.8px 43px rgba(0, 0, 0, 0.2);
+ top: auto; }
+ .euiModal .euiModal__flex {
+ /* 1 */
+ max-height: 100vh; }
+ .euiModalHeader {
+ width: 100%; }
+ .euiModalFooter {
+ width: 100%;
+ background: #25262E;
+ padding: 12px 24px !important;
+ -webkit-justify-content: stretch;
+ justify-content: stretch; }
+ .euiModalFooter > * {
+ -webkit-flex: 1;
+ flex: 1; }
+ .euiModalFooter > * + * {
+ margin-left: 0; }
+ .euiModalBody {
+ width: 100%; }
+ .euiModalBody .euiModalBody__overflow {
+ padding-bottom: 24px; } }
+
+.euiNotificationEvent {
+ display: -webkit-flex;
+ display: flex;
+ padding: 12px 0 12px 12px;
+ border-bottom: 1px solid #343741; }
+ .euiNotificationEvent:last-child {
+ border-bottom: none; }
+ .euiNotificationEvent--withReadState {
+ padding: 12px 0 12px 8px; }
+
+.euiNotificationEvent__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ display: -webkit-flex;
+ display: flex; }
+ .euiNotificationEvent__title.euiLink {
+ color: #106C96; }
+ .euiNotificationEvent__title--isRead {
+ color: #98A2B3 !important; }
+
+.euiNotificationEvent__readButton {
+ margin-right: 8px; }
+
+.euiNotificationEvent__content {
+ -webkit-flex: 1;
+ flex: 1; }
+ .euiNotificationEvent__content > * + * {
+ margin-top: 8px;
+ margin-right: 12px; }
+
+.euiNotificationEventMeta {
+ position: relative;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: 4px;
+ min-height: 24px; }
+ .euiNotificationEventMeta--hasContextMenu {
+ padding-right: 24px; }
+ .euiNotificationEventMeta__contextMenuWrapper {
+ position: absolute;
+ top: 0;
+ right: 0; }
+ .euiNotificationEventMeta__section {
+ margin-right: 8px; }
+ .euiNotificationEventMeta__section:first-child {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex: 1;
+ flex: 1;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiNotificationEventMeta__icon {
+ margin-right: 8px; }
+ .euiNotificationEventMeta__badge {
+ max-width: 100%;
+ display: inline-grid; }
+ .euiNotificationEventMeta__time {
+ font-size: 12px;
+ color: #7a7f89; }
+
+.euiNotificationEventMessages {
+ font-size: 14px; }
+ .euiNotificationEventMessages__accordion {
+ color: #98A2B3; }
+ .euiNotificationEventMessages__accordionButton {
+ color: #106C96; }
+ .euiNotificationEventMessages__accordionContent > * {
+ padding-top: 8px; }
+
+.euiNotificationEventReadButton--isRead svg {
+ fill: transparent;
+ stroke-width: 1px;
+ stroke: #343741; }
+
+.euiNotificationEventReadIcon {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ height: 24px;
+ margin: 0 4px; }
+
+.euiNotificationEventReadIcon--isRead svg {
+ fill: transparent;
+ stroke-width: 1px;
+ stroke: #343741; }
+
+.euiOverlayMask {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ padding-bottom: 10vh;
+ -webkit-animation: euiAnimFadeIn 150ms ease-in;
+ animation: euiAnimFadeIn 150ms ease-in;
+ background: rgba(52, 55, 65, 0.8); }
+
+.euiBody-hasOverlayMask {
+ overflow: hidden; }
+
+.euiOverlayMask--aboveHeader {
+ z-index: 6000; }
+
+.euiOverlayMask--belowHeader {
+ z-index: 1000; }
+
+.euiPagination {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow-y: hidden;
+ overflow-x: auto; }
+ .euiPagination::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiPagination::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiPagination::-webkit-scrollbar-corner, .euiPagination::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiPagination__compressedText {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: center;
+ align-items: center;
+ line-height: 1 !important; }
+ .euiPagination__compressedText > span {
+ margin-right: 8px;
+ margin-left: 8px;
+ font-weight: 600; }
+ .euiPagination__compressedText > span:first-of-type {
+ color: #106C96; }
+
+.euiPagination__list {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: baseline;
+ align-items: baseline; }
+
+.euiPaginationButton {
+ font-size: 14px;
+ padding: 0;
+ text-align: center;
+ border-radius: 6px;
+ outline-offset: -2px; }
+
+.euiPaginationButton-isActive {
+ font-weight: 700; }
+ .euiPaginationButton-isActive.euiPaginationButton-isActive {
+ color: #106C96; }
+ .euiPaginationButton-isActive.euiPaginationButton-isActive .euiButtonEmpty__content {
+ cursor: default; }
+ .euiPaginationButton-isActive.euiPaginationButton-isActive, .euiPaginationButton-isActive.euiPaginationButton-isActive:hover {
+ text-decoration: underline; }
+
+.euiPaginationArrowButton {
+ outline-offset: -2px; }
+
+.euiPaginationButton-isPlaceholder {
+ -webkit-align-items: baseline;
+ align-items: baseline;
+ color: #515761;
+ font-size: 14px;
+ padding: 0 8px;
+ height: 24px;
+ padding-top: 6px; }
+
+.euiPanel {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiPanel.euiPanel--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiPanel.euiPanel--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiPanel.euiPanel--hasBorder {
+ border: 1px solid #343741;
+ box-shadow: none; }
+ .euiPanel.euiPanel--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiPanel.euiPanel--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiPanel.euiPanel--isClickable:hover, .euiPanel.euiPanel--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .euiPanel.euiPanel--borderRadiusNone {
+ border-radius: 0; }
+ .euiPanel.euiPanel--borderRadiusMedium {
+ border-radius: 6px; }
+ .euiPanel.euiPanel--transparent {
+ background-color: transparent; }
+ .euiPanel.euiPanel--plain {
+ background-color: #1D1E24; }
+ .euiPanel.euiPanel--subdued {
+ background-color: #141519; }
+ .euiPanel.euiPanel--accent {
+ background-color: #4a2b39; }
+ .euiPanel.euiPanel--primary {
+ background-color: #103148; }
+ .euiPanel.euiPanel--success {
+ background-color: #264341; }
+ .euiPanel.euiPanel--warning {
+ background-color: #493f22; }
+ .euiPanel.euiPanel--danger {
+ background-color: #4a201e; }
+
+.euiPanel--paddingSmall {
+ padding: 8px; }
+
+.euiPanel--paddingMedium {
+ padding: 16px; }
+
+.euiPanel--paddingLarge {
+ padding: 24px; }
+
+.euiSplitPanel {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ min-width: 0; }
+ .euiSplitPanel .euiSplitPanel__inner {
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%;
+ -webkit-transform: none !important;
+ transform: none !important;
+ box-shadow: none !important; }
+ .euiSplitPanel.euiSplitPanel-isResponsive.euiPanel--borderRadiusNone .euiSplitPanel__inner:first-child,
+ .euiSplitPanel.euiPanel--borderRadiusNone .euiSplitPanel__inner:first-child {
+ border-radius: -1 -1 0 0; }
+ .euiSplitPanel.euiSplitPanel-isResponsive.euiPanel--borderRadiusNone .euiSplitPanel__inner:last-child,
+ .euiSplitPanel.euiPanel--borderRadiusNone .euiSplitPanel__inner:last-child {
+ border-radius: 0 0 -1 -1; }
+ .euiSplitPanel.euiSplitPanel-isResponsive.euiPanel--borderRadiusMedium .euiSplitPanel__inner:first-child,
+ .euiSplitPanel.euiPanel--borderRadiusMedium .euiSplitPanel__inner:first-child {
+ border-radius: 5px 5px 0 0; }
+ .euiSplitPanel.euiSplitPanel-isResponsive.euiPanel--borderRadiusMedium .euiSplitPanel__inner:last-child,
+ .euiSplitPanel.euiPanel--borderRadiusMedium .euiSplitPanel__inner:last-child {
+ border-radius: 0 0 5px 5px; }
+
+.euiSplitPanel--row {
+ -webkit-flex-direction: row;
+ flex-direction: row; }
+ .euiSplitPanel--row.euiSplitPanel-isResponsive {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .euiSplitPanel--row.euiPanel--borderRadiusNone .euiSplitPanel__inner:first-child {
+ border-radius: -1 0 0 -1; }
+ .euiSplitPanel--row.euiPanel--borderRadiusNone .euiSplitPanel__inner:last-child {
+ border-radius: 0 -1 -1 0; }
+ .euiSplitPanel--row.euiPanel--borderRadiusMedium .euiSplitPanel__inner:first-child {
+ border-radius: 5px 0 0 5px; }
+ .euiSplitPanel--row.euiPanel--borderRadiusMedium .euiSplitPanel__inner:last-child {
+ border-radius: 0 5px 5px 0; }
+
+.euiPage {
+ display: -webkit-flex;
+ display: flex;
+ background-color: #141519;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ max-width: 100%; }
+ .euiPage--restrictWidth-default, .euiPage--restrictWidth-custom {
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%; }
+ .euiPage--restrictWidth-default {
+ max-width: 1200px; }
+ .euiPage--grow {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiPage--column {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ @media only screen and (max-width: 574px) {
+ .euiPage {
+ -webkit-flex-direction: column;
+ flex-direction: column; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPage {
+ -webkit-flex-direction: column;
+ flex-direction: column; } }
+
+.euiPage--paddingSmall {
+ padding: 8px; }
+ .euiPage--paddingSmall .euiPageSideBar {
+ min-width: 192px;
+ margin-right: 8px; }
+ @media only screen and (max-width: 574px) {
+ .euiPage--paddingSmall .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 8px; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPage--paddingSmall .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 8px; } }
+ .euiPage--paddingSmall .euiPageBody > .euiPageHeader {
+ margin-bottom: 8px; }
+
+.euiPage--paddingMedium {
+ padding: 16px; }
+ .euiPage--paddingMedium .euiPageSideBar {
+ min-width: 192px;
+ margin-right: 16px; }
+ @media only screen and (max-width: 574px) {
+ .euiPage--paddingMedium .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 16px; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPage--paddingMedium .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 16px; } }
+ .euiPage--paddingMedium .euiPageBody > .euiPageHeader {
+ margin-bottom: 16px; }
+
+.euiPage--paddingLarge {
+ padding: 24px; }
+ .euiPage--paddingLarge .euiPageSideBar {
+ min-width: 192px;
+ margin-right: 24px; }
+ @media only screen and (max-width: 574px) {
+ .euiPage--paddingLarge .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 24px; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPage--paddingLarge .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 24px; } }
+ .euiPage--paddingLarge .euiPageBody > .euiPageHeader {
+ margin-bottom: 24px; }
+
+.euiPageBody {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ -webkit-flex: 1 1 100%;
+ flex: 1 1 100%;
+ max-width: 100%;
+ min-width: 0; }
+ .euiPageBody--restrictWidth-default, .euiPageBody--restrictWidth-custom {
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%; }
+ .euiPageBody--restrictWidth-default {
+ max-width: 1200px; }
+ .euiPageBody.euiPageBody--borderRadiusNone {
+ border-top-width: 0;
+ border-right-width: 0;
+ border-bottom-width: 0; }
+
+.euiPageBody--paddingSmall {
+ padding: 8px; }
+ .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']) {
+ margin-bottom: 8px;
+ border-bottom: 1px solid #343741; }
+ .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
+ padding-bottom: 8px; }
+ .euiPageBody--paddingSmall > .euiPageHeader.euiPageHeader--onlyTabs {
+ padding-top: 0; }
+
+.euiPageBody--paddingMedium {
+ padding: 16px; }
+ .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']) {
+ margin-bottom: 16px;
+ border-bottom: 1px solid #343741; }
+ .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
+ padding-bottom: 16px; }
+ .euiPageBody--paddingMedium > .euiPageHeader.euiPageHeader--onlyTabs {
+ padding-top: 0; }
+
+.euiPageBody--paddingLarge {
+ padding: 24px; }
+ .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']) {
+ margin-bottom: 24px;
+ border-bottom: 1px solid #343741; }
+ .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
+ padding-bottom: 24px; }
+ .euiPageBody--paddingLarge > .euiPageHeader.euiPageHeader--onlyTabs {
+ padding-top: 0; }
+
+.euiPageContent {
+ width: 100%;
+ min-width: 0; }
+ .euiPageContent.euiPageContent--borderRadiusNone {
+ border-left-width: 0;
+ border-right-width: 0;
+ border-bottom-width: 0; }
+ .euiPageContent.euiPageContent--verticalCenter {
+ -webkit-align-self: center;
+ align-self: center;
+ margin-top: auto;
+ margin-bottom: auto;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiPageContent.euiPageContent--horizontalCenter {
+ width: auto;
+ max-width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiPageContentBody--restrictWidth-default, .euiPageContentBody--restrictWidth-custom {
+ 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 {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center; }
+ .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 {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPageContentHeader--responsive {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; } }
+
+.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 {
+ min-width: 240px;
+ -webkit-flex: 0 1 0%;
+ flex: 0 1 0%;
+ /* 1 */ }
+
+.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 {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ position: -webkit-sticky;
+ position: sticky;
+ max-height: 100vh;
+ top: 0; }
+ .euiPageSideBar--sticky::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
+ background-color: transparent; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiPageSideBar--sticky {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ position: -webkit-sticky;
+ position: sticky;
+ max-height: 100vh;
+ top: 0; }
+ .euiPageSideBar--sticky::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
+ background-color: transparent; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiPageSideBar--sticky {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ position: -webkit-sticky;
+ position: sticky;
+ max-height: 100vh;
+ top: 0; }
+ .euiPageSideBar--sticky::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
+ background-color: transparent; } }
+
+/**
+ * Note: Bottom margin is added in _page.scss when EuiPage has `paddingSize`
+ * Or it's added in _page_body.scss when EuiPageBody has `paddingSize`
+ */
+.euiPageHeader {
+ width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiPageHeader--restrictWidth-default, .euiPageHeader--restrictWidth-custom {
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%; }
+ .euiPageHeader--restrictWidth-default {
+ max-width: 1200px; }
+
+.euiPageHeader--bottomBorder {
+ border-bottom: 1px solid #343741; }
+ .euiPageHeader--bottomBorder:not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
+ padding-bottom: 24px; }
+
+.euiPageHeader--onlyTabs {
+ padding-top: 8px; }
+ .euiPageHeader--onlyTabs .euiTabs--xlarge .euiTab {
+ line-height: 72px;
+ height: 72px; }
+
+.euiPageHeader--paddingSmall {
+ padding: 8px; }
+ .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
+ padding-bottom: 0; }
+ .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
+ padding-top: 8px; }
+ .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
+ margin-bottom: 8px; }
+
+.euiPageHeader--paddingMedium {
+ padding: 16px; }
+ .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
+ padding-bottom: 0; }
+ .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
+ padding-top: 8px; }
+ .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
+ margin-bottom: 16px; }
+
+.euiPageHeader--paddingLarge {
+ padding: 24px; }
+ .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
+ padding-bottom: 0; }
+ .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
+ padding-top: 8px; }
+ .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
+ margin-bottom: 24px; }
+
+.euiPageHeader--top {
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+
+.euiPageHeader--bottom {
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+
+.euiPageHeader--stretch {
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+
+@media only screen and (max-width: 574px) {
+ .euiPageHeader--responsive {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .euiPageHeader--responsiveReverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPageHeader--responsive {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .euiPageHeader--responsiveReverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse; } }
+
+.euiPageHeader .euiPageHeaderContent {
+ width: 100%; }
+
+.euiPageHeaderContent__titleIcon {
+ top: -4px;
+ position: relative;
+ margin-right: 16px; }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .euiPageHeaderContent__rightSideItems {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiPageHeaderContent__rightSideItems {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiPageHeaderContent__rightSideItems {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+
+.euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 32px; }
+
+@media only screen and (max-width: 574px) {
+ .euiPageHeader--responsive .euiPageHeaderSection {
+ width: 100%; }
+ .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 0;
+ margin-top: 16px; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection {
+ width: 100%; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 0; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
+ margin-top: 16px; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPageHeader--responsive .euiPageHeaderSection {
+ width: 100%; }
+ .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 0;
+ margin-top: 16px; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection {
+ width: 100%; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 0; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
+ margin-top: 16px; } }
+
+.euiPopover {
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+ max-width: 100%; }
+
+.euiPopover__anchor {
+ display: inline-block; }
+
+.euiPopover--displayBlock {
+ display: block; }
+ .euiPopover--displayBlock .euiPopover__anchor {
+ display: block; }
+
+/**
+ * 1. Can expand further, but it looks weird if it's smaller than the originating button.
+ * 2. Animation happens on the panel. But don't animate when using the attached mode like for inputs
+ * 3. Make sure the panel stays within the window.
+ */
+.euiPopover__panel {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ position: absolute;
+ min-width: 112px;
+ /* 1 */
+ max-width: calc(100vw - 32px);
+ /* 3 */
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ pointer-events: none;
+ opacity: 0;
+ /* 2 */
+ transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
+ /* 2 */ }
+ .euiPopover__panel:not(.euiPopover__panel-isAttached) {
+ -webkit-transform: translateY(0) translateX(0) translateZ(0);
+ transform: translateY(0) translateX(0) translateZ(0);
+ /* 2 */
+ transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
+ transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
+ transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms; }
+ .euiPopover__panel.euiPopover__panel-isOpen {
+ opacity: 1;
+ pointer-events: auto; }
+ .euiPopover__panel .euiPopover__panelArrow {
+ position: absolute;
+ width: 0;
+ height: 0; }
+ .euiPopover__panel .euiPopover__panelArrow:before {
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0; }
+ .euiPopover__panel .euiPopover__panelArrow:after {
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
+ bottom: -10px;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-top: 12px solid #343741; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
+ bottom: -9px;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-top: 12px solid #1D1E24; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
+ left: -12px;
+ top: 50%;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ border-right: 12px solid #343741; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
+ left: -11px;
+ top: 50%;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ border-right: 12px solid #1D1E24; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
+ top: -12px;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-bottom: 12px solid #343741; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
+ top: -11px;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-bottom: 12px solid #1D1E24; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
+ right: -11px;
+ top: 50%;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ border-left: 12px solid #343741; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
+ right: -10px;
+ top: 50%;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ border-left: 12px solid #1D1E24; }
+ .euiPopover__panel.euiPopover__panel-noArrow .euiPopover__panelArrow {
+ display: none; }
+ .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom {
+ border-top-color: rgba(52, 55, 65, 0.8);
+ border-top-right-radius: 0;
+ border-top-left-radius: 0; }
+ .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top {
+ box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 0 17px rgba(0, 0, 0, 0.075);
+ border-bottom-color: rgba(52, 55, 65, 0.8);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0; }
+
+.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top,
+.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--top {
+ -webkit-transform: translateY(8px) translateZ(0);
+ transform: translateY(8px) translateZ(0); }
+
+.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom,
+.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom {
+ -webkit-transform: translateY(-8px) translateZ(0);
+ transform: translateY(-8px) translateZ(0); }
+
+.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--left {
+ -webkit-transform: translateX(8px) translateZ(0);
+ transform: translateX(8px) translateZ(0); }
+
+.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--right {
+ -webkit-transform: translateX(-8px) translateZ(0);
+ transform: translateX(-8px) translateZ(0); }
+
+.euiPopoverTitle {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ padding: 12px;
+ border-bottom: 1px solid #343741; }
+
+.euiPopoverTitle--paddingNone {
+ padding: 0; }
+
+.euiPopoverTitle--paddingSmall {
+ padding: 8px; }
+
+.euiPopoverTitle--paddingMedium {
+ padding: 16px; }
+
+.euiPopoverTitle--paddingLarge {
+ padding: 24px; }
+
+.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle {
+ margin: -8px -8px 8px; }
+ .euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 12px 8px; }
+
+.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle {
+ margin: -16px -16px 16px; }
+ .euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 12px 16px; }
+
+.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle {
+ margin: -24px -24px 24px; }
+ .euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 12px 24px; }
+
+.euiPopoverFooter {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 12px;
+ border-top: 1px solid #343741; }
+
+.euiPopoverFooter--paddingNone {
+ padding: 0; }
+
+.euiPopoverFooter--paddingSmall {
+ padding: 8px; }
+
+.euiPopoverFooter--paddingMedium {
+ padding: 16px; }
+
+.euiPopoverFooter--paddingLarge {
+ padding: 24px; }
+
+.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter {
+ margin: 8px -8px -8px; }
+ .euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 12px 8px; }
+
+.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter {
+ margin: 16px -16px -16px; }
+ .euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 12px 16px; }
+
+.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter {
+ margin: 24px -24px -24px; }
+ .euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 12px 24px; }
+
+.euiInputPopover {
+ max-width: 400px; }
+ .euiInputPopover.euiInputPopover--fullWidth {
+ max-width: 100%; }
+
+/**
+ * 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
+ */
+.euiBody-hasPortalContent {
+ position: relative;
+ /* 1 */ }
+
+.euiProgress {
+ position: relative;
+ overflow: hidden;
+ background-color: #343741; }
+
+.euiProgress--xs {
+ height: 2px; }
+
+.euiProgress--s {
+ height: 4px; }
+
+.euiProgress--m {
+ height: 8px; }
+
+.euiProgress--l {
+ height: 16px; }
+
+.euiProgress--native {
+ display: block;
+ width: 100%;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border: none; }
+ .euiProgress--native::-webkit-progress-bar {
+ background-color: #343741; }
+ .euiProgress--native::-webkit-progress-value {
+ -webkit-transition: width 250ms linear;
+ transition: width 250ms linear; }
+ .euiProgress--native::-moz-progress-bar {
+ -moz-transition: width 250ms linear;
+ transition: width 250ms linear; }
+
+/**
+ * An indeterminate bar has an unreliable end time. Because of a Firefox animation issue,
+ * we apply this style to a <div> instead of a <progress> element.
+ * See https://css-tricks.com/html5-progress-element/ for more info.
+ */
+.euiProgress--indeterminate:before {
+ position: absolute;
+ content: '';
+ width: 100%;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ -webkit-transform: scaleX(0) translateX(0%);
+ transform: scaleX(0) translateX(0%);
+ -webkit-animation: euiProgress 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: euiProgress 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
+
+.euiProgress--fixed {
+ position: fixed;
+ z-index: 1001; }
+
+.euiProgress--absolute {
+ position: absolute; }
+
+.euiProgress--fixed,
+.euiProgress--absolute {
+ top: 0;
+ left: 0;
+ right: 0;
+ background-color: transparent; }
+ .euiProgress--fixed.euiProgress--native::-webkit-progress-bar,
+ .euiProgress--absolute.euiProgress--native::-webkit-progress-bar {
+ background-color: transparent; }
+ .euiProgress--fixed.euiProgress--native::-moz-progress-bar,
+ .euiProgress--absolute.euiProgress--native::-moz-progress-bar {
+ background-color: transparent; }
+
+.euiProgress--primary.euiProgress--native::-webkit-progress-value {
+ background-color: #106C96; }
+
+.euiProgress--primary.euiProgress--native::-moz-progress-bar {
+ background-color: #106C96; }
+
+.euiProgress--primary.euiProgress--indeterminate:before {
+ background-color: #106C96; }
+
+.euiProgress__data--primary .euiProgress__valueText {
+ color: #106C96; }
+
+.euiProgress--success.euiProgress--native::-webkit-progress-value {
+ background-color: #7DDED8; }
+
+.euiProgress--success.euiProgress--native::-moz-progress-bar {
+ background-color: #7DDED8; }
+
+.euiProgress--success.euiProgress--indeterminate:before {
+ background-color: #7DDED8; }
+
+.euiProgress__data--success .euiProgress__valueText {
+ color: #7DDED8; }
+
+.euiProgress--warning.euiProgress--native::-webkit-progress-value {
+ background-color: #F3D371; }
+
+.euiProgress--warning.euiProgress--native::-moz-progress-bar {
+ background-color: #F3D371; }
+
+.euiProgress--warning.euiProgress--indeterminate:before {
+ background-color: #F3D371; }
+
+.euiProgress__data--warning .euiProgress__valueText {
+ color: #F3D371; }
+
+.euiProgress--danger.euiProgress--native::-webkit-progress-value {
+ background-color: #F86B63; }
+
+.euiProgress--danger.euiProgress--native::-moz-progress-bar {
+ background-color: #F86B63; }
+
+.euiProgress--danger.euiProgress--indeterminate:before {
+ background-color: #F86B63; }
+
+.euiProgress__data--danger .euiProgress__valueText {
+ color: #F86B63; }
+
+.euiProgress--accent.euiProgress--native::-webkit-progress-value {
+ background-color: #F68FBE; }
+
+.euiProgress--accent.euiProgress--native::-moz-progress-bar {
+ background-color: #F68FBE; }
+
+.euiProgress--accent.euiProgress--indeterminate:before {
+ background-color: #F68FBE; }
+
+.euiProgress__data--accent .euiProgress__valueText {
+ color: #F68FBE; }
+
+.euiProgress--subdued.euiProgress--native::-webkit-progress-value {
+ background-color: #7a7f89; }
+
+.euiProgress--subdued.euiProgress--native::-moz-progress-bar {
+ background-color: #7a7f89; }
+
+.euiProgress--subdued.euiProgress--indeterminate:before {
+ background-color: #7a7f89; }
+
+.euiProgress__data--subdued .euiProgress__valueText {
+ color: #7a7f89; }
+
+.euiProgress--vis0.euiProgress--native::-webkit-progress-value {
+ background-color: #54B399; }
+
+.euiProgress--vis0.euiProgress--native::-moz-progress-bar {
+ background-color: #54B399; }
+
+.euiProgress--vis0.euiProgress--indeterminate:before {
+ background-color: #54B399; }
+
+.euiProgress__data--vis0 .euiProgress__valueText {
+ color: #54B399; }
+
+.euiProgress--vis1.euiProgress--native::-webkit-progress-value {
+ background-color: #6092C0; }
+
+.euiProgress--vis1.euiProgress--native::-moz-progress-bar {
+ background-color: #6092C0; }
+
+.euiProgress--vis1.euiProgress--indeterminate:before {
+ background-color: #6092C0; }
+
+.euiProgress__data--vis1 .euiProgress__valueText {
+ color: #6092C0; }
+
+.euiProgress--vis2.euiProgress--native::-webkit-progress-value {
+ background-color: #D36086; }
+
+.euiProgress--vis2.euiProgress--native::-moz-progress-bar {
+ background-color: #D36086; }
+
+.euiProgress--vis2.euiProgress--indeterminate:before {
+ background-color: #D36086; }
+
+.euiProgress__data--vis2 .euiProgress__valueText {
+ color: #D36086; }
+
+.euiProgress--vis3.euiProgress--native::-webkit-progress-value {
+ background-color: #9170B8; }
+
+.euiProgress--vis3.euiProgress--native::-moz-progress-bar {
+ background-color: #9170B8; }
+
+.euiProgress--vis3.euiProgress--indeterminate:before {
+ background-color: #9170B8; }
+
+.euiProgress__data--vis3 .euiProgress__valueText {
+ color: #9170B8; }
+
+.euiProgress--vis4.euiProgress--native::-webkit-progress-value {
+ background-color: #CA8EAE; }
+
+.euiProgress--vis4.euiProgress--native::-moz-progress-bar {
+ background-color: #CA8EAE; }
+
+.euiProgress--vis4.euiProgress--indeterminate:before {
+ background-color: #CA8EAE; }
+
+.euiProgress__data--vis4 .euiProgress__valueText {
+ color: #CA8EAE; }
+
+.euiProgress--vis5.euiProgress--native::-webkit-progress-value {
+ background-color: #D6BF57; }
+
+.euiProgress--vis5.euiProgress--native::-moz-progress-bar {
+ background-color: #D6BF57; }
+
+.euiProgress--vis5.euiProgress--indeterminate:before {
+ background-color: #D6BF57; }
+
+.euiProgress__data--vis5 .euiProgress__valueText {
+ color: #D6BF57; }
+
+.euiProgress--vis6.euiProgress--native::-webkit-progress-value {
+ background-color: #B9A888; }
+
+.euiProgress--vis6.euiProgress--native::-moz-progress-bar {
+ background-color: #B9A888; }
+
+.euiProgress--vis6.euiProgress--indeterminate:before {
+ background-color: #B9A888; }
+
+.euiProgress__data--vis6 .euiProgress__valueText {
+ color: #B9A888; }
+
+.euiProgress--vis7.euiProgress--native::-webkit-progress-value {
+ background-color: #DA8B45; }
+
+.euiProgress--vis7.euiProgress--native::-moz-progress-bar {
+ background-color: #DA8B45; }
+
+.euiProgress--vis7.euiProgress--indeterminate:before {
+ background-color: #DA8B45; }
+
+.euiProgress__data--vis7 .euiProgress__valueText {
+ color: #DA8B45; }
+
+.euiProgress--vis8.euiProgress--native::-webkit-progress-value {
+ background-color: #AA6556; }
+
+.euiProgress--vis8.euiProgress--native::-moz-progress-bar {
+ background-color: #AA6556; }
+
+.euiProgress--vis8.euiProgress--indeterminate:before {
+ background-color: #AA6556; }
+
+.euiProgress__data--vis8 .euiProgress__valueText {
+ color: #b27466; }
+
+.euiProgress--vis9.euiProgress--native::-webkit-progress-value {
+ background-color: #E7664C; }
+
+.euiProgress--vis9.euiProgress--native::-moz-progress-bar {
+ background-color: #E7664C; }
+
+.euiProgress--vis9.euiProgress--indeterminate:before {
+ background-color: #E7664C; }
+
+.euiProgress__data--vis9 .euiProgress__valueText {
+ color: #E7664C; }
+
+.euiProgress--customColor.euiProgress--native::-webkit-progress-value {
+ background-color: currentColor; }
+
+.euiProgress--customColor.euiProgress--native::-moz-progress-bar {
+ background-color: currentColor; }
+
+.euiProgress--customColor.euiProgress--indeterminate:before {
+ background-color: currentColor; }
+
+@-webkit-keyframes euiProgress {
+ 0% {
+ -webkit-transform: scaleX(1) translateX(-100%);
+ transform: scaleX(1) translateX(-100%); }
+ 100% {
+ -webkit-transform: scaleX(1) translateX(100%);
+ transform: scaleX(1) translateX(100%); } }
+
+@keyframes euiProgress {
+ 0% {
+ -webkit-transform: scaleX(1) translateX(-100%);
+ transform: scaleX(1) translateX(-100%); }
+ 100% {
+ -webkit-transform: scaleX(1) translateX(100%);
+ transform: scaleX(1) translateX(100%); } }
+
+.euiProgress__data {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between; }
+
+.euiProgress__label,
+.euiProgress__valueText {
+ color: #DFE5EF;
+ font-weight: 400;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.euiProgress__label {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiProgress__label + .euiProgress__valueText {
+ padding-left: 4px;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ text-align: right;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiProgress__valueText {
+ font-feature-settings: 'tnum' 1;
+ margin-left: auto; }
+
+.euiProgress__data--l .euiProgress__label,
+.euiProgress__data--l .euiProgress__valueText {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiTreeView__wrapper .euiTreeView {
+ margin: 0;
+ list-style-type: none; }
+
+.euiTreeView .euiTreeView {
+ padding-left: 24px; }
+
+.euiTreeView__node {
+ max-height: 32px;
+ line-height: 32px; }
+
+.euiTreeView__node--expanded {
+ max-height: 100vh; }
+
+.euiTreeView__nodeInner {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ padding-left: 8px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: center;
+ align-items: center;
+ height: 32px;
+ border-radius: 6px;
+ width: 100%;
+ -moz-text-align-last: left;
+ text-align-last: left; }
+ .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:hover, .euiTreeView__nodeInner:active, .euiTreeView__nodeInner:focus {
+ background-color: rgba(223, 229, 239, 0.2); }
+ .euiTreeView__nodeInner .euiTreeView__iconPlaceholder {
+ width: 32px; }
+
+.euiTreeView__nodeLabel {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.euiTreeView__iconWrapper {
+ margin-top: -2px;
+ margin-right: 8px; }
+ .euiTreeView__iconWrapper .euiToken {
+ margin-top: 2px; }
+
+.euiTreeView--compressed .euiTreeView__node {
+ max-height: 24px;
+ line-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 {
+ position: relative;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ z-index: 1; }
+ .euiResizableButton:before, .euiResizableButton:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ background-color: #D4DAE5;
+ transition: width 150ms ease, height 150ms ease, background-color 150ms ease, -webkit-transform 150ms ease;
+ transition: width 150ms ease, height 150ms ease, transform 150ms ease, background-color 150ms ease;
+ transition: width 150ms ease, height 150ms ease, transform 150ms ease, background-color 150ms ease, -webkit-transform 150ms ease; }
+ .euiResizableButton.euiResizableButton--horizontal {
+ cursor: col-resize;
+ width: 16px;
+ margin-left: -8px;
+ margin-right: -8px; }
+ .euiResizableButton.euiResizableButton--horizontal:before, .euiResizableButton.euiResizableButton--horizontal:after {
+ width: 1px;
+ height: 12px; }
+ .euiResizableButton.euiResizableButton--horizontal:before {
+ -webkit-transform: translate(-2px, -50%);
+ transform: translate(-2px, -50%); }
+ .euiResizableButton.euiResizableButton--horizontal:after {
+ -webkit-transform: translate(1px, -50%);
+ transform: translate(1px, -50%); }
+ .euiResizableButton.euiResizableButton--vertical {
+ cursor: row-resize;
+ height: 16px;
+ margin-top: -8px;
+ margin-bottom: -8px; }
+ .euiResizableButton.euiResizableButton--vertical:before, .euiResizableButton.euiResizableButton--vertical:after {
+ width: 12px;
+ height: 1px; }
+ .euiResizableButton.euiResizableButton--vertical:before {
+ -webkit-transform: translate(-50%, -2px);
+ transform: translate(-50%, -2px); }
+ .euiResizableButton.euiResizableButton--vertical:after {
+ -webkit-transform: translate(-50%, 1px);
+ transform: translate(-50%, 1px); }
+ .euiResizableButton:hover:not(:disabled):before, .euiResizableButton:hover:not(:disabled):after {
+ background-color: #535966;
+ transition-delay: 150ms; }
+ .euiResizableButton:focus:not(:disabled) {
+ background-color: rgba(54, 162, 239, 0.1); }
+ .euiResizableButton:focus:not(:disabled):before, .euiResizableButton:focus:not(:disabled):after {
+ background-color: #106C96;
+ transition: width 150ms ease, height 150ms ease, -webkit-transform 150ms ease;
+ transition: width 150ms ease, height 150ms ease, transform 150ms ease;
+ transition: width 150ms ease, height 150ms ease, transform 150ms ease, -webkit-transform 150ms ease;
+ transition-delay: 75ms; }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:before, .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:after, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:before, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:after {
+ height: 100%; }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:before, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:before {
+ -webkit-transform: translate(-1px, -50%);
+ transform: translate(-1px, -50%); }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:after, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:after {
+ -webkit-transform: translate(0, -50%);
+ transform: translate(0, -50%); }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:before, .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:after, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:before, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:after {
+ width: 100%; }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:before, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:before {
+ -webkit-transform: translate(-50%, -1px);
+ transform: translate(-50%, -1px); }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:after, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:after {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0); }
+ .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 {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.1), 0 2.3px 2px rgba(0, 0, 0, 0.075);
+ position: absolute;
+ z-index: 2;
+ -webkit-animation: none !important;
+ animation: none !important;
+ transition-property: background, box-shadow; }
+ .euiResizableToggleButton:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125); }
+ .euiResizableToggleButton-isCollapsed {
+ box-shadow: none;
+ background: transparent;
+ border-radius: 0; }
+ .euiResizableToggleButton:not(:focus):not(:active):not(.euiResizableToggleButton-isVisible):not(.euiResizableToggleButton-isCollapsed) {
+ position: absolute;
+ top: auto;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ clip: rect(0 0 0 0);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ overflow: hidden;
+ margin: -1px; }
+
+.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after {
+ right: 0;
+ top: 50%;
+ /* 1 */
+ -webkit-transform: translate(50%, -50%);
+ transform: translate(50%, -50%);
+ /* 1 */ }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--top {
+ top: 0;
+ -webkit-transform: translate(50%, 16px);
+ transform: translate(50%, 16px); }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--bottom {
+ top: auto;
+ bottom: 0;
+ -webkit-transform: translate(50%, -16px);
+ transform: translate(50%, -16px); }
+
+.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before {
+ left: 0;
+ top: 50%;
+ /* 1 */
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ /* 1 */ }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--top {
+ top: 0;
+ -webkit-transform: translate(-50%, 16px);
+ transform: translate(-50%, 16px); }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--bottom {
+ top: auto;
+ bottom: 0;
+ -webkit-transform: translate(-50%, -16px);
+ transform: translate(-50%, -16px); }
+
+.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
+ top: 0 !important;
+ bottom: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ height: 100%; }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--top {
+ padding-top: 16px;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ /* 2 */ }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--bottom {
+ padding-bottom: 16px;
+ -webkit-align-items: flex-end;
+ align-items: flex-end;
+ /* 2 */ }
+
+.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after {
+ top: 100%;
+ left: 50%;
+ /* 1 */
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ /* 1 */ }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--left {
+ left: 0;
+ -webkit-transform: translate(16px, -50%);
+ transform: translate(16px, -50%); }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--right {
+ left: auto;
+ right: 0;
+ -webkit-transform: translate(-16px, -50%);
+ transform: translate(-16px, -50%); }
+
+.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before {
+ bottom: 100%;
+ left: 50%;
+ /* 1 */
+ -webkit-transform: translate(-50%, 50%);
+ transform: translate(-50%, 50%);
+ /* 1 */ }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--left {
+ left: 0;
+ -webkit-transform: translate(16px, 50%);
+ transform: translate(16px, 50%); }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--right {
+ left: auto;
+ right: 0;
+ -webkit-transform: translate(-16px, 50%);
+ transform: translate(-16px, 50%); }
+
+.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
+ top: 0 !important;
+ bottom: 0 !important;
+ left: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ width: 100%; }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--left {
+ padding-left: 16px;
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ /* 2 */ }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--right {
+ padding-right: 16px;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ /* 2 */ }
+
+.euiResizableContainer {
+ display: -webkit-flex;
+ display: flex;
+ width: 100%; }
+ .euiResizableContainer--vertical {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+
+.euiResizablePanel {
+ position: relative; }
+
+.euiResizablePanel--paddingSmall {
+ padding: 8px; }
+
+.euiResizablePanel--paddingMedium {
+ padding: 16px; }
+
+.euiResizablePanel--paddingLarge {
+ padding: 24px; }
+
+.euiResizablePanel__content {
+ height: 100%; }
+ .euiResizablePanel__content:not([class*='plain']) {
+ border-width: 0; }
+
+.euiResizablePanel__content--scrollable {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto; }
+ .euiResizablePanel__content--scrollable::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiResizablePanel__content--scrollable::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiResizablePanel__content--scrollable::-webkit-scrollbar-corner, .euiResizablePanel__content--scrollable::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiResizablePanel-isCollapsed {
+ overflow: hidden; }
+ .euiResizablePanel-isCollapsed .euiResizablePanel__content * {
+ display: none; }
+
+.euiResizableContainer--horizontal .euiResizablePanel-isCollapsed {
+ min-width: 0 !important; }
+
+.euiResizableContainer--horizontal .euiResizablePanel--collapsible.euiResizablePanel-isCollapsed {
+ min-width: 24px !important; }
+
+.euiResizableContainer--vertical .euiResizablePanel-isCollapsed {
+ min-height: 0 !important; }
+
+.euiResizableContainer--vertical .euiResizablePanel--collapsible.euiResizablePanel-isCollapsed {
+ min-height: 24px !important; }
+
+.euiSideNav__mobileToggle {
+ height: auto;
+ border-bottom: 1px solid #343741;
+ width: 100%;
+ text-align: left;
+ border-radius: 0 !important;
+ font-size: 16px;
+ padding: 0 16px; }
+ .euiSideNav__mobileToggle .euiSideNav__mobileToggleText {
+ padding: 16px 0; }
+ .euiSideNav__mobileToggle .euiSideNav__mobileToggleContent {
+ -webkit-justify-content: space-between;
+ justify-content: space-between; }
+
+.euiSideNav__heading {
+ margin-bottom: 24px; }
+
+@media only screen and (max-width: 574px) {
+ .euiSideNav__contentMobile-xs {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (max-width: 574px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiSideNav__contentMobile-s {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .euiSideNav__contentMobile-m {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (min-width: 768px) and (max-width: 991px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiSideNav__contentMobile-l {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (min-width: 992px) and (max-width: 1199px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+@media only screen and (min-width: 1200px) {
+ .euiSideNav__contentMobile-xl {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.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 {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ text-align: left;
+ /* 1 */
+ display: block;
+ width: 100%;
+ padding: 2px 0;
+ color: inherit;
+ /* 2 */ }
+ .euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover {
+ cursor: pointer; }
+ .euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover .euiSideNavItemButton__label, .euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):focus .euiSideNavItemButton__label {
+ text-decoration: underline;
+ /* 4 */ }
+ .euiSideNavItemButton.euiSideNavItemButton-isSelected {
+ color: #106C96;
+ font-weight: 700; }
+ .euiSideNavItemButton.euiSideNavItemButton-isSelected .euiSideNavItemButton__label {
+ text-decoration: underline;
+ /* 4 */ }
+ .euiSideNavItemButton:disabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #515761; }
+
+.euiSideNavItemButton__content {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiSideNavItemButton__icon {
+ margin-right: 8px; }
+
+.euiSideNavItemButton__labelContainer {
+ min-width: 0;
+ /* 3 */ }
+
+.euiSideNavItemButton__label {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiSideNavItemButton__label--truncated {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.euiSideNavItem--root {
+ /**
+ * 1. Create padding around focus area without indenting the item itself.
+ */ }
+ .euiSideNavItem--root.euiSideNavItem--rootIcon > .euiSideNavItem__items {
+ margin-left: 24px; }
+ .euiSideNavItem--root > .euiSideNavItemButton {
+ margin-bottom: 8px;
+ padding: 0;
+ padding-left: 8px;
+ /* 1 */
+ padding-right: 8px;
+ /* 1 */
+ margin-left: -8px;
+ /* 1 */
+ width: calc(100% + 16px);
+ /* 1 */ }
+ .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ color: inherit; }
+ .euiSideNavItem--root > .euiSideNavItem__items {
+ position: static;
+ margin-left: 0; }
+ .euiSideNavItem--root > .euiSideNavItem__items:after {
+ display: none; }
+ .euiSideNavItem--root + .euiSideNavItem--root {
+ margin-top: 32px; }
+
+.euiSideNavItem--trunk {
+ color: #DFE5EF;
+ /* 2 */
+ /**
+ * 1. Create padding around focus area without indenting the item itself.
+ */ }
+ .euiSideNavItem--trunk > .euiSideNavItemButton {
+ padding-left: 8px;
+ /* 1 */
+ padding-right: 8px;
+ /* 1 */
+ margin-left: -8px;
+ /* 1 */
+ width: calc(100% + 16px);
+ /* 1 */ }
+ .euiSideNavItem--trunk > .euiSideNavItem__items {
+ margin-left: 8px;
+ width: 100%; }
+
+.euiSideNavItem--branch {
+ /**
+ * 1. Draw the vertical line to group an expanded item's child items together.
+ */
+ position: relative;
+ color: #878b95;
+ /* 2 */
+ /**
+ * 2. Absolutely position the horizontal tick connecting the item to the vertical line.
+ */ }
+ .euiSideNavItem--branch::after {
+ /* 1 */
+ position: absolute;
+ content: '';
+ top: 0;
+ bottom: 0;
+ width: 1px;
+ background: #343741;
+ left: 0; }
+ .euiSideNavItem--branch:last-of-type::after {
+ height: 12px; }
+ .euiSideNavItem--branch > .euiSideNavItemButton {
+ position: relative;
+ /* 2 */
+ padding-left: 8px;
+ padding-right: 8px;
+ /* 2 */ }
+ .euiSideNavItem--branch > .euiSideNavItemButton:after {
+ position: absolute;
+ /* 2 */
+ content: '';
+ top: 12px;
+ left: 0;
+ width: 4px;
+ height: 1px;
+ background: #343741; }
+ .euiSideNavItem--branch > .euiSideNavItem__items {
+ margin-left: 16px; }
+
+.euiSideNavItem--emphasized {
+ background: rgba(52, 55, 65, 0.3);
+ color: #DFE5EF;
+ box-shadow: 100px 0 0 0 rgba(52, 55, 65, 0.3), -100px 0 0 0 rgba(52, 55, 65, 0.3); }
+ .euiSideNavItem--emphasized > .euiSideNavItemButton {
+ font-weight: 700; }
+ .euiSideNavItem--emphasized .euiSideNavItem--emphasized {
+ background: transparent;
+ box-shadow: none; }
+
+.euiSpacer {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiSpacer--xs {
+ height: 4px; }
+
+.euiSpacer--s {
+ height: 8px; }
+
+.euiSpacer--m {
+ height: 16px; }
+
+.euiSpacer--l {
+ height: 24px; }
+
+.euiSpacer--xl {
+ height: 32px; }
+
+.euiSpacer--xxl {
+ height: 40px; }
+
+.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: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+
+.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 {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiSelectableList-bordered {
+ overflow: hidden;
+ border: 1px solid #343741;
+ border-radius: 6px; }
+
+.euiSelectableList__list {
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin; }
+ .euiSelectableList__list::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiSelectableList__list::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiSelectableList__list::-webkit-scrollbar-corner, .euiSelectableList__list::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiSelectableList__groupLabel {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 700;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ border-bottom: 1px solid #202128;
+ padding: 4px 12px; }
+
+.euiSelectableListItem {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ width: 100%;
+ text-align: left;
+ cursor: pointer;
+ overflow: hidden; }
+ .euiSelectableListItem:not(:last-of-type) {
+ border-bottom: 1px solid #202128; }
+ .euiSelectableListItem-isFocused:not([aria-disabled='true']), .euiSelectableListItem:hover:not([aria-disabled='true']) {
+ color: #106C96;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiSelectableListItem-isFocused:not([aria-disabled='true']) .euiSelectableListItem__text, .euiSelectableListItem:hover:not([aria-disabled='true']) .euiSelectableListItem__text {
+ text-decoration: underline; }
+ .euiSelectableListItem[aria-disabled='true'] {
+ color: #535966;
+ cursor: not-allowed; }
+ .euiSelectableListItem--paddingSmall .euiSelectableListItem__content {
+ padding: 4px 12px; }
+
+.euiSelectableListItem__content {
+ width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiSelectableListItem__icon,
+.euiSelectableListItem__prepend {
+ margin-right: 12px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiSelectableListItem__append {
+ margin-left: 12px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiSelectableListItem__text {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiSelectableListItem__text--truncate {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+/**
+ * 1. Prevent really long input from overflowing the container.
+ */
+.euiSelectableMessage {
+ padding: 8px;
+ text-align: center;
+ word-wrap: break-word;
+ /* 1 */
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiSelectableMessage--bordered {
+ overflow: hidden;
+ border: 1px solid #343741;
+ border-radius: 6px; }
+
+.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout {
+ background-color: transparent; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout--group,
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout input {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) {
+ color: #FFF; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input {
+ color: inherit;
+ background-color: transparent; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::-webkit-input-placeholder {
+ color: #abaeb5;
+ opacity: 1; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::-moz-placeholder {
+ color: #abaeb5;
+ opacity: 1; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::placeholder {
+ color: #abaeb5;
+ opacity: 1; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) .euiFormControlLayout__append {
+ background-color: transparent;
+ color: inherit; }
+
+.euiSelectableTemplateSitewide__listItem .euiSelectableListItem__text {
+ text-decoration: none !important; }
+
+.euiSelectableTemplateSitewide__listItem[class*='-isFocused']:not([aria-disabled='true']) .euiSelectableTemplateSitewide__listItemTitle, .euiSelectableTemplateSitewide__listItem:hover:not([aria-disabled='true']) .euiSelectableTemplateSitewide__listItemTitle {
+ text-decoration: underline; }
+
+.euiSelectableTemplateSitewide__optionMetasList {
+ display: block;
+ margin-top: 4px;
+ font-size: 12px;
+ color: #7a7f89; }
+
+.euiSelectableTemplateSitewide__optionMeta:not(:last-of-type)::after {
+ content: '•';
+ margin: 0 4px;
+ color: #7a7f89; }
+
+.euiSelectableTemplateSitewide__optionMeta--application {
+ color: #6092C0;
+ font-weight: 500; }
+
+.euiSelectableTemplateSitewide__optionMeta--deployment {
+ color: #54B399;
+ font-weight: 500; }
+
+.euiSelectableTemplateSitewide__optionMeta--article {
+ color: #9170B8;
+ font-weight: 500; }
+
+.euiSelectableTemplateSitewide__optionMeta--case {
+ color: #E7664C;
+ font-weight: 500; }
+
+.euiSelectableTemplateSitewide__optionMeta--platform {
+ color: #D6BF57;
+ font-weight: 500; }
+
+.euiStat .euiStat__title {
+ color: #FFF; }
+ .euiStat .euiStat__title--subdued {
+ color: #7a7f89; }
+ .euiStat .euiStat__title--primary {
+ color: #106C96; }
+ .euiStat .euiStat__title--success {
+ color: #7DDED8; }
+ .euiStat .euiStat__title--danger {
+ color: #F86B63; }
+ .euiStat .euiStat__title--accent {
+ color: #F68FBE; }
+
+.euiStat .euiStat__title-isLoading {
+ -webkit-animation: euiStatPulse 1.5s infinite ease-in-out;
+ animation: euiStatPulse 1.5s infinite ease-in-out; }
+
+.euiStat.euiStat--leftAligned {
+ text-align: left;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+
+.euiStat.euiStat--centerAligned {
+ text-align: center;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiStat.euiStat--rightAligned {
+ text-align: right;
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+
+@-webkit-keyframes euiStatPulse {
+ 0% {
+ opacity: 1; }
+ 50% {
+ opacity: .25; }
+ 100% {
+ opacity: 1; } }
+
+@keyframes euiStatPulse {
+ 0% {
+ opacity: 1; }
+ 50% {
+ opacity: .25; }
+ 100% {
+ opacity: 1; } }
+
+.euiStepNumber {
+ width: 32px;
+ height: 32px;
+ display: inline-block;
+ line-height: 32px;
+ border-radius: 32px;
+ text-align: center;
+ color: #1D1E24;
+ background-color: #106C96;
+ font-size: 14px;
+ font-weight: 500; }
+ .euiStepNumber .euiStepNumber__icon {
+ vertical-align: middle;
+ position: relative;
+ top: -2px; }
+ .euiStepNumber--small {
+ width: 24px;
+ height: 24px;
+ display: inline-block;
+ line-height: 24px;
+ border-radius: 24px;
+ text-align: center;
+ color: #1D1E24;
+ background-color: #106C96;
+ font-size: 12px;
+ font-weight: 500; }
+ .euiStepNumber--small .euiStepNumber__icon {
+ top: -1px; }
+ .euiStepNumber--complete .euiStepNumber__icon {
+ stroke: currentColor;
+ stroke-width: .5px; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiStepNumber--complete, .euiStepNumber--warning, .euiStepNumber--danger {
+ -webkit-animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1); } }
+ .euiStepNumber--loading {
+ background: transparent; }
+ .euiStepNumber.euiStepNumber-isHollow {
+ background-color: transparent;
+ border: 2px solid #106C96; }
+ .euiStepNumber.euiStepNumber-isHollow .euiStepNumber__number {
+ display: none; }
+ .euiStepNumber--warning {
+ color: #F3D371;
+ background-color: #493f22; }
+ .euiStepNumber--danger {
+ color: #F86B63;
+ background-color: #4a201e; }
+ .euiStepNumber--disabled {
+ color: #98A2B3;
+ background-color: #2e3136; }
+ .euiStepNumber--incomplete {
+ color: #98A2B3;
+ background-color: #2e3136; }
+
+/**
+ * 1. Ensure that the step number vertically aligns with the title text
+ */
+.euiStep:not(:last-of-type) {
+ background-image: linear-gradient(to right, transparent 0, transparent 15px, #343741 15px, #343741 17px, transparent 17px, transparent 100%);
+ background-repeat: no-repeat;
+ background-position: left 40px; }
+
+.euiStep--small:not(:last-of-type) {
+ background-position: left -4px top 32px; }
+
+.euiStep--small .euiStep__content {
+ padding-left: 28px;
+ margin-left: 12px; }
+
+.euiStep__titleWrapper {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiStep__circle {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ margin-right: 16px;
+ vertical-align: top;
+ /* 1 */ }
+
+.euiStep__title {
+ font-weight: 500; }
+
+.euiStep__content {
+ padding: 16px 16px 32px;
+ margin: 8px 0;
+ padding-left: 32px;
+ margin-left: 16px; }
+
+.euiSubSteps {
+ padding: 16px;
+ background-color: #25262E;
+ margin-bottom: 16px; }
+ .euiSubSteps > *:last-child {
+ margin-bottom: 0; }
+ .euiText .euiSubSteps ol,
+ .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 {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ background: rgba(37, 38, 46, 0.5); }
+
+.euiStepHorizontal__item {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ /* 2 */
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%;
+ /* 2 */ }
+ .euiStepHorizontal__item:first-of-type > .euiStepHorizontal::before,
+ .euiStepHorizontal__item:last-of-type > .euiStepHorizontal::after {
+ display: none; }
+
+.euiStepHorizontal {
+ padding: 24px 16px 16px;
+ display: -webkit-flex;
+ display: flex;
+ /* 3 */
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ /* 3 */
+ -webkit-align-items: center;
+ align-items: center;
+ /* 3 */
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ /* 3 */
+ cursor: pointer;
+ 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::before, .euiStepHorizontal::after {
+ content: '';
+ position: absolute;
+ width: calc(50% - 16px);
+ height: 1px;
+ top: 40px;
+ background-color: #343741;
+ z-index: 0;
+ /* 1 */ }
+ .euiStepHorizontal::before {
+ left: 0; }
+ .euiStepHorizontal::after {
+ right: 0; }
+
+.euiStepHorizontal__number {
+ position: relative;
+ /* 1 */
+ z-index: 1;
+ /* 1 */
+ transition: all 150ms ease-in-out; }
+
+.euiStepHorizontal__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ margin-top: 8px;
+ font-weight: 400;
+ text-align: center; }
+ .euiStepHorizontal-isDisabled .euiStepHorizontal__title {
+ color: #98A2B3; }
+
+.euiStepHorizontal-isComplete::before, .euiStepHorizontal-isComplete::after {
+ height: 2px;
+ background-color: #106C96; }
+
+.euiStepHorizontal-isSelected .euiStepHorizontal__number:not([class*='danger']):not([class*='warning']):not([class*='loading']) {
+ box-shadow: 0 0.8px 0.8px rgba(76, 158, 217, 0.1), 0 2.3px 2px rgba(76, 158, 217, 0.075); }
+
+.euiStepHorizontal-isSelected::before {
+ height: 2px;
+ background-color: #106C96; }
+
+@media only screen and (max-width: 574px) {
+ .euiStepHorizontal {
+ padding-top: 16px; }
+ .euiStepHorizontal::before, .euiStepHorizontal::after {
+ top: 32px; }
+ .euiStepHorizontal__title {
+ display: none; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiStepHorizontal {
+ padding-top: 16px; }
+ .euiStepHorizontal::before, .euiStepHorizontal::after {
+ top: 32px; }
+ .euiStepHorizontal__title {
+ display: none; } }
+
+.euiSuggestItem {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ font-size: 12px;
+ line-height: 16px;
+ color: #DFE5EF;
+ -webkit-flex: 1 1 100%;
+ flex: 1 1 100%;
+ max-width: 100%; }
+ .euiSuggestItem--truncate .euiSuggestItem__label,
+ .euiSuggestItem--truncate .euiSuggestItem__description {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+button.euiSuggestItem {
+ width: 100%;
+ text-align: left; }
+ button.euiSuggestItem:hover, button.euiSuggestItem:focus {
+ cursor: pointer;
+ background-color: rgba(54, 162, 239, 0.2); }
+ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus .euiSuggestItem__label {
+ text-decoration: underline; }
+
+.euiSuggestItem__type--tint0 {
+ background-color: #19362e;
+ color: #54B399; }
+
+.euiSuggestItem__type--tint1 {
+ background-color: #1d2c3a;
+ color: #6897c3; }
+
+.euiSuggestItem__type--tint2 {
+ background-color: #3f1d28;
+ color: #d77092; }
+
+.euiSuggestItem__type--tint3 {
+ background-color: #2c2237;
+ color: #a184c2; }
+
+.euiSuggestItem__type--tint4 {
+ background-color: #3d2b34;
+ color: #CA8EAE; }
+
+.euiSuggestItem__type--tint5 {
+ background-color: #40391a;
+ color: #D6BF57; }
+
+.euiSuggestItem__type--tint6 {
+ background-color: #383229;
+ color: #B9A888; }
+
+.euiSuggestItem__type--tint7 {
+ background-color: #412a15;
+ color: #DA8B45; }
+
+.euiSuggestItem__type--tint8 {
+ background-color: #331e1a;
+ color: #b67b6e; }
+
+.euiSuggestItem__type--tint9 {
+ background-color: #451f17;
+ color: #e86e55; }
+
+.euiSuggestItem__type--tint10 {
+ background-color: #2e3136;
+ color: #98A2B3; }
+
+.euiSuggestItem__type {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ padding-top: 8px;
+ width: 32px;
+ min-height: 32px;
+ -webkit-align-self: stretch;
+ align-self: stretch; }
+
+.euiSuggestItem__label,
+.euiSuggestItem__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ display: inline-block;
+ padding: 8px;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiSuggestItem__label {
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace; }
+ .euiSuggestItem__label.euiSuggestItem__label--width20 {
+ -webkit-flex-basis: calc(20% - 16px);
+ flex-basis: calc(20% - 16px);
+ min-width: calc(20% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width21 {
+ -webkit-flex-basis: calc(21% - 16px);
+ flex-basis: calc(21% - 16px);
+ min-width: calc(21% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width22 {
+ -webkit-flex-basis: calc(22% - 16px);
+ flex-basis: calc(22% - 16px);
+ min-width: calc(22% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width23 {
+ -webkit-flex-basis: calc(23% - 16px);
+ flex-basis: calc(23% - 16px);
+ min-width: calc(23% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width24 {
+ -webkit-flex-basis: calc(24% - 16px);
+ flex-basis: calc(24% - 16px);
+ min-width: calc(24% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width25 {
+ -webkit-flex-basis: calc(25% - 16px);
+ flex-basis: calc(25% - 16px);
+ min-width: calc(25% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width26 {
+ -webkit-flex-basis: calc(26% - 16px);
+ flex-basis: calc(26% - 16px);
+ min-width: calc(26% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width27 {
+ -webkit-flex-basis: calc(27% - 16px);
+ flex-basis: calc(27% - 16px);
+ min-width: calc(27% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width28 {
+ -webkit-flex-basis: calc(28% - 16px);
+ flex-basis: calc(28% - 16px);
+ min-width: calc(28% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width29 {
+ -webkit-flex-basis: calc(29% - 16px);
+ flex-basis: calc(29% - 16px);
+ min-width: calc(29% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width30 {
+ -webkit-flex-basis: calc(30% - 16px);
+ flex-basis: calc(30% - 16px);
+ min-width: calc(30% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width31 {
+ -webkit-flex-basis: calc(31% - 16px);
+ flex-basis: calc(31% - 16px);
+ min-width: calc(31% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width32 {
+ -webkit-flex-basis: calc(32% - 16px);
+ flex-basis: calc(32% - 16px);
+ min-width: calc(32% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width33 {
+ -webkit-flex-basis: calc(33% - 16px);
+ flex-basis: calc(33% - 16px);
+ min-width: calc(33% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width34 {
+ -webkit-flex-basis: calc(34% - 16px);
+ flex-basis: calc(34% - 16px);
+ min-width: calc(34% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width35 {
+ -webkit-flex-basis: calc(35% - 16px);
+ flex-basis: calc(35% - 16px);
+ min-width: calc(35% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width36 {
+ -webkit-flex-basis: calc(36% - 16px);
+ flex-basis: calc(36% - 16px);
+ min-width: calc(36% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width37 {
+ -webkit-flex-basis: calc(37% - 16px);
+ flex-basis: calc(37% - 16px);
+ min-width: calc(37% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width38 {
+ -webkit-flex-basis: calc(38% - 16px);
+ flex-basis: calc(38% - 16px);
+ min-width: calc(38% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width39 {
+ -webkit-flex-basis: calc(39% - 16px);
+ flex-basis: calc(39% - 16px);
+ min-width: calc(39% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width40 {
+ -webkit-flex-basis: calc(40% - 16px);
+ flex-basis: calc(40% - 16px);
+ min-width: calc(40% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width41 {
+ -webkit-flex-basis: calc(41% - 16px);
+ flex-basis: calc(41% - 16px);
+ min-width: calc(41% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width42 {
+ -webkit-flex-basis: calc(42% - 16px);
+ flex-basis: calc(42% - 16px);
+ min-width: calc(42% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width43 {
+ -webkit-flex-basis: calc(43% - 16px);
+ flex-basis: calc(43% - 16px);
+ min-width: calc(43% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width44 {
+ -webkit-flex-basis: calc(44% - 16px);
+ flex-basis: calc(44% - 16px);
+ min-width: calc(44% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width45 {
+ -webkit-flex-basis: calc(45% - 16px);
+ flex-basis: calc(45% - 16px);
+ min-width: calc(45% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width46 {
+ -webkit-flex-basis: calc(46% - 16px);
+ flex-basis: calc(46% - 16px);
+ min-width: calc(46% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width47 {
+ -webkit-flex-basis: calc(47% - 16px);
+ flex-basis: calc(47% - 16px);
+ min-width: calc(47% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width48 {
+ -webkit-flex-basis: calc(48% - 16px);
+ flex-basis: calc(48% - 16px);
+ min-width: calc(48% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width49 {
+ -webkit-flex-basis: calc(49% - 16px);
+ flex-basis: calc(49% - 16px);
+ min-width: calc(49% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width50 {
+ -webkit-flex-basis: calc(50% - 16px);
+ flex-basis: calc(50% - 16px);
+ min-width: calc(50% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width51 {
+ -webkit-flex-basis: calc(51% - 16px);
+ flex-basis: calc(51% - 16px);
+ min-width: calc(51% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width52 {
+ -webkit-flex-basis: calc(52% - 16px);
+ flex-basis: calc(52% - 16px);
+ min-width: calc(52% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width53 {
+ -webkit-flex-basis: calc(53% - 16px);
+ flex-basis: calc(53% - 16px);
+ min-width: calc(53% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width54 {
+ -webkit-flex-basis: calc(54% - 16px);
+ flex-basis: calc(54% - 16px);
+ min-width: calc(54% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width55 {
+ -webkit-flex-basis: calc(55% - 16px);
+ flex-basis: calc(55% - 16px);
+ min-width: calc(55% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width56 {
+ -webkit-flex-basis: calc(56% - 16px);
+ flex-basis: calc(56% - 16px);
+ min-width: calc(56% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width57 {
+ -webkit-flex-basis: calc(57% - 16px);
+ flex-basis: calc(57% - 16px);
+ min-width: calc(57% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width58 {
+ -webkit-flex-basis: calc(58% - 16px);
+ flex-basis: calc(58% - 16px);
+ min-width: calc(58% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width59 {
+ -webkit-flex-basis: calc(59% - 16px);
+ flex-basis: calc(59% - 16px);
+ min-width: calc(59% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width60 {
+ -webkit-flex-basis: calc(60% - 16px);
+ flex-basis: calc(60% - 16px);
+ min-width: calc(60% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width61 {
+ -webkit-flex-basis: calc(61% - 16px);
+ flex-basis: calc(61% - 16px);
+ min-width: calc(61% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width62 {
+ -webkit-flex-basis: calc(62% - 16px);
+ flex-basis: calc(62% - 16px);
+ min-width: calc(62% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width63 {
+ -webkit-flex-basis: calc(63% - 16px);
+ flex-basis: calc(63% - 16px);
+ min-width: calc(63% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width64 {
+ -webkit-flex-basis: calc(64% - 16px);
+ flex-basis: calc(64% - 16px);
+ min-width: calc(64% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width65 {
+ -webkit-flex-basis: calc(65% - 16px);
+ flex-basis: calc(65% - 16px);
+ min-width: calc(65% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width66 {
+ -webkit-flex-basis: calc(66% - 16px);
+ flex-basis: calc(66% - 16px);
+ min-width: calc(66% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width67 {
+ -webkit-flex-basis: calc(67% - 16px);
+ flex-basis: calc(67% - 16px);
+ min-width: calc(67% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width68 {
+ -webkit-flex-basis: calc(68% - 16px);
+ flex-basis: calc(68% - 16px);
+ min-width: calc(68% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width69 {
+ -webkit-flex-basis: calc(69% - 16px);
+ flex-basis: calc(69% - 16px);
+ min-width: calc(69% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width70 {
+ -webkit-flex-basis: calc(70% - 16px);
+ flex-basis: calc(70% - 16px);
+ min-width: calc(70% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width71 {
+ -webkit-flex-basis: calc(71% - 16px);
+ flex-basis: calc(71% - 16px);
+ min-width: calc(71% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width72 {
+ -webkit-flex-basis: calc(72% - 16px);
+ flex-basis: calc(72% - 16px);
+ min-width: calc(72% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width73 {
+ -webkit-flex-basis: calc(73% - 16px);
+ flex-basis: calc(73% - 16px);
+ min-width: calc(73% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width74 {
+ -webkit-flex-basis: calc(74% - 16px);
+ flex-basis: calc(74% - 16px);
+ min-width: calc(74% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width75 {
+ -webkit-flex-basis: calc(75% - 16px);
+ flex-basis: calc(75% - 16px);
+ min-width: calc(75% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width76 {
+ -webkit-flex-basis: calc(76% - 16px);
+ flex-basis: calc(76% - 16px);
+ min-width: calc(76% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width77 {
+ -webkit-flex-basis: calc(77% - 16px);
+ flex-basis: calc(77% - 16px);
+ min-width: calc(77% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width78 {
+ -webkit-flex-basis: calc(78% - 16px);
+ flex-basis: calc(78% - 16px);
+ min-width: calc(78% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width79 {
+ -webkit-flex-basis: calc(79% - 16px);
+ flex-basis: calc(79% - 16px);
+ min-width: calc(79% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width80 {
+ -webkit-flex-basis: calc(80% - 16px);
+ flex-basis: calc(80% - 16px);
+ min-width: calc(80% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width81 {
+ -webkit-flex-basis: calc(81% - 16px);
+ flex-basis: calc(81% - 16px);
+ min-width: calc(81% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width82 {
+ -webkit-flex-basis: calc(82% - 16px);
+ flex-basis: calc(82% - 16px);
+ min-width: calc(82% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width83 {
+ -webkit-flex-basis: calc(83% - 16px);
+ flex-basis: calc(83% - 16px);
+ min-width: calc(83% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width84 {
+ -webkit-flex-basis: calc(84% - 16px);
+ flex-basis: calc(84% - 16px);
+ min-width: calc(84% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width85 {
+ -webkit-flex-basis: calc(85% - 16px);
+ flex-basis: calc(85% - 16px);
+ min-width: calc(85% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width86 {
+ -webkit-flex-basis: calc(86% - 16px);
+ flex-basis: calc(86% - 16px);
+ min-width: calc(86% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width87 {
+ -webkit-flex-basis: calc(87% - 16px);
+ flex-basis: calc(87% - 16px);
+ min-width: calc(87% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width88 {
+ -webkit-flex-basis: calc(88% - 16px);
+ flex-basis: calc(88% - 16px);
+ min-width: calc(88% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width89 {
+ -webkit-flex-basis: calc(89% - 16px);
+ flex-basis: calc(89% - 16px);
+ min-width: calc(89% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width90 {
+ -webkit-flex-basis: calc(90% - 16px);
+ flex-basis: calc(90% - 16px);
+ min-width: calc(90% - 16px); }
+ .euiSuggestItem__label--expand {
+ -webkit-flex-basis: auto;
+ flex-basis: auto; }
+
+.euiSuggestItem__description {
+ color: #7a7f89;
+ padding-top: 9px;
+ -webkit-flex-basis: auto;
+ flex-basis: auto;
+ -webkit-align-self: baseline;
+ align-self: baseline; }
+ .euiSuggestItem__description.euiSuggestItem__description--wrap {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ white-space: normal !important; }
+
+.euiSuggestItemOption[class*='isFocused'] .euiSuggestItem__label, .euiSuggestItemOption:hover:not([aria-disabled='true']) .euiSuggestItem__label, .euiSuggestItemOption:focus .euiSuggestItem__label {
+ text-decoration: underline; }
+
+.euiSuggestInput__statusIcon {
+ background-color: transparent !important; }
+
+/**
+ * NOTE: table-layout: fixed causes a bug in IE11 and Edge (see #9929). It also prevents us from
+ * specifying a column width, e.g. the checkbox column.
+ */
+.euiTable {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
+ width: 100%;
+ table-layout: fixed;
+ border: none;
+ border-collapse: collapse;
+ background-color: #1D1E24; }
+ .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: 0.85714rem;
+ line-height: 1.14286rem;
+ padding: 4px; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiTable--compressed .euiTableCellContent {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding: 4px; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiTable--compressed .euiTableCellContent {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding: 4px; } }
+
+.euiTableFooterCell,
+.euiTableHeaderCell {
+ vertical-align: middle;
+ border-top: 1px solid #343741;
+ border-bottom: 1px solid #343741;
+ font-weight: inherit;
+ text-align: left;
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 500;
+ border-top: none; }
+ .euiTableFooterCell .euiTableHeaderButton,
+ .euiTableHeaderCell .euiTableHeaderButton {
+ text-align: left;
+ font-weight: 500; }
+ .euiTableFooterCell .euiTableCellContent__text,
+ .euiTableHeaderCell .euiTableCellContent__text {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 600; }
+
+.euiTableHeaderButton {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ color: inherit;
+ width: 100%; }
+ .euiTableHeaderButton:hover .euiTableCellContent__text, .euiTableHeaderButton:focus .euiTableCellContent__text {
+ text-decoration: underline;
+ color: #106C96; }
+ .euiTableHeaderButton:hover .euiTableSortIcon, .euiTableHeaderButton:focus .euiTableSortIcon {
+ fill: #106C96; }
+
+.euiTableSortIcon {
+ margin-left: 4px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiTableHeaderButton-isSorted .euiTableSortIcon {
+ fill: #DFE5EF; }
+
+.euiTableHeaderCellCheckbox {
+ vertical-align: middle;
+ border-top: 1px solid #343741;
+ border-bottom: 1px solid #343741;
+ font-weight: inherit;
+ text-align: left;
+ width: 32px;
+ vertical-align: middle;
+ border-top: none; }
+
+.euiTableRow:hover {
+ background-color: #1e1e25; }
+
+.euiTableRow.euiTableRow-isClickable:hover {
+ background-color: rgba(54, 162, 239, 0.05);
+ cursor: pointer; }
+
+.euiTableRow.euiTableRow-isClickable:focus {
+ background-color: rgba(54, 162, 239, 0.1); }
+
+.euiTableRow.euiTableRow-isExpandedRow {
+ background-color: #1e1e25; }
+ .euiTableRow.euiTableRow-isExpandedRow.euiTableRow-isSelectable .euiTableCellContent {
+ padding-left: 40px; }
+
+.euiTableRow.euiTableRow-isSelected {
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiTableRow.euiTableRow-isSelected:hover,
+ .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
+ background-color: rgba(27, 81, 120, 0.28); }
+
+.euiTableRowCell {
+ vertical-align: middle;
+ border-top: 1px solid #343741;
+ border-bottom: 1px solid #343741;
+ font-weight: inherit;
+ text-align: left;
+ color: #DFE5EF; }
+ .euiTableRowCell--top {
+ vertical-align: top; }
+ .euiTableRowCell--bottom {
+ vertical-align: bottom; }
+ .euiTableRowCell--baseline {
+ vertical-align: baseline; }
+ .euiTableRowCell.euiTableRowCell--isMobileHeader {
+ display: none; }
+
+.euiTableRowCellCheckbox {
+ vertical-align: middle;
+ border-top: 1px solid #343741;
+ border-bottom: 1px solid #343741;
+ font-weight: inherit;
+ text-align: left;
+ width: 32px;
+ vertical-align: middle; }
+
+.euiTableFooterCell {
+ background-color: #25262E;
+ border-bottom: none; }
+
+/**
+ * 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 {
+ overflow: hidden;
+ /* 4 */
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ /* 1 */
+ padding: 8px;
+ /* 2 */ }
+
+.euiTableCellContent__text {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ /* 4 */
+ min-width: 0;
+ text-overflow: ellipsis; }
+
+.euiTableCellContent--alignRight {
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ text-align: right; }
+
+.euiTableCellContent--alignCenter {
+ -webkit-justify-content: center;
+ justify-content: center;
+ text-align: center; }
+
+.euiTableHeaderCell,
+.euiTableFooterCell,
+.euiTableCellContent--truncateText {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+ .euiTableHeaderCell .euiTableCellContent__text,
+ .euiTableFooterCell .euiTableCellContent__text,
+ .euiTableCellContent--truncateText .euiTableCellContent__text {
+ overflow: hidden; }
+
+.euiTableCellContent--overflowingContent {
+ overflow: visible;
+ white-space: normal;
+ word-break: break-all;
+ word-break: break-word; }
+
+.euiTableCellContent--showOnHover > *:not(:first-child) {
+ margin-left: 8px; }
+
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ opacity: .7;
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%);
+ transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide,
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled,
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:hover,
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:focus,
+.euiTableRow:hover .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled {
+ -webkit-filter: grayscale(0%);
+ filter: grayscale(0%);
+ opacity: 0; }
+
+.euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled), .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):hover, .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):focus {
+ opacity: 1;
+ -webkit-filter: grayscale(0%);
+ filter: grayscale(0%); }
+
+.euiTableRow-isExpandedRow .euiTableCellContent {
+ overflow: hidden;
+ -webkit-animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow;
+ animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow; }
+
+@-webkit-keyframes growExpandedRow {
+ 0% {
+ max-height: 0; }
+ 99% {
+ max-height: 100vh; }
+ 100% {
+ max-height: unset; } }
+
+@keyframes growExpandedRow {
+ 0% {
+ max-height: 0; }
+ 99% {
+ max-height: 100vh; }
+ 100% {
+ 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 thead {
+ display: none; }
+ .euiTable.euiTable--responsive tfoot {
+ display: none; }
+ .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 9.625px;
+ font-size: 0.6875rem;
+ display: block;
+ color: #98A2B3;
+ padding: 8px;
+ padding-bottom: 0;
+ margin-bottom: -8px;
+ min-height: 24px; }
+ .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
+ min-height: 0; }
+ .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem; }
+ .euiTable.euiTable--responsive .euiTableRow {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
+ border: 1px solid #343741;
+ box-shadow: none; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .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: transparent; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
+ background-color: #1D1E24; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
+ background-color: #141519; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
+ background-color: #4a2b39; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
+ background-color: #103148; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
+ background-color: #264341; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
+ background-color: #493f22; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
+ background-color: #4a201e; }
+ .euiTable.euiTable--responsive .euiTableRow {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
+ background-color: #1D1E24;
+ border-radius: 6px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 8px;
+ margin-bottom: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow:hover {
+ background-color: #1D1E24; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
+ background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
+ background-size: 40px 100%;
+ background-position-x: right;
+ background-repeat: no-repeat;
+ padding-right: 40px;
+ position: relative; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
+ min-width: 0;
+ width: 24px;
+ position: absolute;
+ top: 16px;
+ right: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
+ display: none; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ padding: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
+ padding: 4px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
+ top: auto;
+ bottom: 16px;
+ right: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
+ padding-left: 36px;
+ position: relative; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
+ position: absolute;
+ left: 4px;
+ top: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
+ background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
+ background-size: 40px 100%;
+ background-position-x: right;
+ background-repeat: no-repeat;
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
+ margin-top: -16px;
+ position: relative;
+ z-index: 2;
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ padding-left: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
+ background-color: #1D1E24; }
+ .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 {
+ display: block;
+ /* IE requires block to grow and wrap. */
+ min-width: 50%;
+ border: none; }
+ .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 {
+ opacity: 1;
+ -webkit-filter: none;
+ filter: none;
+ margin-left: 0;
+ margin-bottom: 8px; }
+ .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; }
+ .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiTable.euiTable--responsive thead {
+ display: none; }
+ .euiTable.euiTable--responsive tfoot {
+ display: none; }
+ .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 9.625px;
+ font-size: 0.6875rem;
+ display: block;
+ color: #98A2B3;
+ padding: 8px;
+ padding-bottom: 0;
+ margin-bottom: -8px;
+ min-height: 24px; }
+ .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
+ min-height: 0; }
+ .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem; }
+ .euiTable.euiTable--responsive .euiTableRow {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
+ border: 1px solid #343741;
+ box-shadow: none; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .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: transparent; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
+ background-color: #1D1E24; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--subdued {
+ background-color: #141519; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--accent {
+ background-color: #4a2b39; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--primary {
+ background-color: #103148; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--success {
+ background-color: #264341; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--warning {
+ background-color: #493f22; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--danger {
+ background-color: #4a201e; }
+ .euiTable.euiTable--responsive .euiTableRow {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
+ background-color: #1D1E24;
+ border-radius: 6px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 8px;
+ margin-bottom: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow:hover {
+ background-color: #1D1E24; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
+ background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
+ background-size: 40px 100%;
+ background-position-x: right;
+ background-repeat: no-repeat;
+ padding-right: 40px;
+ position: relative; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
+ min-width: 0;
+ width: 24px;
+ position: absolute;
+ top: 16px;
+ right: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
+ display: none; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ padding: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
+ padding: 4px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
+ top: auto;
+ bottom: 16px;
+ right: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
+ padding-left: 36px;
+ position: relative; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
+ position: absolute;
+ left: 4px;
+ top: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
+ background-image: linear-gradient(to right, rgba(83, 89, 102, 0.1) 0, rgba(83, 89, 102, 0.1) 1px, transparent 1px, transparent 100%);
+ background-size: 40px 100%;
+ background-position-x: right;
+ background-repeat: no-repeat;
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125);
+ margin-top: -16px;
+ position: relative;
+ z-index: 2;
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ padding-left: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
+ background-color: #1D1E24; }
+ .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 {
+ display: block;
+ /* IE requires block to grow and wrap. */
+ min-width: 50%;
+ border: none; }
+ .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 {
+ opacity: 1;
+ -webkit-filter: none;
+ filter: none;
+ margin-left: 0;
+ margin-bottom: 8px; }
+ .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; }
+ .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; } }
+
+.euiTableHeaderMobile,
+.euiTableHeaderCell--hideForDesktop {
+ display: none; }
+
+@media only screen and (max-width: 574px) {
+ .euiTableHeaderMobile {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ padding: 8px 0; }
+ .euiTableSortMobile {
+ display: block; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiTableHeaderMobile {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ padding: 8px 0; }
+ .euiTableSortMobile {
+ display: block; } }
+
+.euiTabs {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ display: -webkit-flex;
+ display: flex;
+ max-width: 100%;
+ overflow-x: auto;
+ overflow-y: hidden;
+ position: relative;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiTabs::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiTabs::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiTabs::-webkit-scrollbar-corner, .euiTabs::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiTabs--bottomBorder {
+ box-shadow: inset 0 -1px 0 #343741; }
+ .euiTabs::-webkit-scrollbar {
+ height: 2px; }
+
+.euiTab {
+ color: #DFE5EF;
+ padding: 12px 16px;
+ cursor: pointer;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiTab .euiTab__content {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ color: #DFE5EF;
+ line-height: 1.5;
+ display: block; }
+ .euiTab:not(.euiTab-isDisabled):hover .euiTab__content,
+ .euiTab:not(.euiTab-isDisabled):focus .euiTab__content {
+ text-decoration: underline; }
+ .euiTab:focus {
+ background-color: rgba(54, 162, 239, 0.2);
+ outline-offset: -2px; }
+ .euiTab.euiTab-isSelected {
+ box-shadow: inset 0 -2px 0 #106C96; }
+ .euiTab.euiTab-isSelected,
+ .euiTab.euiTab-isSelected .euiTab__content {
+ color: #106C96 !important; }
+ .euiTab.euiTab-isDisabled,
+ .euiTab.euiTab-isDisabled .euiTab__content {
+ color: #515761 !important; }
+ .euiTab.euiTab-isDisabled:hover {
+ cursor: not-allowed; }
+ .euiTab.euiTab-isDisabled.euiTab-isSelected {
+ box-shadow: inset 0 -2px 0 #515761; }
+ .euiTabs--small .euiTab {
+ padding: 8px; }
+ .euiTabs--small .euiTab .euiTab__content {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiTabs--large .euiTab {
+ padding: 12px 16px; }
+ .euiTabs--xlarge .euiTab {
+ padding: 8px 24px; }
+ .euiTabs--xlarge .euiTab .euiTab__content {
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem; }
+ .euiTabs--expand .euiTab {
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.euiTab__prepend {
+ margin-right: 8px; }
+
+.euiTab__append {
+ margin-left: 8px; }
+
+.euiTabs--condensed .euiTab {
+ padding: 8px 4px; }
+ .euiTabs--condensed .euiTab .euiTab__content {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 600; }
+ .euiTabs--condensed .euiTab + .euiTab {
+ margin-left: 16px; }
+
+.euiTabs--condensed.euiTabs--small .euiTab {
+ padding: 6px 4px; }
+ .euiTabs--condensed.euiTabs--small .euiTab .euiTab__content {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiTabs--condensed.euiTabs--large .euiTab + .euiTab {
+ margin-left: 24px; }
+
+.euiTabs--condensed.euiTabs--xlarge .euiTab {
+ padding: 12px 4px; }
+ .euiTabs--condensed.euiTabs--xlarge .euiTab .euiTab__content {
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem; }
+ .euiTabs--condensed.euiTabs--xlarge .euiTab + .euiTab {
+ margin-left: 24px; }
+
+.euiTextDiff del {
+ color: #F86B63; }
+
+.euiTextDiff ins {
+ color: #7DDED8; }
+
+.euiTitle + .euiTitle {
+ margin-top: 24px; }
+
+.euiTitle--uppercase {
+ text-transform: uppercase; }
+
+.euiTitle--xxxsmall {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 700; }
+
+.euiTitle--xxsmall {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+
+.euiTitle--xsmall {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+
+.euiTitle--small {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+
+.euiTitle--medium {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 27px;
+ font-size: 1.92857rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+
+.euiTitle--large {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 34px;
+ font-size: 2.42857rem;
+ line-height: 2.85714rem;
+ font-weight: 700; }
+
+/**
+ * 1. Allow list to expand as items are added, but cap it at the screen height.
+ * 2. Allow some padding for shadow
+ */
+.euiGlobalToastList {
+ scrollbar-color: rgba(152, 162, 179, 0.5) transparent;
+ scrollbar-width: thin;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ position: fixed;
+ z-index: 9000;
+ bottom: 0;
+ width: 400px;
+ /* 2 */
+ max-height: 100vh;
+ /* 1 */
+ overflow-y: auto;
+ scrollbar-width: none; }
+ .euiGlobalToastList::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiGlobalToastList::-webkit-scrollbar-thumb {
+ background-color: rgba(152, 162, 179, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiGlobalToastList::-webkit-scrollbar-corner, .euiGlobalToastList::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiGlobalToastList::-webkit-scrollbar {
+ width: 0;
+ height: 0; }
+ .euiGlobalToastList:not(:empty) {
+ padding: 16px; }
+
+.euiGlobalToastList--right:not(:empty) {
+ right: 0;
+ padding-left: 64px;
+ /* 2 */ }
+
+.euiGlobalToastList--left:not(:empty) {
+ left: 0;
+ padding-right: 64px;
+ /* 2 */ }
+
+.euiGlobalToastListItem {
+ margin-bottom: 16px;
+ -webkit-animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
+ opacity: 1;
+ /**
+ * 1. justify-content: flex-end interferes with overflowing content, so we'll use this to push
+ * items to the bottom instead.
+ */ }
+ .euiGlobalToastListItem:first-child {
+ margin-top: auto;
+ /* 1 */ }
+ .euiGlobalToastListItem:last-child {
+ margin-bottom: 0; }
+ .euiGlobalToastListItem.euiGlobalToastListItem-isDismissed {
+ transition: opacity 250ms;
+ opacity: 0; }
+
+@-webkit-keyframes euiShowToast {
+ from {
+ -webkit-transform: translateY(24px) scale(0.9);
+ transform: translateY(24px) scale(0.9);
+ opacity: 0; }
+ to {
+ -webkit-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ opacity: 1; } }
+
+@keyframes euiShowToast {
+ from {
+ -webkit-transform: translateY(24px) scale(0.9);
+ transform: translateY(24px) scale(0.9);
+ opacity: 0; }
+ to {
+ -webkit-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ opacity: 1; } }
+
+@media only screen and (max-width: 574px) {
+ /**
+ * 1. Mobile we make these 100%. Matching change happens on the item as well.
+ */
+ .euiGlobalToastList:not(:empty) {
+ left: 0;
+ padding-left: 16px;
+ padding-right: 16px;
+ width: 100%;
+ /* 1 */ } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ /**
+ * 1. Mobile we make these 100%. Matching change happens on the item as well.
+ */
+ .euiGlobalToastList:not(:empty) {
+ left: 0;
+ padding-left: 16px;
+ padding-right: 16px;
+ width: 100%;
+ /* 1 */ } }
+
+.euiToast {
+ border: 1px solid #343741;
+ box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.325), 0 9.4px 24px rgba(0, 0, 0, 0.225), 0 21.8px 43px rgba(0, 0, 0, 0.2);
+ position: relative;
+ padding: 16px;
+ background-color: #1D1E24;
+ width: 100%; }
+ .euiToast:hover .euiToast__closeButton,
+ .euiToast:focus .euiToast__closeButton {
+ opacity: 1; }
+
+/**
+ * 1. Fit button to icon.
+ */
+.euiToast__closeButton {
+ position: absolute;
+ top: 16px;
+ right: 16px;
+ line-height: 0;
+ /* 1 */
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ opacity: 0;
+ transition: opacity 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiToast__closeButton svg {
+ fill: #434548; }
+ .euiToast__closeButton:hover svg {
+ fill: #DFE5EF; }
+ .euiToast__closeButton:focus {
+ background-color: rgba(54, 162, 239, 0.2);
+ opacity: 1; }
+ .euiToast__closeButton:focus svg {
+ fill: #106C96; }
+
+.euiToast--primary {
+ border-top: 2px solid #106C96; }
+
+.euiToast--success {
+ border-top: 2px solid #7DDED8; }
+
+.euiToast--warning {
+ border-top: 2px solid #F3D371; }
+
+.euiToast--danger {
+ border-top: 2px solid #F86B63; }
+
+/**
+ * 1. Align icon with first line of title text if it wraps.
+ * 2. Apply margin to all but last item in the flex.
+ * 3. Account for close button.
+ */
+.euiToastHeader {
+ padding-right: 24px;
+ /* 3 */
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: baseline;
+ align-items: baseline;
+ /* 1 */ }
+ .euiToastHeader > * + * {
+ margin-left: 8px;
+ /* 2 */ }
+
+/**
+ * 1. Vertically center icon with first line of title.
+ */
+.euiToastHeader__icon {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ fill: #DFE5EF;
+ -webkit-transform: translateY(2px);
+ transform: translateY(2px);
+ /* 1 */ }
+
+.euiToastHeader__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 300; }
+
+.euiToastHeader--withBody {
+ margin-bottom: 8px; }
+
+/**
+ * 1. Prevent long lines from overflowing.
+ */
+.euiToastBody {
+ word-wrap: break-word;
+ /* 1 */ }
+
+.euiToken {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center; }
+ .euiToken svg {
+ height: 100%;
+ margin: auto; }
+
+.euiToken--circle {
+ border-radius: 50%; }
+
+.euiToken--square {
+ border-radius: 5px; }
+
+.euiToken--xsmall {
+ width: 12px;
+ height: 12px; }
+ .euiToken--xsmall.euiToken--rectangle {
+ padding: 0 4px; }
+
+.euiToken--small {
+ width: 16px;
+ height: 16px; }
+ .euiToken--small.euiToken--rectangle {
+ padding: 0 4px; }
+
+.euiToken--medium {
+ width: 24px;
+ height: 24px; }
+ .euiToken--medium.euiToken--rectangle {
+ padding: 0 8px; }
+
+.euiToken--large {
+ width: 32px;
+ height: 32px; }
+ .euiToken--large.euiToken--rectangle {
+ padding: 0 8px; }
+
+.euiToken--rectangle {
+ box-sizing: content-box; }
+
+.euiToken--euiColorVis0 {
+ color: #54B399; }
+ .euiToken--euiColorVis0.euiToken--light {
+ color: #54B399;
+ background-color: #19362e;
+ box-shadow: inset 0 0 0 1px #22483d; }
+ .euiToken--euiColorVis0.euiToken--dark {
+ background-color: #6DCCB1;
+ color: #000; }
+
+.euiToken--euiColorVis1 {
+ color: #6092C0; }
+ .euiToken--euiColorVis1.euiToken--light {
+ color: #6897c3;
+ background-color: #1d2c3a;
+ box-shadow: inset 0 0 0 1px #263a4d; }
+ .euiToken--euiColorVis1.euiToken--dark {
+ background-color: #79AAD9;
+ color: #000; }
+
+.euiToken--euiColorVis2 {
+ color: #D36086; }
+ .euiToken--euiColorVis2.euiToken--light {
+ color: #d77092;
+ background-color: #3f1d28;
+ box-shadow: inset 0 0 0 1px #542636; }
+ .euiToken--euiColorVis2.euiToken--dark {
+ background-color: #EE789D;
+ color: #000; }
+
+.euiToken--euiColorVis3 {
+ color: #9170B8; }
+ .euiToken--euiColorVis3.euiToken--light {
+ color: #a184c2;
+ background-color: #2c2237;
+ box-shadow: inset 0 0 0 1px #3a2d4a; }
+ .euiToken--euiColorVis3.euiToken--dark {
+ background-color: #A987D1;
+ color: #000; }
+
+.euiToken--euiColorVis4 {
+ color: #CA8EAE; }
+ .euiToken--euiColorVis4.euiToken--light {
+ color: #CA8EAE;
+ background-color: #3d2b34;
+ box-shadow: inset 0 0 0 1px #513946; }
+ .euiToken--euiColorVis4.euiToken--dark {
+ background-color: #E4A6C7;
+ color: #000; }
+
+.euiToken--euiColorVis5 {
+ color: #D6BF57; }
+ .euiToken--euiColorVis5.euiToken--light {
+ color: #D6BF57;
+ background-color: #40391a;
+ box-shadow: inset 0 0 0 1px #564c23; }
+ .euiToken--euiColorVis5.euiToken--dark {
+ background-color: #F1D86F;
+ color: #000; }
+
+.euiToken--euiColorVis6 {
+ color: #B9A888; }
+ .euiToken--euiColorVis6.euiToken--light {
+ color: #B9A888;
+ background-color: #383229;
+ box-shadow: inset 0 0 0 1px #4a4336; }
+ .euiToken--euiColorVis6.euiToken--dark {
+ background-color: #D2C0A0;
+ color: #000; }
+
+.euiToken--euiColorVis7 {
+ color: #DA8B45; }
+ .euiToken--euiColorVis7.euiToken--light {
+ color: #DA8B45;
+ background-color: #412a15;
+ box-shadow: inset 0 0 0 1px #57381c; }
+ .euiToken--euiColorVis7.euiToken--dark {
+ background-color: #F5A35C;
+ color: #000; }
+
+.euiToken--euiColorVis8 {
+ color: #AA6556; }
+ .euiToken--euiColorVis8.euiToken--light {
+ color: #b67b6e;
+ background-color: #331e1a;
+ box-shadow: inset 0 0 0 1px #442822; }
+ .euiToken--euiColorVis8.euiToken--dark {
+ background-color: #C47C6C;
+ color: #000; }
+
+.euiToken--euiColorVis9 {
+ color: #E7664C; }
+ .euiToken--euiColorVis9.euiToken--light {
+ color: #e86e55;
+ background-color: #451f17;
+ box-shadow: inset 0 0 0 1px #5c291e; }
+ .euiToken--euiColorVis9.euiToken--dark {
+ background-color: #FF7E62;
+ color: #000; }
+
+.euiToken--gray {
+ color: #535966; }
+ .euiToken--gray.euiToken--light {
+ color: #81858f;
+ background-color: #191b1f;
+ box-shadow: inset 0 0 0 1px #212429; }
+ .euiToken--gray.euiToken--dark {
+ background-color: #535966;
+ color: #FFF; }
+
+/*
+ * 1. Shift arrow 1px more than half its size to account for border radius
+ */
+.euiToolTip {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25), 0 3.6px 13px rgba(0, 0, 0, 0.175), 0 8.4px 23px rgba(0, 0, 0, 0.15), 0 23px 35px rgba(0, 0, 0, 0.125);
+ border-radius: 6px;
+ background-color: black;
+ color: #FFF;
+ z-index: 9000;
+ max-width: 256px;
+ overflow-wrap: break-word;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 12px;
+ -webkit-animation: euiToolTipTop 350ms ease-out 0s forwards;
+ animation: euiToolTipTop 350ms ease-out 0s forwards;
+ position: absolute;
+ opacity: 0;
+ /* 1 */
+ /* 1 */ }
+ .euiToolTip .euiToolTip__arrow {
+ content: '';
+ position: absolute;
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ border-radius: 2px;
+ background-color: black;
+ width: 12px;
+ height: 12px;
+ -webkit-transform: translateY(-7px) rotateZ(45deg);
+ transform: translateY(-7px) rotateZ(45deg);
+ /* 1 */ }
+ .euiToolTip.euiToolTip--right {
+ -webkit-animation-name: euiToolTipRight;
+ animation-name: euiToolTipRight; }
+ .euiToolTip.euiToolTip--right .euiToolTip__arrow {
+ -webkit-transform: translateX(-5px) rotateZ(45deg);
+ transform: translateX(-5px) rotateZ(45deg);
+ /* 1 */ }
+ .euiToolTip.euiToolTip--bottom {
+ -webkit-animation-name: euiToolTipBottom;
+ animation-name: euiToolTipBottom; }
+ .euiToolTip.euiToolTip--bottom .euiToolTip__arrow {
+ -webkit-transform: translateY(-5px) rotateZ(45deg);
+ transform: translateY(-5px) rotateZ(45deg);
+ /* 1 */ }
+ .euiToolTip.euiToolTip--left {
+ -webkit-animation-name: euiToolTipLeft;
+ animation-name: euiToolTipLeft; }
+ .euiToolTip.euiToolTip--left .euiToolTip__arrow {
+ -webkit-transform: translateX(-7px) rotateZ(45deg);
+ transform: translateX(-7px) rotateZ(45deg);
+ /* 1 */ }
+ .euiToolTip .euiToolTip__title {
+ font-weight: 700;
+ border-bottom: solid 1px #333333;
+ padding-bottom: 4px;
+ margin-bottom: 4px; }
+
+.euiToolTipAnchor {
+ display: inline-block; }
+ .euiToolTipAnchor *[disabled] {
+ pointer-events: none; }
+ .euiToolTipAnchor.euiToolTipAnchor--displayBlock {
+ display: block; }
+
+@-webkit-keyframes euiToolTipTop {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-16px);
+ transform: translateY(-16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiToolTipTop {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-16px);
+ transform: translateY(-16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@-webkit-keyframes euiToolTipBottom {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(16px);
+ transform: translateY(16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiToolTipBottom {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(16px);
+ transform: translateY(16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@-webkit-keyframes euiToolTipLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-16px);
+ transform: translateX(-16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiToolTipLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-16px);
+ transform: translateX(-16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@-webkit-keyframes euiToolTipRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(16px);
+ transform: translateX(16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiToolTipRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(16px);
+ transform: translateX(16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+.euiTourHeader {
+ border-bottom: none;
+ margin-bottom: 8px !important; }
+ .euiTourHeader .euiTourHeader__title {
+ margin-top: 0; }
+
+.euiTourHeader__subtitle {
+ color: #7a7f89; }
+
+.euiTourFooter {
+ background-color: #141519;
+ border-radius: 0 0 6px 6px; }
+
+.euiTour .euiTour__beacon {
+ pointer-events: none;
+ position: absolute;
+ opacity: 0;
+ transition: opacity 0s 350ms; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--right .euiTour__beacon {
+ opacity: 1;
+ top: 6px;
+ left: -24px; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--left .euiTour__beacon {
+ opacity: 1;
+ top: 6px;
+ left: 12px; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
+ border-top-color: #25262E; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--top .euiTour__beacon {
+ opacity: 1;
+ top: 12px;
+ left: 6px; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--bottom .euiTour__beacon {
+ opacity: 1;
+ top: -24px;
+ left: 6px; }
+
+.euiTourStepIndicator {
+ display: inline-block; }
+
+.euiText {
+ color: #DFE5EF;
+ font-weight: 400;
+ color: inherit;
+ clear: both; }
+ .euiText a:not([class]) {
+ text-align: left;
+ font-weight: 500; }
+ .euiText a:not([class]):hover {
+ text-decoration: underline; }
+ .euiText a:not([class]):focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ text-decoration: underline;
+ text-decoration-thickness: 2px !important; }
+ .euiText a:not([class]):focus:focus-visible {
+ outline-style: auto; }
+ .euiText a:not([class]):focus:not(:focus-visible) {
+ outline: none; }
+ .euiText img {
+ display: block;
+ width: 100%; }
+ .euiText ul {
+ list-style: disc; }
+ .euiText ol {
+ list-style: decimal; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote) {
+ position: relative;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+ font-family: Georgia, Times, Times New Roman, serif;
+ font-style: italic;
+ letter-spacing: normal; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote) p:last-child {
+ margin-bottom: 0; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote):before, .euiText blockquote:not(.euiMarkdownFormat__blockquote):after {
+ position: absolute;
+ content: '';
+ height: 2px;
+ width: 50%;
+ right: 0;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ background: #98A2B3; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote):before {
+ top: 0; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote):after {
+ bottom: 0; }
+ .euiText h1 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 34px;
+ font-size: 2.42857rem;
+ line-height: 2.85714rem;
+ font-weight: 700; }
+ .euiText h2 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 27px;
+ font-size: 1.92857rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+ .euiText h3 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+ .euiText h4,
+ .euiText dt {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+ .euiText h5 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+ .euiText h6 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 700;
+ text-transform: uppercase; }
+ .euiText h1,
+ .euiText h2,
+ .euiText h3,
+ .euiText h4,
+ .euiText h5,
+ .euiText h6,
+ .euiText dt {
+ color: inherit; }
+ .euiText pre {
+ white-space: pre-wrap;
+ background: #25262E;
+ color: #DFE5EF; }
+ .euiText pre,
+ .euiText pre code {
+ display: block; }
+ .euiText code {
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
+ letter-spacing: normal; }
+ .euiText.euiText--constrainedWidth {
+ max-width: 36em;
+ min-width: 75%; }
+ .euiText > :last-child,
+ .euiText .euiTextColor > :last-child {
+ margin-bottom: 0 !important; }
+
+.euiText--medium {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.5; }
+ .euiText--medium p,
+ .euiText--medium ul,
+ .euiText--medium ol,
+ .euiText--medium dl,
+ .euiText--medium blockquote,
+ .euiText--medium img,
+ .euiText--medium pre {
+ margin-bottom: 1.5rem; }
+ .euiText--medium ul,
+ .euiText--medium ol {
+ margin-left: 1.5rem; }
+ .euiText--medium blockquote {
+ font-size: 1rem;
+ padding: 1.5rem; }
+ .euiText--medium h1 {
+ font-size: 2.125rem;
+ line-height: 1.41176;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h2 {
+ font-size: 1.6875rem;
+ line-height: 1.48148;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h3 {
+ font-size: 1.375rem;
+ line-height: 1.45455;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h4 {
+ font-size: 1rem;
+ line-height: 1.5;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h5 {
+ font-size: 0.875rem;
+ line-height: 1.14286;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h6 {
+ font-size: 0.75rem;
+ line-height: 1.33333;
+ margin-bottom: 0.5rem; }
+ .euiText--medium * + h2 {
+ margin-top: 2rem; }
+ .euiText--medium * + h3 {
+ margin-top: 2rem; }
+ .euiText--medium * + h4 {
+ margin-top: 2rem; }
+ .euiText--medium * + h5 {
+ margin-top: 2rem; }
+ .euiText--medium * + h6 {
+ margin-top: 2rem; }
+ .euiText--medium dd + dt {
+ margin-top: 1rem; }
+ .euiText--medium dt,
+ .euiText--medium .eui-definitionListReverse dd {
+ font-size: 1rem;
+ line-height: 1.5; }
+ .euiText--medium .eui-definitionListReverse dt {
+ font-size: 0.75rem;
+ color: #DFE5EF; }
+ .euiText--medium small {
+ font-size: 0.875rem; }
+ .euiText--medium pre {
+ padding: 1rem; }
+ .euiText--medium code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 0.9rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 1rem;
+ border-left-width: 0.25rem;
+ margin-bottom: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 1rem;
+ padding-left: 1.5rem;
+ line-height: 1.5; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.25rem 0.5rem; }
+
+.euiText--small {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.5; }
+ .euiText--small p,
+ .euiText--small ul,
+ .euiText--small ol,
+ .euiText--small dl,
+ .euiText--small blockquote,
+ .euiText--small img,
+ .euiText--small pre {
+ margin-bottom: 1.5rem; }
+ .euiText--small ul,
+ .euiText--small ol {
+ margin-left: 1.5rem; }
+ .euiText--small blockquote {
+ font-size: 1rem;
+ padding: 1.5rem; }
+ .euiText--small h1 {
+ font-size: 2.125rem;
+ line-height: 1.41176;
+ margin-bottom: 0.5rem; }
+ .euiText--small h2 {
+ font-size: 1.6875rem;
+ line-height: 1.48148;
+ margin-bottom: 0.5rem; }
+ .euiText--small h3 {
+ font-size: 1.375rem;
+ line-height: 1.45455;
+ margin-bottom: 0.5rem; }
+ .euiText--small h4 {
+ font-size: 1rem;
+ line-height: 1.5;
+ margin-bottom: 0.5rem; }
+ .euiText--small h5 {
+ font-size: 0.875rem;
+ line-height: 1.14286;
+ margin-bottom: 0.5rem; }
+ .euiText--small h6 {
+ font-size: 0.75rem;
+ line-height: 1.33333;
+ margin-bottom: 0.5rem; }
+ .euiText--small * + h2 {
+ margin-top: 2rem; }
+ .euiText--small * + h3 {
+ margin-top: 2rem; }
+ .euiText--small * + h4 {
+ margin-top: 2rem; }
+ .euiText--small * + h5 {
+ margin-top: 2rem; }
+ .euiText--small * + h6 {
+ margin-top: 2rem; }
+ .euiText--small dd + dt {
+ margin-top: 1rem; }
+ .euiText--small dt,
+ .euiText--small .eui-definitionListReverse dd {
+ font-size: 1rem;
+ line-height: 1.5; }
+ .euiText--small .eui-definitionListReverse dt {
+ font-size: 0.75rem;
+ color: #DFE5EF; }
+ .euiText--small small {
+ font-size: 0.875rem; }
+ .euiText--small pre {
+ padding: 1rem; }
+ .euiText--small code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 0.9rem; }
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 1rem;
+ border-left-width: 0.25rem;
+ margin-bottom: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 1rem;
+ padding-left: 1.5rem;
+ line-height: 1.5; }
+ .euiText--small.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.25rem 0.5rem; }
+
+.euiText--extraSmall {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.5; }
+ .euiText--extraSmall p,
+ .euiText--extraSmall ul,
+ .euiText--extraSmall ol,
+ .euiText--extraSmall dl,
+ .euiText--extraSmall blockquote,
+ .euiText--extraSmall img,
+ .euiText--extraSmall pre {
+ margin-bottom: 1.28571rem; }
+ .euiText--extraSmall ul,
+ .euiText--extraSmall ol {
+ margin-left: 1.28571rem; }
+ .euiText--extraSmall blockquote {
+ font-size: 0.85714rem;
+ padding: 1.28571rem; }
+ .euiText--extraSmall h1 {
+ font-size: 1.82143rem;
+ line-height: 1.41176;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h2 {
+ font-size: 1.44643rem;
+ line-height: 1.48148;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h3 {
+ font-size: 1.17857rem;
+ line-height: 1.45455;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h4 {
+ font-size: 0.85714rem;
+ line-height: 1.5;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h5 {
+ font-size: 0.75rem;
+ line-height: 1.14286;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h6 {
+ font-size: 0.64286rem;
+ line-height: 1.33333;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall * + h2 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall * + h3 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall * + h4 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall * + h5 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall * + h6 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall dd + dt {
+ margin-top: 0.85714rem; }
+ .euiText--extraSmall dt,
+ .euiText--extraSmall .eui-definitionListReverse dd {
+ font-size: 0.85714rem;
+ line-height: 1.5; }
+ .euiText--extraSmall .eui-definitionListReverse dt {
+ font-size: 0.64286rem;
+ color: #DFE5EF; }
+ .euiText--extraSmall small {
+ font-size: 0.75rem; }
+ .euiText--extraSmall pre {
+ padding: 0.85714rem; }
+ .euiText--extraSmall code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 0.77143rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 0.85714rem;
+ border-left-width: 0.21429rem;
+ margin-bottom: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 0.85714rem;
+ padding-left: 1.28571rem;
+ line-height: 1.5; }
+ .euiText--extraSmall.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.21429rem 0.42857rem; }
+
+.euiText--relative {
+ font-size: 1em;
+ line-height: 1.5; }
+ .euiText--relative p,
+ .euiText--relative ul,
+ .euiText--relative ol,
+ .euiText--relative dl,
+ .euiText--relative blockquote,
+ .euiText--relative img,
+ .euiText--relative pre {
+ margin-bottom: 1.5em; }
+ .euiText--relative ul,
+ .euiText--relative ol {
+ margin-left: 1.5em; }
+ .euiText--relative blockquote {
+ font-size: 1em;
+ padding: 1.5em; }
+ .euiText--relative h1 {
+ font-size: 2.125em;
+ line-height: 1.41176;
+ margin-bottom: 0.23529em; }
+ .euiText--relative h2 {
+ font-size: 1.6875em;
+ line-height: 1.48148;
+ margin-bottom: 0.2963em; }
+ .euiText--relative h3 {
+ font-size: 1.375em;
+ line-height: 1.45455;
+ margin-bottom: 0.36364em; }
+ .euiText--relative h4 {
+ font-size: 1em;
+ line-height: 1.5;
+ margin-bottom: 0.5em; }
+ .euiText--relative h5 {
+ font-size: 0.875em;
+ line-height: 1.14286;
+ margin-bottom: 0.57143em; }
+ .euiText--relative h6 {
+ font-size: 0.75em;
+ line-height: 1.33333;
+ margin-bottom: 0.66667em; }
+ .euiText--relative * + h2 {
+ margin-top: 1.18519em; }
+ .euiText--relative * + h3 {
+ margin-top: 1.45455em; }
+ .euiText--relative * + h4 {
+ margin-top: 2em; }
+ .euiText--relative * + h5 {
+ margin-top: 2.28571em; }
+ .euiText--relative * + h6 {
+ margin-top: 2.66667em; }
+ .euiText--relative dd + dt {
+ margin-top: 14pxem; }
+ .euiText--relative dt,
+ .euiText--relative .eui-definitionListReverse dd {
+ font-size: 1em;
+ line-height: 1.5; }
+ .euiText--relative .eui-definitionListReverse dt {
+ font-size: 0.75em;
+ color: #DFE5EF; }
+ .euiText--relative small {
+ font-size: 0.875em; }
+ .euiText--relative pre {
+ padding: 1em; }
+ .euiText--relative code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 0.9em; }
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 1em;
+ border-left-width: 0.25em;
+ margin-bottom: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 1em;
+ padding-left: 1.5em;
+ line-height: 1.5; }
+ .euiText--relative.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.25em 0.5em; }
+
+.euiTextColor--default {
+ color: #DFE5EF; }
+
+.euiTextColor--subdued {
+ color: #878b95; }
+
+.euiTextColor--success {
+ color: #7DDED8; }
+
+.euiTextColor--accent {
+ color: #F68FBE; }
+
+.euiTextColor--warning {
+ color: #F3D371; }
+
+.euiTextColor--danger {
+ color: #F86B63; }
+
+.euiTextColor--ghost {
+ color: #FFF;
+ color: #FFF !important; }
+
+.euiTextColor--inherit {
+ color: inherit; }
+
+.euiTextAlign--left {
+ text-align: left; }
+
+.euiTextAlign--right {
+ text-align: right; }
+
+.euiTextAlign--center {
+ text-align: center; }
+
+.euiAvatar--space:after,
+.euiAvatar--user:after {
+ display: none; }
+
+.euiBreadcrumb__content.euiLink:focus {
+ outline-offset: -1px; }
+
+.euiBreadcrumb--last,
+.euiBreadcrumb__content,
+.euiBreadcrumbs__inPopover .euiBreadcrumb--last .euiBreadcrumb__content {
+ font-weight: 500; }
+
+.euiButton,
+.euiButtonIcon {
+ box-shadow: none !important; }
+
+.euiButton.euiButton-isDisabled:not(.euiButton--ghost), .euiButton.euiButton-isDisabled:not(.euiButton--ghost):hover,
+.euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost),
+.euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost):hover {
+ background-color: rgba(81, 87, 97, 0.1);
+ color: #515761; }
+
+.euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost), .euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost):hover {
+ background-color: transparent;
+ color: #515761; }
+
+.euiButton--small,
+.euiButtonIcon--small,
+.euiButtonIcon--xSmall {
+ border-radius: 4px; }
+
+.euiButton--primary {
+ color: #106C96;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiButton--primary:not([class*='isDisabled']):hover, .euiButton--primary:not([class*='isDisabled']):focus {
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiButton--primary.euiButton--fill:focus {
+ outline-color: #FFF; }
+ .euiButton--primary.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--primary.euiButton--fill:not([class*='isDisabled']), .euiButton--primary.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #106C96; }
+
+.euiButton--accent {
+ color: #F68FBE;
+ background-color: rgba(246, 143, 190, 0.2); }
+ .euiButton--accent:not([class*='isDisabled']):hover, .euiButton--accent:not([class*='isDisabled']):focus {
+ background-color: rgba(246, 143, 190, 0.2); }
+ .euiButton--accent.euiButton--fill:focus {
+ outline-color: #FFF; }
+ .euiButton--accent.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--accent.euiButton--fill:not([class*='isDisabled']), .euiButton--accent.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #F68FBE; }
+
+.euiButton--success {
+ color: #7DDED8;
+ background-color: rgba(125, 222, 216, 0.2); }
+ .euiButton--success:not([class*='isDisabled']):hover, .euiButton--success:not([class*='isDisabled']):focus {
+ background-color: rgba(125, 222, 216, 0.2); }
+ .euiButton--success.euiButton--fill:focus {
+ outline-color: #FFF; }
+ .euiButton--success.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--success.euiButton--fill:not([class*='isDisabled']), .euiButton--success.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #7DDED8; }
+
+.euiButton--warning {
+ color: #F3D371;
+ background-color: rgba(243, 211, 113, 0.2); }
+ .euiButton--warning:not([class*='isDisabled']):hover, .euiButton--warning:not([class*='isDisabled']):focus {
+ background-color: rgba(243, 211, 113, 0.2); }
+ .euiButton--warning.euiButton--fill:focus {
+ outline-color: #FFF; }
+ .euiButton--warning.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--warning.euiButton--fill:not([class*='isDisabled']), .euiButton--warning.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #F3D371; }
+
+.euiButton--danger {
+ color: #F86B63;
+ background-color: rgba(248, 107, 99, 0.2); }
+ .euiButton--danger:not([class*='isDisabled']):hover, .euiButton--danger:not([class*='isDisabled']):focus {
+ background-color: rgba(248, 107, 99, 0.2); }
+ .euiButton--danger.euiButton--fill:focus {
+ outline-color: #FFF; }
+ .euiButton--danger.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--danger.euiButton--fill:not([class*='isDisabled']), .euiButton--danger.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #F86B63; }
+
+.euiButton--subdued {
+ color: #8d919a;
+ background-color: rgba(122, 127, 137, 0.2); }
+ .euiButton--subdued:not([class*='isDisabled']):hover, .euiButton--subdued:not([class*='isDisabled']):focus {
+ background-color: rgba(122, 127, 137, 0.2); }
+ .euiButton--subdued.euiButton--fill:focus {
+ outline-color: #FFF; }
+ .euiButton--subdued.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--subdued.euiButton--fill:not([class*='isDisabled']), .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #7a7f89; }
+
+.euiButton--ghost {
+ color: #FFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ color: #FFF; }
+ .euiButton--ghost:not([class*='isDisabled']):hover, .euiButton--ghost:not([class*='isDisabled']):focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .euiButton--ghost.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--ghost.euiButton--fill:not([class*='isDisabled']), .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #FFF; }
+
+.euiButton--text {
+ color: #98A2B3;
+ background-color: rgba(152, 162, 179, 0.2);
+ color: #DFE5EF; }
+ .euiButton--text:not([class*='isDisabled']):hover, .euiButton--text:not([class*='isDisabled']):focus {
+ background-color: rgba(152, 162, 179, 0.2); }
+ .euiButton--text.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--text.euiButton--fill:not([class*='isDisabled']), .euiButton--text.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #98A2B3; }
+
+.euiButton.euiButton-isDisabled.euiButton--ghost, .euiButton.euiButton-isDisabled.euiButton--ghost:focus,
+.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill,
+.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill:focus {
+ color: #343741;
+ background-color: rgba(52, 55, 65, 0.1); }
+
+.euiButtonIcon--primary:not(.euiButtonIcon--empty) {
+ color: #106C96;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiButtonIcon--primary:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--primary:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #FFF; }
+ .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #106C96; }
+
+.euiButtonIcon--accent:not(.euiButtonIcon--empty) {
+ color: #F68FBE;
+ background-color: rgba(246, 143, 190, 0.2); }
+ .euiButtonIcon--accent:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--accent:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(246, 143, 190, 0.2); }
+ .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #FFF; }
+ .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #F68FBE; }
+
+.euiButtonIcon--success:not(.euiButtonIcon--empty) {
+ color: #7DDED8;
+ background-color: rgba(125, 222, 216, 0.2); }
+ .euiButtonIcon--success:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--success:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(125, 222, 216, 0.2); }
+ .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #FFF; }
+ .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #7DDED8; }
+
+.euiButtonIcon--warning:not(.euiButtonIcon--empty) {
+ color: #F3D371;
+ background-color: rgba(243, 211, 113, 0.2); }
+ .euiButtonIcon--warning:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--warning:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(243, 211, 113, 0.2); }
+ .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #FFF; }
+ .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #F3D371; }
+
+.euiButtonIcon--danger:not(.euiButtonIcon--empty) {
+ color: #F86B63;
+ background-color: rgba(248, 107, 99, 0.2); }
+ .euiButtonIcon--danger:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--danger:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(248, 107, 99, 0.2); }
+ .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #FFF; }
+ .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #F86B63; }
+
+.euiButtonIcon--subdued:not(.euiButtonIcon--empty) {
+ color: #8d919a;
+ background-color: rgba(122, 127, 137, 0.2); }
+ .euiButtonIcon--subdued:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--subdued:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(122, 127, 137, 0.2); }
+ .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #FFF; }
+ .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #7a7f89; }
+
+.euiButtonIcon--ghost:not(.euiButtonIcon--empty) {
+ color: #FFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ color: #FFF; }
+ .euiButtonIcon--ghost:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #FFF; }
+
+.euiButtonIcon--text:not(.euiButtonIcon--empty) {
+ color: #98A2B3;
+ background-color: rgba(152, 162, 179, 0.2);
+ color: #DFE5EF; }
+ .euiButtonIcon--text:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--text:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(152, 162, 179, 0.2); }
+ .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #98A2B3; }
+
+.euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost, .euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus,
+.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill,
+.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill:focus {
+ color: #343741;
+ background-color: rgba(52, 55, 65, 0.1); }
+
+.euiButtonEmpty {
+ border-radius: 6px; }
+ .euiButtonEmpty.euiButtonEmpty--small, .euiButtonEmpty.euiButtonEmpty--xSmall {
+ border-radius: 4.002px; }
+ .euiButtonEmpty.euiButtonEmpty--xSmall {
+ font-size: 12px; }
+
+.euiButtonEmpty--primary:enabled:focus {
+ background-color: rgba(54, 162, 239, 0.2); }
+
+.euiButtonEmpty--accent:enabled:focus {
+ background-color: rgba(246, 143, 190, 0.2); }
+
+.euiButtonEmpty--success:enabled:focus {
+ background-color: rgba(125, 222, 216, 0.2); }
+
+.euiButtonEmpty--warning:enabled:focus {
+ background-color: rgba(243, 211, 113, 0.2); }
+
+.euiButtonEmpty--danger:enabled:focus {
+ background-color: rgba(248, 107, 99, 0.2); }
+
+.euiButtonEmpty--subdued:enabled:focus {
+ background-color: rgba(122, 127, 137, 0.2); }
+
+.euiButtonEmpty--ghost:enabled:focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.euiButtonEmpty--text:enabled:focus {
+ background-color: rgba(152, 162, 179, 0.2); }
+
+.euiButtonGroup__buttons {
+ box-shadow: none !important; }
+
+.euiButtonGroup--medium .euiButtonGroupButton,
+.euiButtonGroup--small .euiButtonGroupButton {
+ border: none !important;
+ 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-style: solid;
+ outline-color: #FFF;
+ outline-offset: -2px; }
+ .euiButtonGroup--medium .euiButtonGroupButton:focus:focus-visible, .euiButtonGroup--medium .euiButtonGroupButton:focus-within:focus-visible,
+ .euiButtonGroup--small .euiButtonGroupButton:focus:focus-visible,
+ .euiButtonGroup--small .euiButtonGroupButton:focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--medium .euiButtonGroupButton:focus:not(:focus-visible),
+ .euiButtonGroup--small .euiButtonGroupButton:focus:not(:focus-visible) {
+ outline: none; }
+
+.euiButtonGroup--medium .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected),
+.euiButtonGroup--small .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected) {
+ background-color: rgba(81, 87, 97, 0.3);
+ color: #515761; }
+
+.euiButtonGroup--medium .euiButtonGroupButton--primary,
+.euiButtonGroup--small .euiButtonGroupButton--primary {
+ color: #106C96;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--primary:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--primary:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--primary:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--primary:not([class*='isDisabled']):focus {
+ background-color: rgba(54, 162, 239, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--accent,
+.euiButtonGroup--small .euiButtonGroupButton--accent {
+ color: #F68FBE;
+ background-color: rgba(246, 143, 190, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--accent:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--accent:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--accent:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--accent:not([class*='isDisabled']):focus {
+ background-color: rgba(246, 143, 190, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--success,
+.euiButtonGroup--small .euiButtonGroupButton--success {
+ color: #7DDED8;
+ background-color: rgba(125, 222, 216, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--success:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--success:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--success:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--success:not([class*='isDisabled']):focus {
+ background-color: rgba(125, 222, 216, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--warning,
+.euiButtonGroup--small .euiButtonGroupButton--warning {
+ color: #F3D371;
+ background-color: rgba(243, 211, 113, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--warning:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--warning:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--warning:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--warning:not([class*='isDisabled']):focus {
+ background-color: rgba(243, 211, 113, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--danger,
+.euiButtonGroup--small .euiButtonGroupButton--danger {
+ color: #F86B63;
+ background-color: rgba(248, 107, 99, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--danger:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--danger:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--danger:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--danger:not([class*='isDisabled']):focus {
+ background-color: rgba(248, 107, 99, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--subdued,
+.euiButtonGroup--small .euiButtonGroupButton--subdued {
+ color: #8d919a;
+ background-color: rgba(122, 127, 137, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--subdued:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--subdued:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus {
+ background-color: rgba(122, 127, 137, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--ghost,
+.euiButtonGroup--small .euiButtonGroupButton--ghost {
+ color: #FFF;
+ background-color: rgba(255, 255, 255, 0.2);
+ color: #FFF; }
+ .euiButtonGroup--medium .euiButtonGroupButton--ghost:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--ghost:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--text,
+.euiButtonGroup--small .euiButtonGroupButton--text {
+ color: #98A2B3;
+ background-color: rgba(152, 162, 179, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--text:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--text:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--text:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--text:not([class*='isDisabled']):focus {
+ background-color: rgba(152, 162, 179, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected), .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):hover, .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):focus,
+.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected),
+.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):hover,
+.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):focus {
+ background-color: rgba(52, 55, 65, 0.3); }
+
+.euiButtonGroup--small .euiButtonGroup__buttons {
+ border-radius: 4px; }
+
+.euiButtonGroup--compressed .euiButtonGroupButton {
+ border-radius: 5px; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within {
+ outline-color: #106C96; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within {
+ outline-color: #F68FBE; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus-within {
+ outline-color: #7DDED8; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within {
+ outline-color: #F3D371; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within {
+ outline-color: #F86B63; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus-within {
+ outline-color: #7a7f89; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within {
+ outline-color: #FFF; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus-within {
+ outline-color: #98A2B3; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+
+.euiCallOut {
+ border-left: none; }
+ .euiCallOut .euiCallOutHeader__title {
+ font-weight: 500; }
+
+.euiCard .euiCardSelect {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.euiCode {
+ border-radius: 4px;
+ font-weight: 700;
+ color: #a184c2; }
+
+.euiCodeBlock.euiCodeBlock--fontLarge {
+ font-size: 16px; }
+
+.euiColorStops__addTarget,
+.euiColorStops__addContainer {
+ z-index: 1; }
+
+.euiColorStops__addTarget {
+ border: 1px solid #98A2B3;
+ box-shadow: none; }
+
+.euiColorStopThumb.euiRangeThumb:not(:disabled) {
+ border: 2px solid #1D1E24;
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiColorStopThumb.euiRangeThumb:not(:disabled):focus {
+ box-shadow: 0 0 0 2px #106C96;
+ outline: none; }
+ .euiColorStopThumb.euiRangeThumb:not(:disabled):focus:not(:focus-visible) {
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ outline: none; }
+
+.euiColorStops:not(.euiColorStops-isDisabled) .euiRangeTrack::after {
+ transition-property: box-shadow;
+ transition-delay: 90ms; }
+
+.euiColorStops:not(.euiColorStops-isDisabled):focus {
+ outline: none; }
+ .euiColorStops:not(.euiColorStops-isDisabled):focus .euiRangeTrack::after {
+ box-shadow: 0 0 0 1px rgba(29, 30, 36, 0.8), 0 0 0 3px #106C96; }
+
+.euiColorStops:not(.euiColorStops-isDisabled):focus:not(:focus-visible) .euiRangeTrack::after {
+ box-shadow: none; }
+
+.euiColorStops__highlight {
+ color: #343741; }
+ .euiColorStops__highlight .euiRangeHighlight__progress {
+ background-color: #343741; }
+
+.euiComboBox--appended .euiFormControlLayout__childrenWrapper {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px; }
+
+.euiComboBox--appended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px; }
+
+.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
+ border-radius: 0; }
+
+.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
+ border-radius: 0; }
+
+.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+.euiCommentEvent--regular {
+ box-shadow: none; }
+
+.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem; }
+
+.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-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.euiFormControlLayout--compressed.euiSuperDatePicker .euiSuperDatePicker__prettyFormat {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+.euiDatePopoverButton--start {
+ text-align: center; }
+
+.euiDatePopoverButton--end {
+ text-align: center;
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
+ line-height: 1.5; }
+
+.euiFacetButton:focus {
+ background-color: transparent;
+ box-shadow: none; }
+ .euiFacetButton:focus:not(:disabled) .euiFacetButton__text {
+ text-decoration: underline;
+ text-decoration-thickness: 2px !important; }
+
+.euiFilterGroup {
+ border: none;
+ border-radius: 6px;
+ background-color: #16171c;
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); }
+
+.euiFilterGroup--compressed {
+ border-radius: 4px; }
+ .euiFilterGroup--compressed .euiFilterButton {
+ height: 32px; }
+
+.euiFilterButton {
+ border-radius: 0;
+ border: none;
+ background-color: transparent;
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1), -1px 0 0 0 rgba(255, 255, 255, 0.1); }
+ .euiFilterButton--withNext + .euiFilterButton {
+ box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1); }
+
+.euiFormControlLayout--group {
+ border-radius: 6px;
+ background-color: #2c2f37; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend:first-child {
+ border-radius: 5px 0 0 5px; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend:first-child [class*='euiButton'] {
+ border-radius: 5px 0 0 5px; }
+ .euiFormControlLayout--group .euiFormControlLayout__append:last-child {
+ border-radius: 0 5px 5px 0; }
+ .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 [class*='euiButton'],
+ .euiFormControlLayout--group .euiToolTipAnchor:last-child .euiText {
+ border-radius: 0 5px 5px 0; }
+ .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-of-type(2) [class*='euiField'],
+ .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-of-type(3) [class*='euiField'] {
+ border-radius: 0; }
+ .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSelect,
+ .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 [class*='euiField'] {
+ border-radius: 0 6px 6px 0; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed {
+ border-radius: 4px;
+ background-color: #2c2f37; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed.euiFormControlLayout--readOnly input {
+ background-color: #1D1E24; }
+ .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 {
+ border-radius: 0 3px 3px 0; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child [class*='euiButton'] {
+ border-radius: 0 3px 3px 0; }
+ .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 [class*='euiButton'],
+ .euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child .euiText {
+ border-radius: 0 3px 3px 0; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-of-type(2) [class*='euiField'],
+ .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-of-type(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 {
+ outline: 2px solid #106C96;
+ outline-offset: 2px; }
+
+.euiRadio .euiRadio__input:focus:focus-visible + .euiRadio__circle {
+ outline: 2px solid #106C96;
+ outline-offset: 2px; }
+
+.euiRadio .euiRadio__input:focus:not(:focus-visible) + .euiRadio__circle {
+ outline: none; }
+
+.euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
+ outline: 2px solid #106C96;
+ outline-offset: 2px; }
+
+.euiCheckbox .euiCheckbox__input:focus:focus-visible + .euiCheckbox__square {
+ outline: 2px solid #106C96;
+ 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:not(:focus-visible) {
+ outline: none; }
+ .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
+ outline: none; }
+
+.euiHeaderBreadcrumbs {
+ line-height: 16px;
+ margin-left: 8px;
+ margin-right: 8px; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content {
+ color: #DFE5EF;
+ background-color: rgba(223, 229, 239, 0.2);
+ font-size: 12px;
+ line-height: 16px;
+ font-weight: 500;
+ padding: 4px 16px;
+ -webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content:not([class*='isDisabled']):focus {
+ background-color: rgba(223, 229, 239, 0.2); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink {
+ color: #106C96;
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):focus {
+ background-color: rgba(54, 162, 239, 0.2); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus {
+ outline: 2px solid currentColor;
+ outline-offset: -2px; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:focus-visible {
+ outline-style: auto; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:not(:focus-visible) {
+ outline: none; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:focus-visible {
+ border-radius: 6px;
+ -webkit-clip-path: none;
+ clip-path: none; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb::after {
+ display: none; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb:not(.euiBreadcrumb--last) {
+ margin-right: -4px; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb:first-child .euiBreadcrumb__content {
+ padding-left: 12px;
+ border-radius: 6px 0 0 6px;
+ -webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb:only-child .euiBreadcrumb__content {
+ -webkit-clip-path: none;
+ clip-path: none;
+ padding-left: 12px;
+ padding-right: 12px;
+ border-radius: 6px; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb--last .euiBreadcrumb__content {
+ border-radius: 0 6px 6px 0;
+ padding-right: 12px;
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%);
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%); }
+
+/*
+ * Creates the Amsterdam style of button with a transparent background
+ */
+/*
+ * Creates the Amsterdam style of fill button
+ */
+.euiHeader {
+ height: 48px;
+ padding-left: 8px;
+ padding-right: 8px; }
+
+.euiHeaderSectionItem:after {
+ display: none !important; }
+
+.euiHeaderLogo {
+ padding-left: 8px;
+ padding-right: 8px;
+ min-width: 40px; }
+ @media only screen and (max-width: 574px) {
+ .euiHeaderLogo {
+ padding-left: 4px; } }
+
+.euiHeaderLogo__text {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+
+.euiHeader--default + .euiHeader--default {
+ border-top: 1px solid #343741; }
+
+.euiHue {
+ position: relative;
+ height: 12px;
+ border-radius: 12px;
+ margin: 8px 0; }
+ .euiHue::before, .euiHue::after {
+ display: none; }
+ .euiHue__range {
+ top: -6px; }
+ .euiHue__range::-webkit-slider-thumb {
+ border: 3px solid #1D1E24;
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: inherit; }
+ .euiHue__range::-moz-range-thumb {
+ border: 3px solid #1D1E24;
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: inherit; }
+ .euiHue__range::-ms-thumb {
+ border: 3px solid #1D1E24;
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: inherit; }
+ .euiHue__range:focus {
+ outline: none; }
+ .euiHue__range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 2px #106C96;
+ border: 3px solid #1D1E24; }
+ .euiHue__range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 2px #106C96;
+ border: 3px solid #1D1E24; }
+ .euiHue__range:focus::-ms-thumb {
+ box-shadow: 0 0 0 2px #106C96;
+ border: 3px solid #1D1E24; }
+ .euiHue__range:focus:not(:focus-visible)::-webkit-slider-thumb {
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiHue__range:focus:not(:focus-visible)::-moz-range-thumb {
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiHue__range:focus:not(:focus-visible)::-ms-thumb {
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiHue__range:focus:focus-visible {
+ outline: none; }
+
+.euiListGroupItem--medium {
+ font-size: 16px; }
+
+.euiImage-isFullScreen .euiImage__caption {
+ color: #FFF;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
+
+.euiImage-isFullScreenCloseIcon {
+ fill: #FFF; }
+
+.euiKeyPadMenuItem {
+ border: none !important;
+ box-shadow: none; }
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus:hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125); }
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
+ box-shadow: none; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
+ box-shadow: none; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.175), 0 1.9px 4px rgba(0, 0, 0, 0.125), 0 4.5px 10px rgba(0, 0, 0, 0.125); }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled), .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within {
+ background-color: rgba(54, 162, 239, 0.2);
+ color: #40a7f0; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected.euiKeyPadMenuItem-isDisabled {
+ background-color: rgba(81, 87, 97, 0.2);
+ color: #5a5f69; }
+
+.euiKeyPadMenuItem__label {
+ font-weight: 600; }
+
+.euiMarkdownEditorToolbar {
+ border-radius: 6px 6px 0 0; }
+
+.euiMarkdownEditorTextArea:focus {
+ outline: none; }
+
+.euiMarkdownEditorTextArea:focus:focus-visible {
+ outline-style: none; }
+
+.euiMarkdownEditorPreview,
+.euiMarkdownEditorFooter {
+ border-radius: 0 0 6px 6px; }
+
+.euiModal {
+ border: none; }
+
+.euiNotificationBadge {
+ font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
+ border-radius: 4px; }
+
+.euiOverlayMask {
+ background: rgba(0, 0, 0, 0.5); }
+
+.euiPopover__panel:focus {
+ outline-offset: 0; }
+
+.euiPopover__panel.euiPopover__panel-isAttached {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.2), 0 2.6px 8px -1px rgba(0, 0, 0, 0.15), 0 5.7px 12px -1px rgba(0, 0, 0, 0.125), 0 15px 15px -1px rgba(0, 0, 0, 0.1); }
+ .euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusNone {
+ border-radius: 0; }
+ .euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusMedium {
+ border-radius: 6px; }
+
+.euiPopover__panel .euiPopover__panelArrow:before {
+ -webkit-filter: blur(3px);
+ filter: blur(3px);
+ opacity: .2; }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
+ bottom: -12px;
+ border-top-color: #000;
+ -webkit-clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px);
+ clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px); }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
+ bottom: -11px; }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
+ border-right-color: #000;
+ -webkit-clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px);
+ clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px); }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
+ left: -11px; }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
+ border-bottom-color: #000;
+ -webkit-clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px);
+ clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px); }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
+ top: -11px; }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
+ right: -12px;
+ border-left-color: #000;
+ -webkit-clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px);
+ clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px); }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
+ right: -11px; }
+
+.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 0; }
+
+.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 8px; }
+
+.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 16px; }
+
+.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 24px; }
+
+/**
+ * Footer specific overrides
+ */
+.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 0; }
+
+.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 8px; }
+
+.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 16px; }
+
+.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 24px; }
+
+.euiProgress--native {
+ border-radius: 8px; }
+
+.euiRangeTooltip__value {
+ border-radius: 4px; }
+
+.euiRangeDraggable:focus {
+ outline: none; }
+ .euiRangeDraggable:focus ~ .euiRangeThumb {
+ border: 2px solid #1D1E24;
+ box-shadow: 0 0 0 2px #106C96;
+ background-color: #106C96; }
+
+.euiRangeDraggable:focus:not(:focus-visible) ~ .euiRangeThumb {
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ outline: none; }
+
+.euiRangeDraggable:focus-visible {
+ outline: none; }
+ .euiRangeDraggable:focus-visible ~ .euiRangeThumb {
+ border: 2px solid #1D1E24;
+ box-shadow: 0 0 0 2px #106C96;
+ background-color: #106C96; }
+
+.euiRangeHighlight {
+ z-index: 1;
+ pointer-events: none; }
+ .euiRangeHighlight__progress {
+ background-color: #98A2B3;
+ border-color: #98A2B3; }
+ .euiRangeHighlight__progress--hasFocus {
+ background-color: #106C96; }
+ .euiRangeHighlight--compressed {
+ top: calc(50% - 2px); }
+ .euiRangeHighlight--compressed .euiRangeHighlight__progress {
+ height: 4px; }
+ .euiRangeHighlight--compressed.euiRangeHighlight--hasTicks {
+ top: 6px; }
+ .euiRangeHighlight:not(.euiRangeHighlight--compressed).euiRangeHighlight--hasTicks {
+ top: 5px; }
+
+.euiRangeLevels .euiRangeLevel {
+ margin-top: 0;
+ margin-bottom: 0; }
+ .euiRangeLevels .euiRangeLevel:first-child {
+ margin-left: 0; }
+ .euiRangeLevels .euiRangeLevel:last-child {
+ margin-right: 0; }
+
+.euiRangeLevels--compressed .euiRangeLevel {
+ height: 4px; }
+ .euiRangeLevels--compressed .euiRangeLevel:first-child {
+ margin-left: 0; }
+ .euiRangeLevels--compressed .euiRangeLevel:last-child {
+ margin-right: 0; }
+
+.euiRangeLevels--compressed .euiRangeThumb--hasTicks {
+ top: 0; }
+
+.euiRangeSlider {
+ z-index: 2; }
+ .euiRangeSlider::-webkit-slider-runnable-track {
+ background-color: transparent; }
+ .euiRangeSlider::-moz-range-track {
+ background-color: transparent; }
+ .euiRangeSlider::-ms-fill-lower {
+ background-color: transparent; }
+ .euiRangeSlider::-ms-fill-upper {
+ background-color: transparent; }
+ .euiRangeSlider--hasTicks {
+ height: 16px; }
+ .euiRangeSlider:focus {
+ outline: none; }
+ .euiRangeSlider:focus::-webkit-slider-thumb {
+ border: 2px solid #1D1E24;
+ box-shadow: 0 0 0 2px #106C96;
+ background-color: #106C96; }
+ .euiRangeSlider:focus::-moz-range-thumb {
+ border: 2px solid #1D1E24;
+ box-shadow: 0 0 0 2px #106C96;
+ background-color: #106C96; }
+ .euiRangeSlider:focus::-ms-thumb {
+ border: 2px solid #1D1E24;
+ box-shadow: 0 0 0 2px #106C96;
+ background-color: #106C96; }
+ .euiRangeSlider:focus::-webkit-slider-runnable-track {
+ background-color: transparent; }
+ .euiRangeSlider:focus::-moz-range-track {
+ background-color: transparent; }
+ .euiRangeSlider:focus::-ms-fill-lower {
+ background-color: transparent; }
+ .euiRangeSlider:focus::-ms-fill-upper {
+ background-color: transparent; }
+ .euiRangeSlider:focus ~ .euiRangeHighlight .euiRangeHighlight__progress {
+ background-color: #106C96; }
+ .euiRangeSlider:focus:not(:focus-visible)::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: #98A2B3; }
+ .euiRangeSlider:focus:not(:focus-visible)::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: #98A2B3; }
+ .euiRangeSlider:focus:not(:focus-visible)::-ms-thumb {
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: #98A2B3; }
+ .euiRangeSlider:focus:not(:focus-visible) ~ .euiRangeHighlight .euiRangeHighlight__progress {
+ background-color: #98A2B3; }
+ .euiRangeSlider:disabled::-webkit-slider-thumb {
+ background-color: #98A2B3; }
+ .euiRangeSlider:disabled::-moz-range-thumb {
+ background-color: #98A2B3; }
+ .euiRangeSlider:disabled::-ms-thumb {
+ background-color: #98A2B3; }
+ .euiRangeSlider:disabled ~ .euiRangeThumb {
+ background-color: #98A2B3; }
+
+.euiRangeThumb {
+ box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #1D1E24;
+ background-color: #98A2B3;
+ z-index: 2;
+ pointer-events: none; }
+ .euiRangeThumb--hasTicks {
+ top: 0;
+ margin-top: 0; }
+ .euiRangeThumb:focus {
+ border: 2px solid #1D1E24;
+ box-shadow: 0 0 0 2px #106C96;
+ background-color: #106C96;
+ outline: none; }
+ .euiRangeThumb:focus:focus-visible {
+ outline: none; }
+
+.euiRangeTicks:not(.euiRangeTicks--compressed) .euiRangeTick {
+ padding-top: 0; }
+
+.euiRangeTicks:not(.euiRangeTicks--compressed) .euiRangeTick:not(.euiRangeTick--hasTickMark)::before,
+.euiRangeTicks:not(.euiRangeTicks--compressed) .euiRangeTick__pseudo {
+ width: 4px;
+ height: 6px;
+ background-color: #343741;
+ border-radius: 4px; }
+
+.euiRangeTicks--compressed .euiRangeTick {
+ padding-top: 14px; }
+ .euiRangeTicks--compressed .euiRangeTick::before,
+ .euiRangeTicks--compressed .euiRangeTick .euiRangeTick__pseudo {
+ background-color: #343741;
+ border-radius: 4px; }
+
+.euiRangeTick::before {
+ background-color: #343741;
+ border-radius: 4px; }
+
+.euiRangeTick:enabled:hover, .euiRangeTick:focus, .euiRangeTick--selected {
+ color: #106C96; }
+
+.euiRangeTick--selected {
+ font-weight: 500; }
+
+.euiRangeTrack::after {
+ content: '';
+ display: block;
+ background: #343741;
+ border: 0 solid #98A2B3;
+ border-radius: 4px;
+ position: absolute;
+ left: 0; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed)::after {
+ height: 6px;
+ width: 100%; }
+
+.euiRangeTrack--compressed::after {
+ height: 6px;
+ width: 100%;
+ height: 4px; }
+
+.euiRangeTrack--compressed.euiRangeTrack--hasLevels .euiRangeTicks {
+ height: 18px;
+ top: 16px; }
+
+.euiRangeTrack--compressed.euiRangeTrack--hasLevels .euiRangeTick {
+ padding-top: 4px; }
+
+.euiRangeTrack--compressed:not(.euiRangeTrack--hasLevels) .euiRangeTicks {
+ height: 20px;
+ top: 12px; }
+
+.euiRangeTrack--compressed:not(.euiRangeTrack--hasLevels) .euiRangeTick {
+ padding-top: 6px; }
+
+.euiRangeTrack--compressed.euiRangeTrack--hasTicks::after {
+ top: 6px; }
+
+.euiRangeTrack--compressed:not(.euiRangeTrack--hasTicks)::after {
+ top: calc(50% - 2px); }
+
+.euiRangeTrack--compressed .euiRangeThumb--hasTicks {
+ top: 0; }
+
+.euiRangeTrack--compressed .euiRangeLevels:not(.euiRangeLevels--hasTicks) {
+ top: 19px; }
+
+.euiRangeTrack--compressed .euiRangeLevels--hasTicks {
+ top: 11px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed).euiRangeTrack--hasLevels .euiRangeTicks {
+ height: 20px;
+ top: 20px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed).euiRangeTrack--hasLevels .euiRangeTick {
+ padding-top: 6px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed):not(.euiRangeTrack--hasLevels) .euiRangeTicks {
+ height: 24px;
+ top: 16px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed):not(.euiRangeTrack--hasLevels) .euiRangeTick {
+ padding-top: 11px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed).euiRangeTrack--hasTicks .euiRangeTooltip {
+ top: -2px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed).euiRangeTrack--hasTicks::after {
+ top: 5px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed):not(.euiRangeTrack--hasTicks)::after {
+ top: calc(50% - 3px); }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed) .euiRangeLevels:not(.euiRangeLevels--hasTicks) {
+ top: 24px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed) .euiRangeLevels--hasTicks {
+ top: 12px; }
+
+.euiRangeTooltip {
+ z-index: 3; }
+
+.euiSideNavItem--root {
+ padding-bottom: 8px; }
+ .euiSideNavItem--root + .euiSideNavItem--root {
+ padding-top: 8px;
+ margin-top: 8px; }
+ .euiSideNavItem--root > .euiSideNavItemButton {
+ margin-bottom: 4px; }
+ .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ color: inherit; }
+
+.euiStepHorizontal-isDisabled .euiStepHorizontal__title,
+.euiStep-isDisabled .euiStep__title {
+ color: #515761; }
+
+.euiStepNumber {
+ outline-color: #106C96; }
+ .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: #106C96;
+ color: #000;
+ outline-color: #000 !important; }
+ .euiStepNumber--complete {
+ background-color: #7DDED8;
+ color: #000;
+ outline-color: #000 !important; }
+ .euiStepNumber--warning {
+ background-color: #F3D371;
+ color: #000;
+ outline-color: #000 !important; }
+ .euiStepNumber--danger {
+ background-color: #F86B63;
+ color: #000;
+ outline-color: #000 !important; }
+ .euiStepNumber.euiStepNumber--incomplete {
+ background-color: transparent;
+ color: #DFE5EF;
+ border: 2px solid #343741; }
+ .euiStepNumber.euiStepNumber--incomplete .euiStepNumber__number {
+ display: unset;
+ position: relative;
+ top: -2px; }
+
+.euiStepNumber--disabled {
+ background-color: rgba(81, 87, 97, 0.1);
+ color: #515761; }
+
+.euiStepHorizontal__title {
+ font-weight: 700; }
+
+.euiStepHorizontal::before, .euiStepHorizontal::after {
+ height: 2px;
+ background-color: #106C96;
+ background-color: #343741; }
+
+.euiStep:not(:last-of-type) {
+ background-position: left 32px; }
+
+.euiStep--small:not(:last-of-type) {
+ background-position: -4px 24px; }
+
+.euiStep__content {
+ padding-bottom: 40px;
+ margin-bottom: 0; }
+
+.euiStepsHorizontal {
+ background: none; }
+
+.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
+ outline: 2px solid #106C96; }
+
+.euiTab,
+.euiTabs--condensed .euiTab {
+ padding: 0 4px; }
+ .euiTab .euiTab__content,
+ .euiTabs--condensed .euiTab .euiTab__content {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 40px; }
+ .euiTab + .euiTab,
+ .euiTabs--condensed .euiTab + .euiTab {
+ margin-left: 16px; }
+ .euiTab:focus,
+ .euiTabs--condensed .euiTab:focus {
+ background-color: transparent; }
+
+.euiTabs--small .euiTab,
+.euiTabs--condensed.euiTabs--small .euiTab {
+ padding: 0 4px; }
+ .euiTabs--small .euiTab .euiTab__content,
+ .euiTabs--condensed.euiTabs--small .euiTab .euiTab__content {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 700;
+ line-height: 32px; }
+ .euiTabs--small .euiTab + .euiTab,
+ .euiTabs--condensed.euiTabs--small .euiTab + .euiTab {
+ margin-left: 12px; }
+
+.euiTabs--large .euiTab,
+.euiTabs--condensed.euiTabs--large .euiTab {
+ padding: 0 4px; }
+ .euiTabs--large .euiTab .euiTab__content,
+ .euiTabs--condensed.euiTabs--large .euiTab .euiTab__content {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #DFE5EF;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 48px; }
+ .euiTabs--large .euiTab + .euiTab,
+ .euiTabs--condensed.euiTabs--large .euiTab + .euiTab {
+ margin-left: 24px; }
+
+.euiTabs--xlarge .euiTab,
+.euiTabs--condensed.euiTabs--xlarge .euiTab {
+ padding: 0 4px; }
+ .euiTabs--xlarge .euiTab .euiTab__content,
+ .euiTabs--condensed.euiTabs--xlarge .euiTab .euiTab__content {
+ font-size: 20px;
+ font-size: 1.42857rem;
+ line-height: 48px; }
+ .euiTabs--xlarge .euiTab + .euiTab,
+ .euiTabs--condensed.euiTabs--xlarge .euiTab + .euiTab {
+ margin-left: 32px; }
+
+.euiTabs .euiTab-isSelected,
+.euiTabs--condensed.euiTabs .euiTab-isSelected {
+ color: #106C96; }
+ .euiTabs .euiTab-isSelected:hover, .euiTabs .euiTab-isSelected:focus,
+ .euiTabs--condensed.euiTabs .euiTab-isSelected:hover,
+ .euiTabs--condensed.euiTabs .euiTab-isSelected:focus {
+ text-decoration: underline;
+ cursor: pointer; }
+ .euiTabs .euiTab-isSelected:focus-visible,
+ .euiTabs--condensed.euiTabs .euiTab-isSelected:focus-visible {
+ box-shadow: none; }
+
+.euiText--medium {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.5; }
+ .euiText--medium p,
+ .euiText--medium ul,
+ .euiText--medium ol,
+ .euiText--medium dl,
+ .euiText--medium blockquote,
+ .euiText--medium img,
+ .euiText--medium pre {
+ margin-bottom: 1.71429rem; }
+ .euiText--medium ul,
+ .euiText--medium ol {
+ margin-left: 1.71429rem; }
+ .euiText--medium blockquote {
+ font-size: 1.14286rem;
+ padding: 1.71429rem; }
+ .euiText--medium h1 {
+ font-size: 2.42857rem;
+ line-height: 1.41176;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h2 {
+ font-size: 1.92857rem;
+ line-height: 1.48148;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h3 {
+ font-size: 1.57143rem;
+ line-height: 1.45455;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h4 {
+ font-size: 1.14286rem;
+ line-height: 1.5;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h5 {
+ font-size: 1rem;
+ line-height: 1.14286;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h6 {
+ font-size: 0.85714rem;
+ line-height: 1.33333;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium * + h2 {
+ margin-top: 2.28571rem; }
+ .euiText--medium * + h3 {
+ margin-top: 2.28571rem; }
+ .euiText--medium * + h4 {
+ margin-top: 2.28571rem; }
+ .euiText--medium * + h5 {
+ margin-top: 2.28571rem; }
+ .euiText--medium * + h6 {
+ margin-top: 2.28571rem; }
+ .euiText--medium dd + dt {
+ margin-top: 1.14286rem; }
+ .euiText--medium dt,
+ .euiText--medium .eui-definitionListReverse dd {
+ font-size: 1.14286rem;
+ line-height: 1.5; }
+ .euiText--medium .eui-definitionListReverse dt {
+ font-size: 0.85714rem;
+ color: #DFE5EF; }
+ .euiText--medium small {
+ font-size: 1rem; }
+ .euiText--medium pre {
+ padding: 1.14286rem; }
+ .euiText--medium code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 1.02857rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 1.14286rem;
+ border-left-width: 0.28571rem;
+ margin-bottom: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 1.14286rem;
+ padding-left: 1.71429rem;
+ line-height: 1.5; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.28571rem 0.57143rem; }
+
+.euiToast {
+ border: none;
+ border-radius: 6px; }
+
+.euiToast--primary {
+ border-top: 2px solid #106C96; }
+
+.euiToast--success {
+ border-top: 2px solid #7DDED8; }
+
+.euiToast--warning {
+ border-top: 2px solid #F3D371; }
+
+.euiToast--danger {
+ border-top: 2px solid #F86B63; }
+
+.euiToastHeader__title {
+ font-weight: 700; }
+
+.euiToken--square {
+ border-radius: 3px; }
+
+.euiToolTip {
+ padding: 8px; }
+ .euiToolTip .euiHorizontalRule {
+ background-color: #333333; }
diff --git a/css/eui_theme_light.css b/css/eui_theme_light.css
new file mode 100644
index 0000000000000000000000000000000000000000..c00849a2fa8d174e1a06befc97828118fbe2473e
--- /dev/null
+++ b/css/eui_theme_light.css
@@ -0,0 +1,18207 @@
+@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.
+ */
+/**
+ * 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)
+ */
+/*
+ * Creates the Amsterdam style of button with a transparent background
+ */
+/*
+ * Creates the Amsterdam style of fill button
+ */
+@-webkit-keyframes euiAnimFadeIn {
+ 0% {
+ opacity: 0; }
+ 100% {
+ opacity: 1; } }
+@keyframes euiAnimFadeIn {
+ 0% {
+ opacity: 0; }
+ 100% {
+ opacity: 1; } }
+
+@-webkit-keyframes euiGrow {
+ 0% {
+ opacity: 0; }
+ 1% {
+ opacity: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1); } }
+
+@keyframes euiGrow {
+ 0% {
+ opacity: 0; }
+ 1% {
+ opacity: 0;
+ -webkit-transform: scale(0);
+ transform: scale(0); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: scale(1);
+ transform: scale(1); } }
+
+@-webkit-keyframes focusRingAnimate {
+ 0% {
+ box-shadow: 0 0 0 2px rgba(0, 119, 204, 0); }
+ 100% {
+ box-shadow: 0 0 0 2px #003c56; } }
+
+@keyframes focusRingAnimate {
+ 0% {
+ box-shadow: 0 0 0 2px rgba(0, 119, 204, 0); }
+ 100% {
+ box-shadow: 0 0 0 2px #003c56; } }
+
+@-webkit-keyframes focusRingAnimateLarge {
+ 0% {
+ box-shadow: 0 0 0 10px rgba(0, 119, 204, 0); }
+ 100% {
+ box-shadow: 0 0 0 4px #003c56; } }
+
+@keyframes focusRingAnimateLarge {
+ 0% {
+ box-shadow: 0 0 0 10px rgba(0, 119, 204, 0); }
+ 100% {
+ box-shadow: 0 0 0 4px #003c56; } }
+
+@-webkit-keyframes euiButtonActive {
+ 50% {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+
+@keyframes euiButtonActive {
+ 50% {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+
+.eui-alignBaseline {
+ vertical-align: baseline !important; }
+
+.eui-alignBottom {
+ vertical-align: bottom !important; }
+
+.eui-alignMiddle {
+ vertical-align: middle !important; }
+
+.eui-alignTop {
+ vertical-align: top !important; }
+
+.eui-displayBlock {
+ display: block !important; }
+
+.eui-displayInline {
+ display: inline !important; }
+
+.eui-displayInlineBlock {
+ display: inline-block !important; }
+
+.eui-fullWidth {
+ display: block !important;
+ width: 100% !important; }
+
+.eui-textCenter {
+ text-align: center !important; }
+
+.eui-textLeft {
+ text-align: left !important; }
+
+.eui-textRight {
+ text-align: right !important; }
+
+.eui-textNoWrap {
+ white-space: nowrap !important; }
+
+.eui-textInheritColor {
+ color: inherit !important; }
+
+.eui-textBreakWord {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word; }
+
+.eui-textBreakAll {
+ overflow-wrap: break-word !important;
+ word-break: break-all !important; }
+
+.eui-textBreakNormal {
+ overflow-wrap: normal !important;
+ word-wrap: normal !important;
+ word-break: normal !important; }
+
+.eui-textOverflowWrap {
+ overflow-wrap: break-word !important; }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .eui-textOverflowWrap {
+ word-break: break-all !important; } }
+
+.eui-textTruncate {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.eui-textNumber {
+ font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1; }
+
+/**
+ * Responsive
+ *
+ * 1. Be sure to hide the element initially
+ */
+[class*='eui-showFor'] {
+ display: none !important;
+ /* 1 */ }
+
+@media only screen and (max-width: 574px) {
+ .eui-hideFor--xs {
+ display: none !important; } }
+
+@media only screen and (max-width: 574px) {
+ .eui-showFor--xs {
+ display: inline !important; } }
+
+@media only screen and (max-width: 574px) {
+ .eui-showFor--xs--block {
+ display: block !important; } }
+
+@media only screen and (max-width: 574px) {
+ .eui-showFor--xs--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (max-width: 574px) {
+ .eui-showFor--xs--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-hideFor--s {
+ display: none !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-showFor--s {
+ display: inline !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-showFor--s--block {
+ display: block !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-showFor--s--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .eui-showFor--s--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-hideFor--m {
+ display: none !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-showFor--m {
+ display: inline !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-showFor--m--block {
+ display: block !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-showFor--m--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .eui-showFor--m--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-hideFor--l {
+ display: none !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-showFor--l {
+ display: inline !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-showFor--l--block {
+ display: block !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-showFor--l--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .eui-showFor--l--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-hideFor--xl {
+ display: none !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-showFor--xl {
+ display: inline !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-showFor--xl--block {
+ display: block !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-showFor--xl--inlineBlock {
+ display: inline-block !important; } }
+
+@media only screen and (min-width: 1200px) {
+ .eui-showFor--xl--flex {
+ display: -webkit-flex !important;
+ display: flex !important; } }
+
+/**
+ * IE doesn't properly wrap groups if it is within a flex-item of a flex-group.
+ * Adding the following styles to the flex-item that contains the wrapping group, will fix IE.
+ * https://github.com/philipwalton/flexbugs/issues/104
+ */
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiIEFlexWrapFix {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-flex-shrink: 1;
+ flex-shrink: 1;
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%; } }
+
+/**
+ * Overflow scrolling
+ */
+.eui-yScroll {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden; }
+ .eui-yScroll::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .eui-yScroll::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .eui-yScroll::-webkit-scrollbar-corner, .eui-yScroll::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .eui-yScroll:focus {
+ outline: none;
+ /* 1 */ }
+ .eui-yScroll[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.eui-xScroll {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-x: auto; }
+ .eui-xScroll::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .eui-xScroll::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .eui-xScroll::-webkit-scrollbar-corner, .eui-xScroll::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .eui-xScroll:focus {
+ outline: none;
+ /* 1 */ }
+ .eui-xScroll[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+/**
+ * Overflow scrolling with shadows
+ */
+.eui-yScrollWithShadows {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .eui-yScrollWithShadows::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .eui-yScrollWithShadows::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .eui-yScrollWithShadows::-webkit-scrollbar-corner, .eui-yScrollWithShadows::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .eui-yScrollWithShadows:focus {
+ outline: none;
+ /* 1 */ }
+ .eui-yScrollWithShadows[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.eui-xScrollWithShadows {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-x: auto;
+ -webkit-mask-image: linear-gradient(to right, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to right, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .eui-xScrollWithShadows::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .eui-xScrollWithShadows::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .eui-xScrollWithShadows::-webkit-scrollbar-corner, .eui-xScrollWithShadows::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .eui-xScrollWithShadows:focus {
+ outline: none;
+ /* 1 */ }
+ .eui-xScrollWithShadows[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiYScrollWithShadows {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .euiYScrollWithShadows::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiYScrollWithShadows::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiYScrollWithShadows::-webkit-scrollbar-corner, .euiYScrollWithShadows::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiYScrollWithShadows:focus {
+ outline: none;
+ /* 1 */ }
+ .euiYScrollWithShadows[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+/**
+ * Forcing focus ring on non-EUI elements
+ */
+.eui-isFocusable:focus {
+ outline: 2px solid currentColor; }
+ .eui-isFocusable:focus:focus-visible {
+ outline-style: auto; }
+ .eui-isFocusable:focus:not(:focus-visible) {
+ outline: none; }
+
+/**
+ * For quickly applying a full-height element whether using flex or not
+ */
+.eui-fullHeight {
+ height: 100%;
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ overflow: hidden; }
+
+/**
+ * LEGEND
+ * __day-name : Week headers like Su, Mo, etc
+ * __day : Number on the calendar
+ * --highlighted
+ * --disabled : _this.isDisabled(),
+ * --selected : _this.isSameDay(_this.props.selected),
+ * --range-start : _this.isRangeStart(),
+ * --range-end : _this.isRangeEnd(),
+ * --keyboard-selected : _this.isKeyboardSelected(),
+ * --in-range : _this.isInRange(),
+ * --in-selecting-range : _this.isInSelectingRange(),
+ * --selecting-range-start : _this.isSelectingRangeStart(),
+ * --selecting-range-end : _this.isSelectingRangeEnd(),
+ * --today : _this.isSameDay(now(_this.props.utcOffset)),
+ * --weekend : _this.isWeekend(),
+ * --outside-month : _this.isOutsideMonth()
+ */
+.react-datepicker__day-names,
+.react-datepicker__week {
+ white-space: nowrap;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.react-datepicker__day-name,
+.react-datepicker__day {
+ font-weight: 500;
+ text-align: center;
+ color: #e83765;
+ display: inline-block;
+ width: 32px;
+ line-height: 32px;
+ border-radius: 4px;
+ margin: 2px; }
+
+.react-datepicker__day-name {
+ color: #69707D; }
+
+.react-datepicker__day {
+ cursor: pointer;
+ transition: -webkit-transform 90ms ease-in-out;
+ transition: transform 90ms ease-in-out;
+ transition: transform 90ms ease-in-out, -webkit-transform 90ms ease-in-out; }
+ .react-datepicker__day:hover {
+ color: #0061a6;
+ background-color: rgba(0, 119, 204, 0.2);
+ text-decoration: underline; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .react-datepicker__day:hover {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); } }
+ .react-datepicker__day--today {
+ color: #07C;
+ font-weight: 700; }
+ .react-datepicker__day--outside-month {
+ color: #69707D; }
+ .react-datepicker__day--highlighted, .react-datepicker__day--highlighted:hover {
+ color: #00726b;
+ background-color: rgba(0, 191, 179, 0.2); }
+ .react-datepicker__day--in-range, .react-datepicker__day--in-range:hover {
+ color: #0061a6;
+ background-color: rgba(0, 119, 204, 0.2); }
+ .react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover), .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected), .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover {
+ box-shadow: -2px 0 rgba(0, 119, 204, 0.2), 2px 0 rgba(0, 119, 204, 0.2);
+ border-radius: 0; }
+ .react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):first-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):first-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover:first-of-type {
+ box-shadow: 2px 0 rgba(0, 119, 204, 0.2); }
+ .react-datepicker__day--in-range:not(.react-datepicker__day--selected):not(:hover):last-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):last-of-type, .react-datepicker__day--in-range.react-datepicker__day--disabled:not(.react-datepicker__day--selected):hover:last-of-type {
+ box-shadow: -2px 0 rgba(0, 119, 204, 0.2); }
+ .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover {
+ background-color: #07C;
+ color: #FFF; }
+ .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
+ background-color: rgba(189, 39, 30, 0.5); }
+ .react-datepicker__day--disabled, .react-datepicker__day--disabled:hover {
+ background-color: rgba(171, 180, 196, 0.1);
+ color: #a2abba;
+ cursor: not-allowed;
+ text-decoration: none;
+ -webkit-transform: none;
+ transform: none; }
+ .react-datepicker__day--disabled.react-datepicker__day--in-range:not(.react-datepicker__day--selected), .react-datepicker__day--disabled.react-datepicker__day--in-range:not(.react-datepicker__day--selected):hover, .react-datepicker__day--disabled:hover.react-datepicker__day--in-range:not(.react-datepicker__day--selected), .react-datepicker__day--disabled:hover.react-datepicker__day--in-range:not(.react-datepicker__day--selected):hover {
+ color: #8c9daa;
+ background-color: rgba(0, 119, 204, 0.2); }
+ .react-datepicker__day--disabled.react-datepicker__day--selected, .react-datepicker__day--disabled.react-datepicker__day--selected:hover {
+ color: #BD271E;
+ background-color: rgba(189, 39, 30, 0.2); }
+
+/**
+ * LEGEND
+ * __time-list-item :
+ * --preselected : closest current time but not selected (also applied when using arrow keys to indicate focus)
+ * --selected
+ * --disabled
+ * --injected
+ */
+.react-datepicker__header--time {
+ display: none; }
+
+.react-datepicker__time-container {
+ border-left: #D3DAE6;
+ width: auto;
+ display: -webkit-flex;
+ display: flex;
+ margin-top: 40px;
+ margin-left: 8px;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ background-color: #fafbfd;
+ border-radius: 6px; }
+ .react-datepicker__time-container--focus .react-datepicker__time-list-item--preselected {
+ text-decoration: underline; }
+ @media only screen and (max-width: 574px) {
+ .react-datepicker__time-container {
+ margin-top: 0; } }
+
+.react-datepicker__time,
+.react-datepicker__time-box {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.react-datepicker__time-list {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ padding: 4px 12px;
+ height: 100px !important;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-align-items: center;
+ align-items: center;
+ gap: 4px; }
+ .react-datepicker__time-list::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .react-datepicker__time-list::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .react-datepicker__time-list::-webkit-scrollbar-corner, .react-datepicker__time-list::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .react-datepicker__time-list:focus {
+ outline: none;
+ /* 1 */ }
+ .react-datepicker__time-list[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.react-datepicker__time-list-item {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 500;
+ text-decoration: none;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
+ outline-offset: -1px;
+ -webkit-transform: none !important;
+ transform: none !important;
+ /* 1 */
+ -webkit-animation: none !important;
+ animation: none !important;
+ /* 1 */
+ transition-timing-function: ease-in;
+ /* 2 */
+ transition-duration: 150ms;
+ /* 2 */
+ padding: 0 8px;
+ height: 24px;
+ line-height: 24px;
+ border-radius: 4px;
+ font-size: 12px; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .react-datepicker__time-list-item {
+ transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+ .react-datepicker__time-list-item:hover:not([class*='isDisabled']) {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+ .react-datepicker__time-list-item:focus {
+ -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .react-datepicker__time-list-item:active:not([class*='isDisabled']) {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+ .react-datepicker__time-list-item:hover:not([class*='isDisabled']), .react-datepicker__time-list-item:focus {
+ text-decoration: underline; }
+ .react-datepicker__time-list-item--disabled, .react-datepicker__time-list-item--disabled:hover {
+ text-decoration: none !important;
+ cursor: not-allowed;
+ color: #ABB4C4;
+ background-color: transparent; }
+ .react-datepicker__time-list-item--injected, .react-datepicker__time-list-item--injected:hover {
+ color: #00726b;
+ background-color: rgba(0, 191, 179, 0.2); }
+ .react-datepicker__time-list-item--preselected, .react-datepicker__time-list-item--preselected:hover {
+ background: rgba(0, 119, 204, 0.1); }
+ .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: transparent;
+ margin: 0; }
+ .react-datepicker--time-only .react-datepicker__time-list {
+ height: 204px !important; }
+ .react-datepicker--time-only .react-datepicker__time-list-item {
+ font-size: 14px;
+ min-width: 112px;
+ text-align: left; }
+
+/**
+ * LEGEND
+ * __header__dropdown : Contains the month and year, but affords for the navigational arrows
+
+ * __month-dropdown-container: Contains both static/selected control and the dropdown
+ * __month-read-view: The static control
+ * __month-dropdown: The absolutely positioned list
+ * __month-option: Each option in the list
+ * --selected_month
+ * --selected
+ * --preselected
+
+ * __year-dropdown-container: Contains both static/selected control and the dropdown
+ * __year-read-view: The static control
+ * __year-dropdown: The absolutely positioned list
+ * __year-option: Each option in the list
+ * --selected_year
+ * --selected
+ * --preselected
+ */
+.react-datepicker__header__dropdown {
+ padding: 8px;
+ display: -webkit-flex;
+ display: flex;
+ gap: 4px;
+ position: absolute;
+ top: 0;
+ left: 36px;
+ right: 36px;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+/**
+ * Make the top selectors look like select inputs
+ */
+.react-datepicker__year-read-view,
+.react-datepicker__month-read-view,
+.react-datepicker__month-year-read-view {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px;
+ height: 32px;
+ font-weight: 500;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center; }
+ @supports (-moz-appearance: none) {
+ .react-datepicker__year-read-view,
+ .react-datepicker__month-read-view,
+ .react-datepicker__month-year-read-view {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .react-datepicker__year-read-view,
+ .react-datepicker__month-read-view,
+ .react-datepicker__month-year-read-view {
+ line-height: 1em; } }
+ .react-datepicker__year-read-view::-webkit-input-placeholder,
+ .react-datepicker__month-read-view::-webkit-input-placeholder,
+ .react-datepicker__month-year-read-view::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .react-datepicker__year-read-view::-moz-placeholder,
+ .react-datepicker__month-read-view::-moz-placeholder,
+ .react-datepicker__month-year-read-view::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .react-datepicker__year-read-view::-webkit-input-placeholder, .react-datepicker__month-read-view::-webkit-input-placeholder, .react-datepicker__month-year-read-view::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .react-datepicker__year-read-view::-moz-placeholder, .react-datepicker__month-read-view::-moz-placeholder, .react-datepicker__month-year-read-view::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .react-datepicker__year-read-view::placeholder,
+ .react-datepicker__month-read-view::placeholder,
+ .react-datepicker__month-year-read-view::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ @supports (-moz-appearance: none) {
+ .react-datepicker__year-read-view,
+ .react-datepicker__month-read-view,
+ .react-datepicker__month-year-read-view {
+ transition-property: box-shadow, background-image, background-size; } }
+ .react-datepicker__year-read-view:hover,
+ .react-datepicker__month-read-view:hover,
+ .react-datepicker__month-year-read-view:hover {
+ cursor: pointer;
+ text-decoration: underline; }
+ .react-datepicker__year-read-view--down-arrow,
+ .react-datepicker__month-read-view--down-arrow,
+ .react-datepicker__month-year-read-view--down-arrow {
+ background-position: center;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImFycm93X2Rvd24tYSIgZD0iTTEzLjA2ODg1MDgsNS4xNTcyNTAzOCBMOC4zODQyMzk3NSw5Ljc2ODI3NDI4IEM4LjE3MDU0NDE1LDkuOTc4NjEzMDggNy44Mjk5OTIxNCw5Ljk3OTE0MDk1IDcuNjE1NzYwMjUsOS43NjgyNzQyOCBMMi45MzExNDkxNSw1LjE1NzI1MDM4IEMyLjcxODEzNTksNC45NDc1ODMyMSAyLjM3Mjc3MzE5LDQuOTQ3NTgzMjEgMi4xNTk3NTk5NCw1LjE1NzI1MDM4IEMxLjk0Njc0NjY5LDUuMzY2OTE3NTYgMS45NDY3NDY2OSw1LjcwNjg1NTIyIDIuMTU5NzU5OTQsNS45MTY1MjI0IEw2Ljg0NDM3MTA0LDEwLjUyNzU0NjMgQzcuNDg1MTc0MjQsMTEuMTU4MjgzNiA4LjUxNjQ0OTc5LDExLjE1NjY4NTEgOS4xNTU2Mjg5NiwxMC41Mjc1NDYzIEwxMy44NDAyNDAxLDUuOTE2NTIyNCBDMTQuMDUzMjUzMyw1LjcwNjg1NTIyIDE0LjA1MzI1MzMsNS4zNjY5MTc1NiAxMy44NDAyNDAxLDUuMTU3MjUwMzggQzEzLjYyNzIyNjgsNC45NDc1ODMyMSAxMy4yODE4NjQxLDQuOTQ3NTgzMjEgMTMuMDY4ODUwOCw1LjE1NzI1MDM4IFoiLz4gIDwvZGVmcz4gIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDx1c2UgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYXJyb3dfZG93bi1hIi8+ICA8L2c+PC9zdmc+);
+ right: 8px;
+ height: 12px;
+ width: 12px;
+ display: inline-block;
+ background-size: cover; }
+ .react-datepicker__year-read-view--selected-month, .react-datepicker__year-read-view--selected-year,
+ .react-datepicker__month-read-view--selected-month,
+ .react-datepicker__month-read-view--selected-year,
+ .react-datepicker__month-year-read-view--selected-month,
+ .react-datepicker__month-year-read-view--selected-year {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.react-datepicker__year-dropdown-container,
+.react-datepicker__month-dropdown-container {
+ position: relative;
+ display: inline-block;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ max-width: 400px; }
+
+.react-datepicker__year-dropdown-container > div:not([class*='read-view']),
+.react-datepicker__month-dropdown {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
+ height: auto;
+ max-height: 250px;
+ background-color: #FFF;
+ position: absolute;
+ z-index: 1;
+ border-radius: 6px;
+ min-width: 100px;
+ width: 100%; }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view'])::-webkit-scrollbar,
+ .react-datepicker__month-dropdown::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view'])::-webkit-scrollbar-thumb,
+ .react-datepicker__month-dropdown::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view'])::-webkit-scrollbar-corner, .react-datepicker__year-dropdown-container > div:not([class*='read-view'])::-webkit-scrollbar-track,
+ .react-datepicker__month-dropdown::-webkit-scrollbar-corner,
+ .react-datepicker__month-dropdown::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view']):focus,
+ .react-datepicker__month-dropdown:focus {
+ outline: none;
+ /* 1 */ }
+ .react-datepicker__year-dropdown-container > div:not([class*='read-view'])[tabindex='0']:focus:focus-visible,
+ .react-datepicker__month-dropdown[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.react-datepicker__year-dropdown-container > div:not([class*='read-view']) .react-datepicker__year-dropdown {
+ padding: 4px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end; }
+
+.react-datepicker__month-dropdown-container {
+ -webkit-flex-grow: 2;
+ flex-grow: 2; }
+ .react-datepicker__month-dropdown-container .react-datepicker__month-dropdown {
+ padding: 4px;
+ min-width: 140px; }
+
+.react-datepicker__year-option,
+.react-datepicker__month-option,
+.react-datepicker__month-year-option {
+ padding: 0 8px;
+ height: 24px;
+ line-height: 24px;
+ border-radius: 4px;
+ font-size: 14px;
+ margin: 4px 0;
+ cursor: pointer; }
+ .react-datepicker__year-option:hover, .react-datepicker__year-option:focus,
+ .react-datepicker__month-option:hover,
+ .react-datepicker__month-option:focus,
+ .react-datepicker__month-year-option:hover,
+ .react-datepicker__month-year-option:focus {
+ text-decoration: underline; }
+ .react-datepicker__year-option--selected,
+ .react-datepicker__month-option--selected,
+ .react-datepicker__month-year-option--selected {
+ display: none; }
+
+.react-datepicker__year-option--preselected, .react-datepicker__year-option--preselected:hover,
+.react-datepicker__month-option--preselected,
+.react-datepicker__month-option--preselected:hover {
+ background: rgba(0, 119, 204, 0.1); }
+
+.react-datepicker__year-option--selected_year, .react-datepicker__year-option--selected_year:hover,
+.react-datepicker__month-option--selected_month,
+.react-datepicker__month-option--selected_month:hover {
+ background-color: #07C;
+ color: #FFF; }
+
+.react-datepicker__navigation--next,
+.react-datepicker__navigation--previous {
+ background-position: center;
+ background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzM0Mzc0MSIgZD0iTTExLjY5MiA3SDMuNTU2QzMuMjQ5IDcgMyA3LjIyNCAzIDcuNXMuMjQ5LjUuNTU2LjVoOC4xMzZsLTQuMDk2IDQuMDk2YS41LjUgMCAwMC43MDcuNzA3bDQuMjQzLTQuMjQyYy4yNTgtLjI1OS40MDMtLjU4Ny40MzMtLjkyNWEuNDU0LjQ1NCAwIDAwMC0uMjcyIDEuNDk0IDEuNDk0IDAgMDAtLjQzMy0uOTI1TDguMzAzIDIuMTk3YS41LjUgMCAxMC0uNzA3LjcwN0wxMS42OTIgN3oiLz48L3N2Zz4=);
+ cursor: pointer;
+ position: absolute;
+ top: 8px;
+ height: 32px;
+ width: 32px;
+ z-index: 1;
+ text-indent: -999em;
+ overflow: hidden;
+ background-repeat: no-repeat;
+ border-radius: 4px;
+ background-position: center; }
+ .react-datepicker__navigation--next:hover, .react-datepicker__navigation--next:focus,
+ .react-datepicker__navigation--previous:hover,
+ .react-datepicker__navigation--previous:focus {
+ background-color: rgba(0, 119, 204, 0.1); }
+
+.react-datepicker__navigation--previous {
+ left: 8px;
+ -webkit-transform: rotate(180deg);
+ transform: rotate(180deg);
+ -webkit-transform-origin: center;
+ transform-origin: center; }
+
+.react-datepicker__navigation--next {
+ right: 8px; }
+
+/* This file is a heavy retheme of react-datepicker's Sass as of v1.4.0
+** https://github.com/Hacker0x01/react-datepicker
+*/
+.euiDatePicker {
+ display: block; }
+ .euiDatePicker .euiFormControlLayout {
+ height: auto; }
+ .euiDatePicker.euiDatePicker--inline .euiFormControlLayout {
+ width: auto; }
+ .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
+ border: 1px solid #D3DAE6;
+ background-color: #FFF;
+ border-radius: 0 0 6px 6px; }
+ .euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
+ border: 1px solid #D3DAE6;
+ background-color: #FFF;
+ border-radius: 6px; }
+
+.react-datepicker {
+ font-size: 12px;
+ color: #343741;
+ display: -webkit-flex;
+ display: flex;
+ border-radius: 6px;
+ padding: 8px;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
+ z-index: 2000;
+ -webkit-animation: euiAnimFadeIn 150ms ease-in;
+ animation: euiAnimFadeIn 150ms ease-in; }
+ .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^='top'] {
+ box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.04), 0 0 5px rgba(0, 0, 0, 0.04), 0 0 17px rgba(0, 0, 0, 0.03);
+ border-radius: 6px 6px 0 0; }
+ .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__current-month,
+.react-datepicker-time__header {
+ display: none; }
+
+.react-datepicker__screenReaderOnly {
+ position: absolute;
+ top: auto;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ clip: rect(0 0 0 0);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ overflow: hidden;
+ margin: -1px; }
+
+.react-datepicker__focusTrap {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.react-datepicker__month-container {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ margin-top: 36px; }
+
+.react-datepicker__header {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+
+.react-datepicker-time__header {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.react-datepicker__month {
+ text-align: center;
+ border-radius: 6px; }
+
+@media only screen and (max-width: 574px) {
+ .react-datepicker__focusTrap,
+ .react-datepicker {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .react-datepicker__time-box {
+ margin-top: 0; } }
+
+.euiScreenReaderOnly,
+.euiScreenReaderOnly--showOnFocus:not(:focus):not(:active) {
+ position: absolute;
+ top: auto;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ clip: rect(0 0 0 0);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ overflow: hidden;
+ margin: -1px; }
+
+.euiSkipLink {
+ transition: none !important; }
+ .euiSkipLink:focus {
+ -webkit-animation: none !important;
+ animation: none !important; }
+ .euiSkipLink.euiSkipLink--absolute:focus {
+ position: absolute; }
+ .euiSkipLink.euiSkipLink--fixed:focus {
+ position: fixed;
+ top: 4px;
+ left: 4px;
+ z-index: 1001; }
+
+.euiAccordion__triggerWrapper {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiAccordion__button {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ text-align: left;
+ width: 100%;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiAccordion__button:hover, .euiAccordion__button:focus {
+ text-decoration: underline;
+ cursor: pointer; }
+
+.euiAccordion__iconButton {
+ margin-right: 4px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ -webkit-transform: rotate(0deg) !important;
+ transform: rotate(0deg) !important; }
+ .euiAccordion__iconButton-isOpen {
+ -webkit-transform: rotate(90deg) !important;
+ transform: rotate(90deg) !important; }
+ .euiAccordion__iconButton--right {
+ margin-right: 0;
+ margin-left: 4px; }
+
+.euiAccordion__optionalAction {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiAccordion__childWrapper {
+ visibility: hidden;
+ height: 0;
+ opacity: 0;
+ overflow: hidden;
+ -webkit-transform: translatez(0);
+ transform: translatez(0);
+ transition: height 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiAccordion__childWrapper:focus {
+ outline: none; }
+
+.euiAccordion__padding--xs {
+ padding: 4px; }
+
+.euiAccordion__padding--s {
+ padding: 8px; }
+
+.euiAccordion__padding--m {
+ padding: 16px; }
+
+.euiAccordion__padding--l {
+ padding: 24px; }
+
+.euiAccordion__padding--xl {
+ padding: 32px; }
+
+.euiAccordion.euiAccordion-isOpen .euiAccordion__childWrapper {
+ visibility: visible;
+ opacity: 1;
+ height: auto; }
+
+.euiAccordion__children-isLoading {
+ line-height: 1.5;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiAccordion__children-isLoading .euiAccordion__spinner {
+ margin-right: 4px; }
+
+.euiAccordionForm__extraAction {
+ opacity: 0;
+ transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.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-top: 1px solid #D3DAE6;
+ border-bottom: 1px solid #D3DAE6; }
+ .euiAccordionForm + .euiAccordionForm {
+ border-top: none; }
+ .euiAccordionForm:hover .euiAccordionForm__extraAction {
+ opacity: 1;
+ visibility: visible; }
+
+.euiAspectRatio {
+ position: relative; }
+ .euiAspectRatio > * {
+ position: absolute !important;
+ top: 0 !important;
+ left: 0 !important;
+ width: 100% !important;
+ height: 100% !important; }
+
+.euiAvatar {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center;
+ background-size: cover;
+ text-align: center;
+ vertical-align: middle;
+ overflow-x: hidden;
+ font-weight: 500; }
+
+.euiAvatar--user {
+ position: relative;
+ border-radius: 50%; }
+ .euiAvatar--user:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 50%;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(52, 55, 65, 0.05); }
+
+.euiAvatar--space {
+ position: relative;
+ border-radius: 6px; }
+ .euiAvatar--space:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 6px;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(52, 55, 65, 0.05); }
+
+.euiAvatar-isDisabled {
+ cursor: not-allowed;
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%); }
+
+.euiAvatar--plain {
+ background-color: #FFF; }
+
+.euiAvatar--s {
+ width: 24px;
+ height: 24px;
+ line-height: 24px;
+ font-size: 12px; }
+
+.euiAvatar--m {
+ width: 32px;
+ height: 32px;
+ line-height: 32px;
+ font-size: 14.4px; }
+
+.euiAvatar--l {
+ width: 40px;
+ height: 40px;
+ line-height: 40px;
+ font-size: 19.2px; }
+
+.euiAvatar--xl {
+ width: 64px;
+ height: 64px;
+ line-height: 64px;
+ font-size: 25.6px; }
+
+/**
+ * 1. Accounts for the border
+ */
+.euiBadge {
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 18px;
+ /* 1 */
+ padding: 0 8px;
+ display: inline-block;
+ text-decoration: none;
+ border-radius: 3px;
+ border: solid 1px transparent;
+ background-color: transparent;
+ white-space: nowrap;
+ vertical-align: middle;
+ cursor: default;
+ max-width: 100%;
+ text-align: left; }
+ .euiBadge.euiBadge-isDisabled {
+ color: #717782 !important;
+ background-color: #ABB4C4 !important; }
+ .euiBadge:focus-within {
+ outline: 2px solid currentColor; }
+ .euiBadge:focus-within:focus-visible {
+ outline-style: auto; }
+ .euiBadge:focus-within:not(:focus-visible) {
+ outline: none; }
+ .euiBadge + .euiBadge {
+ margin-left: 4px; }
+ .euiBadge .euiBadge__content {
+ min-height: 18px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow: hidden; }
+ .euiBadge .euiBadge__childButton {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ text-align: inherit;
+ font-weight: inherit;
+ line-height: inherit;
+ color: inherit; }
+ .euiBadge .euiBadge__childButton:disabled {
+ cursor: not-allowed; }
+ .euiBadge .euiBadge__childButton:not(:disabled):hover, .euiBadge .euiBadge__childButton:not(:disabled):focus {
+ text-decoration: underline; }
+ .euiBadge .euiBadge__iconButton {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ font-size: 0;
+ margin-left: 4px; }
+ .euiBadge .euiBadge__iconButton:focus {
+ background-color: rgba(255, 255, 255, 0.8);
+ color: #000;
+ border-radius: 2px; }
+ .euiBadge .euiBadge__iconButton:disabled {
+ cursor: not-allowed; }
+ .euiBadge .euiBadge__iconButton .euiBadge__icon {
+ margin: 0 !important; }
+ .euiBadge .euiBadge__text {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ cursor: default; }
+ .euiBadge .euiBadge__icon {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto; }
+ .euiBadge .euiBadge__icon:not(:only-child) {
+ margin-left: 4px; }
+ .euiBadge.euiBadge--iconLeft .euiBadge__content {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; }
+ .euiBadge.euiBadge--iconLeft .euiBadge__iconButton,
+ .euiBadge.euiBadge--iconLeft .euiBadge__icon:not(:only-child) {
+ margin-right: 4px;
+ margin-left: 0; }
+
+.euiBadge-isClickable:not(:disabled):hover, .euiBadge-isClickable:not(:disabled):focus {
+ text-decoration: underline; }
+
+.euiBadge-isClickable.euiBadge-isDisabled {
+ cursor: not-allowed; }
+
+.euiBadge-isClickable:focus {
+ outline: 2px solid currentColor; }
+ .euiBadge-isClickable:focus:focus-visible {
+ outline-style: auto; }
+ .euiBadge-isClickable:focus:not(:focus-visible) {
+ outline: none; }
+
+.euiBadge-isClickable .euiBadge__text {
+ cursor: inherit; }
+
+.euiBadge--hollow {
+ background-color: #FFF;
+ border-color: #D3DAE6;
+ color: #343741; }
+
+.euiBadgeGroup__item {
+ display: inline-block;
+ max-width: 100%; }
+
+.euiBadgeGroup--gutterExtraSmall {
+ margin: -2px; }
+ .euiBadgeGroup--gutterExtraSmall > .euiBadgeGroup__item {
+ margin: 2px;
+ max-width: calc(100% - 4px); }
+
+.euiBadgeGroup--gutterSmall {
+ margin: -4px; }
+ .euiBadgeGroup--gutterSmall > .euiBadgeGroup__item {
+ margin: 4px;
+ max-width: calc(100% - 8px); }
+
+.euiBetaBadge {
+ display: inline-block;
+ padding: 0 16px;
+ border-radius: 24px;
+ box-shadow: inset 0 0 0 1px #D3DAE6;
+ vertical-align: super;
+ font-size: 12px;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: .05em;
+ line-height: 24px;
+ text-align: center;
+ white-space: nowrap;
+ cursor: default; }
+ .euiBetaBadge:focus {
+ outline: 2px solid currentColor;
+ outline-color: #000;
+ outline-offset: 2px; }
+ .euiBetaBadge:focus:focus-visible {
+ outline-style: auto; }
+ .euiBetaBadge:focus:not(:focus-visible) {
+ outline: none; }
+ .euiBetaBadge:not(.euiBetaBadge--hollow) {
+ box-shadow: none; }
+ .euiBetaBadge.euiBetaBadge--small {
+ font-size: 8.75px;
+ font-size: 0.625rem;
+ line-height: 20px;
+ padding: 0 12px; }
+
+.euiBetaBadge--iconOnly {
+ padding: 0;
+ width: 24px; }
+ .euiBetaBadge--iconOnly .euiBetaBadge__icon {
+ position: relative;
+ -webkit-transform: translate(0, -1px);
+ transform: translate(0, -1px); }
+ .euiBetaBadge--iconOnly.euiBetaBadge--small {
+ width: 20px;
+ padding: 0; }
+
+.euiBetaBadge--singleLetter {
+ padding: 0;
+ width: 24px; }
+ .euiBetaBadge--singleLetter.euiBetaBadge--small {
+ width: 20px;
+ padding: 0; }
+
+.euiBetaBadge--subdued {
+ background: #e0e5ee;
+ color: #000; }
+ .euiBetaBadge--subdued.euiBetaBadge-isClickable {
+ color: #000; }
+
+.euiBetaBadge--hollow.euiBetaBadge-isClickable {
+ color: #000; }
+
+.euiBetaBadge--accent {
+ background: #c4407c;
+ color: #FFF; }
+ .euiBetaBadge--accent.euiBetaBadge-isClickable {
+ color: #FFF; }
+
+.euiNotificationBadge {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: inline-block;
+ border-radius: 6px;
+ font-size: 12px;
+ font-weight: 500;
+ line-height: 16px;
+ height: 16px;
+ min-width: 16px;
+ padding-left: 4px;
+ padding-right: 4px;
+ vertical-align: middle;
+ text-align: center;
+ transition: all 150ms ease-in;
+ cursor: default;
+ background: #c4407c;
+ color: #FFF; }
+
+.euiNotificationBadge--medium {
+ line-height: 20px;
+ height: 20px;
+ min-width: 24px; }
+
+.euiNotificationBadge--subdued {
+ background: #e0e5ee;
+ color: #000; }
+
+.euiBasicTable-loading {
+ position: relative; }
+ .euiBasicTable-loading tbody {
+ overflow: hidden; }
+ .euiBasicTable-loading tbody:before {
+ position: absolute;
+ content: '';
+ width: 100%;
+ height: 2px;
+ background-color: #07C;
+ -webkit-animation: euiBasicTableLoading 1000ms linear;
+ animation: euiBasicTableLoading 1000ms linear;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite; }
+
+@-webkit-keyframes euiBasicTableLoading {
+ from {
+ left: 0;
+ width: 0; }
+ 20% {
+ left: 0;
+ width: 40%; }
+ 80% {
+ left: 60%;
+ width: 40%; }
+ 100% {
+ left: 100%;
+ width: 0; } }
+
+@keyframes euiBasicTableLoading {
+ from {
+ left: 0;
+ width: 0; }
+ 20% {
+ left: 0;
+ width: 40%; }
+ 80% {
+ left: 60%;
+ width: 40%; }
+ 100% {
+ left: 100%;
+ width: 0; } }
+
+.euiBeacon {
+ position: relative;
+ background-color: #54B399;
+ border-radius: 50%; }
+ .euiBeacon:before, .euiBeacon:after {
+ position: absolute;
+ content: '';
+ height: 100%;
+ width: 100%;
+ left: 0;
+ top: 0;
+ background-color: transparent;
+ border-radius: 50%;
+ box-shadow: 0 0 1px 1px #54B399; }
+ .euiBeacon:before {
+ -webkit-animation: euiBeaconPulseLarge 2.5s infinite ease-out;
+ animation: euiBeaconPulseLarge 2.5s infinite ease-out; }
+ .euiBeacon:after {
+ -webkit-animation: euiBeaconPulseSmall 2.5s infinite ease-out .25s;
+ animation: euiBeaconPulseSmall 2.5s infinite ease-out .25s; }
+
+@-webkit-keyframes euiBeaconPulseLarge {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1; }
+ 70% {
+ -webkit-transform: scale(3);
+ transform: scale(3);
+ opacity: 0; }
+ 100% {
+ opacity: 0; } }
+
+@keyframes euiBeaconPulseLarge {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1; }
+ 70% {
+ -webkit-transform: scale(3);
+ transform: scale(3);
+ opacity: 0; }
+ 100% {
+ opacity: 0; } }
+
+@-webkit-keyframes euiBeaconPulseSmall {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1; }
+ 70% {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+ opacity: 0; }
+ 100% {
+ opacity: 0; } }
+
+@keyframes euiBeaconPulseSmall {
+ 0% {
+ -webkit-transform: scale(0.1);
+ transform: scale(0.1);
+ opacity: 1; }
+ 70% {
+ -webkit-transform: scale(2);
+ transform: scale(2);
+ opacity: 0; }
+ 100% {
+ opacity: 0; } }
+
+.euiBottomBar {
+ box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.04), 0 0 5px rgba(0, 0, 0, 0.04), 0 0 17px rgba(0, 0, 0, 0.03);
+ background: #25282f;
+ color: #FFF; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiBottomBar {
+ -webkit-animation: euiBottomBarAppear 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiBottomBarAppear 350ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+.euiBottomBar--fixed {
+ position: fixed;
+ z-index: 998; }
+
+.euiBottomBar--sticky {
+ position: -webkit-sticky;
+ position: sticky;
+ z-index: 998; }
+
+.euiBottomBar--paddingSmall {
+ padding: 8px; }
+
+.euiBottomBar--paddingMedium {
+ padding: 16px; }
+
+.euiBottomBar--paddingLarge {
+ padding: 24px; }
+
+@-webkit-keyframes euiBottomBarAppear {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ opacity: 0; }
+ 100% {
+ -webkit-transform: translateY(0%);
+ transform: translateY(0%);
+ opacity: 1; } }
+
+@keyframes euiBottomBarAppear {
+ 0% {
+ -webkit-transform: translateY(100%);
+ transform: translateY(100%);
+ opacity: 0; }
+ 100% {
+ -webkit-transform: translateY(0%);
+ transform: translateY(0%);
+ opacity: 1; } }
+
+.euiButton {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 500;
+ text-decoration: none;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
+ outline-offset: -1px;
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ border-radius: 6px;
+ min-width: 112px; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiButton {
+ transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+ .euiButton:hover:not([class*='isDisabled']) {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+ .euiButton:focus {
+ -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiButton:active:not([class*='isDisabled']) {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+ .euiButton:hover:not([class*='isDisabled']), .euiButton:focus {
+ text-decoration: underline; }
+ .euiButton .euiButton__content {
+ padding: 0 12px; }
+ .euiButton .euiButton__text {
+ text-overflow: ellipsis;
+ overflow: hidden; }
+ .euiButton.euiButton--small {
+ height: 32px;
+ line-height: 32px; }
+ .euiButton:hover, .euiButton:active {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05); }
+ .euiButton:not([class*='isDisabled']):hover, .euiButton:not([class*='isDisabled']):focus, .euiButton:not([class*='isDisabled']):focus-within {
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiButton.euiButton-isDisabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+ color: #ABB4C4;
+ border-color: #ABB4C4; }
+ .euiButton.euiButton-isDisabled .euiButtonContent__icon {
+ fill: currentColor; }
+ .euiButton.euiButton-isDisabled .euiButtonContent__spinner {
+ border-color: #07C currentColor currentColor currentColor; }
+ .euiButton.euiButton-isDisabled.euiButton--fill {
+ color: #717782;
+ background-color: #ABB4C4;
+ border-color: #ABB4C4; }
+ .euiButton.euiButton-isDisabled.euiButton--fill:hover, .euiButton.euiButton-isDisabled.euiButton--fill:focus, .euiButton.euiButton-isDisabled.euiButton--fill:focus-within {
+ background-color: #ABB4C4;
+ border-color: #ABB4C4; }
+ .euiButton.euiButton-isDisabled:hover, .euiButton.euiButton-isDisabled:focus, .euiButton.euiButton-isDisabled:focus-within {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ text-decoration: none; }
+
+.euiButton--primary {
+ color: #003c56;
+ border-color: #07C; }
+ .euiButton--primary.euiButton--fill {
+ background-color: #07C;
+ border-color: #07C;
+ color: #FFF; }
+ .euiButton--primary.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #0068b3;
+ border-color: #0068b3; }
+ .euiButton--primary:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(61, 109, 143, 0.04), 0 2.3px 2px rgba(61, 109, 143, 0.03); }
+ .euiButton--primary:not([class*='isDisabled']):hover, .euiButton--primary:not([class*='isDisabled']):focus, .euiButton--primary:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(61, 109, 143, 0.1), 0 3.6px 13px rgba(61, 109, 143, 0.07), 0 8.4px 23px rgba(61, 109, 143, 0.06), 0 23px 35px rgba(61, 109, 143, 0.05);
+ background-color: rgba(0, 119, 204, 0.1); }
+
+.euiButton--accent {
+ color: #c4407c;
+ border-color: #F04E98; }
+ .euiButton--accent.euiButton--fill {
+ background-color: #F04E98;
+ border-color: #F04E98;
+ color: #000; }
+ .euiButton--accent.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #ee368a;
+ border-color: #ee368a; }
+ .euiButton--accent:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(182, 136, 157, 0.04), 0 2.3px 2px rgba(182, 136, 157, 0.03); }
+ .euiButton--accent:not([class*='isDisabled']):hover, .euiButton--accent:not([class*='isDisabled']):focus, .euiButton--accent:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(182, 136, 157, 0.1), 0 3.6px 13px rgba(182, 136, 157, 0.07), 0 8.4px 23px rgba(182, 136, 157, 0.06), 0 23px 35px rgba(182, 136, 157, 0.05);
+ background-color: rgba(240, 78, 152, 0.1); }
+
+.euiButton--success {
+ color: #007e77;
+ border-color: #00BFB3; }
+ .euiButton--success.euiButton--fill {
+ background-color: #00BFB3;
+ border-color: #00BFB3;
+ color: #000; }
+ .euiButton--success.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #00a69b;
+ border-color: #00a69b; }
+ .euiButton--success:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(57, 134, 129, 0.04), 0 2.3px 2px rgba(57, 134, 129, 0.03); }
+ .euiButton--success:not([class*='isDisabled']):hover, .euiButton--success:not([class*='isDisabled']):focus, .euiButton--success:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(57, 134, 129, 0.1), 0 3.6px 13px rgba(57, 134, 129, 0.07), 0 8.4px 23px rgba(57, 134, 129, 0.06), 0 23px 35px rgba(57, 134, 129, 0.05);
+ background-color: rgba(0, 191, 179, 0.1); }
+
+.euiButton--warning {
+ color: #8a6a0a;
+ border-color: #FEC514; }
+ .euiButton--warning.euiButton--fill {
+ background-color: #FEC514;
+ border-color: #FEC514;
+ color: #000; }
+ .euiButton--warning.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f7bb01;
+ border-color: #f7bb01; }
+ .euiButton--warning:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(183, 161, 91, 0.04), 0 2.3px 2px rgba(183, 161, 91, 0.03); }
+ .euiButton--warning:not([class*='isDisabled']):hover, .euiButton--warning:not([class*='isDisabled']):focus, .euiButton--warning:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(183, 161, 91, 0.1), 0 3.6px 13px rgba(183, 161, 91, 0.07), 0 8.4px 23px rgba(183, 161, 91, 0.06), 0 23px 35px rgba(183, 161, 91, 0.05);
+ background-color: rgba(254, 197, 20, 0.1); }
+
+.euiButton--danger {
+ color: #BD271E;
+ border-color: #BD271E; }
+ .euiButton--danger.euiButton--fill {
+ background-color: #BD271E;
+ border-color: #BD271E;
+ color: #FFF; }
+ .euiButton--danger.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #a7221b;
+ border-color: #a7221b; }
+ .euiButton--danger:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(123, 97, 96, 0.04), 0 2.3px 2px rgba(123, 97, 96, 0.03); }
+ .euiButton--danger:not([class*='isDisabled']):hover, .euiButton--danger:not([class*='isDisabled']):focus, .euiButton--danger:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(123, 97, 96, 0.1), 0 3.6px 13px rgba(123, 97, 96, 0.07), 0 8.4px 23px rgba(123, 97, 96, 0.06), 0 23px 35px rgba(123, 97, 96, 0.05);
+ background-color: rgba(189, 39, 30, 0.1); }
+
+.euiButton--subdued {
+ color: #69707D;
+ border-color: #69707D; }
+ .euiButton--subdued.euiButton--fill {
+ background-color: #69707D;
+ border-color: #69707D;
+ color: #FFF; }
+ .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #5d646f;
+ border-color: #5d646f; }
+ .euiButton--subdued:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(115, 115, 115, 0.04), 0 2.3px 2px rgba(115, 115, 115, 0.03); }
+ .euiButton--subdued:not([class*='isDisabled']):hover, .euiButton--subdued:not([class*='isDisabled']):focus, .euiButton--subdued:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(115, 115, 115, 0.1), 0 3.6px 13px rgba(115, 115, 115, 0.07), 0 8.4px 23px rgba(115, 115, 115, 0.06), 0 23px 35px rgba(115, 115, 115, 0.05);
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButton--ghost {
+ color: #FFF;
+ border-color: #FFF; }
+ .euiButton--ghost.euiButton--fill {
+ background-color: #FFF;
+ border-color: #FFF;
+ color: #000; }
+ .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f2f2f2;
+ border-color: #f2f2f2; }
+ .euiButton--ghost:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03); }
+ .euiButton--ghost:not([class*='isDisabled']):hover, .euiButton--ghost:not([class*='isDisabled']):focus, .euiButton--ghost:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.euiButton--text {
+ color: #343741;
+ border-color: #69707D; }
+ .euiButton--text.euiButton--fill {
+ background-color: #69707D;
+ border-color: #69707D;
+ color: #FFF; }
+ .euiButton--text.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus-within {
+ background-color: #5d646f;
+ border-color: #5d646f; }
+ .euiButton--text:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(115, 115, 115, 0.04), 0 2.3px 2px rgba(115, 115, 115, 0.03); }
+ .euiButton--text:not([class*='isDisabled']):hover, .euiButton--text:not([class*='isDisabled']):focus, .euiButton--text:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(115, 115, 115, 0.1), 0 3.6px 13px rgba(115, 115, 115, 0.07), 0 8.4px 23px rgba(115, 115, 115, 0.06), 0 23px 35px rgba(115, 115, 115, 0.05);
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButton.euiButton-isDisabled.euiButton--ghost, .euiButton.euiButton-isDisabled.euiButton--ghost:hover, .euiButton.euiButton-isDisabled.euiButton--ghost:focus, .euiButton.euiButton-isDisabled.euiButton--ghost:focus-within {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ color: #69707D;
+ border-color: #69707D; }
+
+.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill {
+ background-color: #69707D;
+ color: #a1a5ae; }
+
+.euiButton--fullWidth {
+ display: block;
+ width: 100%; }
+
+.euiButtonContent {
+ height: 100%;
+ width: 100%;
+ vertical-align: middle;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiButtonContent .euiButtonContent__icon,
+ .euiButtonContent .euiButtonContent__spinner {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiButtonContent > * + * {
+ -webkit-margin-start: 8px;
+ margin-inline-start: 8px; }
+
+.euiButtonContent--iconRight {
+ height: 100%;
+ width: 100%;
+ vertical-align: middle;
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; }
+ .euiButtonContent--iconRight .euiButtonContent__icon,
+ .euiButtonContent--iconRight .euiButtonContent__spinner {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiButtonContent--iconRight > * + * {
+ -webkit-margin-start: 0;
+ margin-inline-start: 0;
+ -webkit-margin-end: 8px;
+ margin-inline-end: 8px; }
+
+/**
+ * 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: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 500;
+ text-decoration: none;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
+ outline-offset: -1px;
+ border-color: transparent;
+ background-color: transparent;
+ box-shadow: none;
+ -webkit-transform: none !important;
+ transform: none !important;
+ /* 1 */
+ -webkit-animation: none !important;
+ animation: none !important;
+ /* 1 */
+ transition-timing-function: ease-in;
+ /* 2 */
+ transition-duration: 150ms;
+ /* 2 */ }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiButtonEmpty {
+ transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+ .euiButtonEmpty:hover:not([class*='isDisabled']) {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+ .euiButtonEmpty:focus {
+ -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiButtonEmpty:active:not([class*='isDisabled']) {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+ .euiButtonEmpty:hover:not([class*='isDisabled']), .euiButtonEmpty:focus {
+ text-decoration: underline; }
+ .euiButtonEmpty .euiButtonEmpty__content {
+ padding: 0 8px; }
+ .euiButtonEmpty .euiButtonEmpty__text {
+ text-overflow: ellipsis;
+ overflow: hidden; }
+ .euiButtonEmpty.euiButtonEmpty--small {
+ height: 32px; }
+ .euiButtonEmpty.euiButtonEmpty--xSmall {
+ height: 24px;
+ font-size: 14px; }
+ .euiButtonEmpty:disabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+ color: #ABB4C4; }
+ .euiButtonEmpty:disabled .euiButtonContent__icon {
+ fill: currentColor; }
+ .euiButtonEmpty:disabled .euiButtonContent__spinner {
+ border-color: #07C currentColor currentColor currentColor; }
+ .euiButtonEmpty:disabled:focus {
+ background-color: transparent; }
+ .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus {
+ text-decoration: none; }
+
+.euiButtonEmpty--flushLeft .euiButtonEmpty__content,
+.euiButtonEmpty--flushRight .euiButtonEmpty__content,
+.euiButtonEmpty--flushBoth .euiButtonEmpty__content {
+ padding-left: 0;
+ padding-right: 0; }
+
+.euiButtonEmpty--flushLeft {
+ margin-right: 8px; }
+
+.euiButtonEmpty--flushRight {
+ margin-left: 8px; }
+
+.euiButtonEmpty--primary {
+ color: #003c56; }
+ .euiButtonEmpty--primary:focus {
+ background-color: rgba(0, 113, 194, 0.1); }
+
+.euiButtonEmpty--danger {
+ color: #BD271E; }
+ .euiButtonEmpty--danger:focus {
+ background-color: rgba(189, 39, 30, 0.1); }
+
+.euiButtonEmpty--disabled {
+ color: #717782; }
+ .euiButtonEmpty--disabled:focus {
+ background-color: rgba(171, 180, 196, 0.1); }
+ .euiButtonEmpty--disabled:hover {
+ cursor: not-allowed; }
+
+.euiButtonEmpty--ghost {
+ color: #FFF; }
+ .euiButtonEmpty--ghost:focus {
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.euiButtonEmpty--text {
+ color: #343741; }
+ .euiButtonEmpty--text:focus {
+ background-color: rgba(52, 55, 65, 0.1); }
+
+.euiButtonEmpty--success {
+ color: #007e77; }
+ .euiButtonEmpty--success:focus {
+ background-color: rgba(0, 126, 119, 0.1); }
+
+.euiButtonEmpty--warning {
+ color: #8a6a0a; }
+ .euiButtonEmpty--warning:focus {
+ background-color: rgba(138, 106, 10, 0.1); }
+
+.euiButtonIcon {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 500;
+ text-decoration: none;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out;
+ outline-offset: -1px;
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ border-radius: 6px;
+ width: 40px;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: space-around;
+ justify-content: space-around; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiButtonIcon {
+ transition: background 250ms ease-in-out, -webkit-transform 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out;
+ transition: transform 250ms ease-in-out, background 250ms ease-in-out, -webkit-transform 250ms ease-in-out; }
+ .euiButtonIcon:hover:not([class*='isDisabled']) {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+ .euiButtonIcon:focus {
+ -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiButtonIcon:active:not([class*='isDisabled']) {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); } }
+ .euiButtonIcon:hover:not([class*='isDisabled']), .euiButtonIcon:focus {
+ text-decoration: underline; }
+ .euiButtonIcon > svg {
+ pointer-events: none; }
+ .euiButtonIcon.euiButtonIcon--empty {
+ box-shadow: none !important;
+ border: none; }
+ .euiButtonIcon.euiButtonIcon-isDisabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+ color: #ABB4C4;
+ border-color: #ABB4C4; }
+ .euiButtonIcon.euiButtonIcon-isDisabled .euiButtonContent__icon {
+ fill: currentColor; }
+ .euiButtonIcon.euiButtonIcon-isDisabled .euiButtonContent__spinner {
+ border-color: #07C currentColor currentColor currentColor; }
+ .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill {
+ color: #717782;
+ background-color: #ABB4C4;
+ border-color: #ABB4C4; }
+ .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:hover, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:focus, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--fill:focus-within {
+ background-color: #ABB4C4;
+ border-color: #ABB4C4; }
+ .euiButtonIcon.euiButtonIcon-isDisabled:hover, .euiButtonIcon.euiButtonIcon-isDisabled:focus, .euiButtonIcon.euiButtonIcon-isDisabled:focus-within {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ text-decoration: none; }
+
+.euiButtonIcon--xSmall {
+ height: 24px;
+ width: 24px; }
+
+.euiButtonIcon--small {
+ height: 32px;
+ width: 32px; }
+
+.euiButtonIcon--primary {
+ color: #003c56;
+ border-color: #07C; }
+ .euiButtonIcon--primary.euiButtonIcon--fill {
+ background-color: #07C;
+ border-color: #07C;
+ color: #FFF; }
+ .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--primary.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #0068b3;
+ border-color: #0068b3; }
+ .euiButtonIcon--primary:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(61, 109, 143, 0.04), 0 2.3px 2px rgba(61, 109, 143, 0.03); }
+ .euiButtonIcon--primary:not([class*='isDisabled']):hover, .euiButtonIcon--primary:not([class*='isDisabled']):focus, .euiButtonIcon--primary:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(61, 109, 143, 0.1), 0 3.6px 13px rgba(61, 109, 143, 0.07), 0 8.4px 23px rgba(61, 109, 143, 0.06), 0 23px 35px rgba(61, 109, 143, 0.05);
+ background-color: rgba(0, 119, 204, 0.1); }
+
+.euiButtonIcon--accent {
+ color: #c4407c;
+ border-color: #F04E98; }
+ .euiButtonIcon--accent.euiButtonIcon--fill {
+ background-color: #F04E98;
+ border-color: #F04E98;
+ color: #000; }
+ .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--accent.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #ee368a;
+ border-color: #ee368a; }
+ .euiButtonIcon--accent:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(182, 136, 157, 0.04), 0 2.3px 2px rgba(182, 136, 157, 0.03); }
+ .euiButtonIcon--accent:not([class*='isDisabled']):hover, .euiButtonIcon--accent:not([class*='isDisabled']):focus, .euiButtonIcon--accent:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(182, 136, 157, 0.1), 0 3.6px 13px rgba(182, 136, 157, 0.07), 0 8.4px 23px rgba(182, 136, 157, 0.06), 0 23px 35px rgba(182, 136, 157, 0.05);
+ background-color: rgba(240, 78, 152, 0.1); }
+
+.euiButtonIcon--success {
+ color: #007e77;
+ border-color: #00BFB3; }
+ .euiButtonIcon--success.euiButtonIcon--fill {
+ background-color: #00BFB3;
+ border-color: #00BFB3;
+ color: #000; }
+ .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--success.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #00a69b;
+ border-color: #00a69b; }
+ .euiButtonIcon--success:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(57, 134, 129, 0.04), 0 2.3px 2px rgba(57, 134, 129, 0.03); }
+ .euiButtonIcon--success:not([class*='isDisabled']):hover, .euiButtonIcon--success:not([class*='isDisabled']):focus, .euiButtonIcon--success:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(57, 134, 129, 0.1), 0 3.6px 13px rgba(57, 134, 129, 0.07), 0 8.4px 23px rgba(57, 134, 129, 0.06), 0 23px 35px rgba(57, 134, 129, 0.05);
+ background-color: rgba(0, 191, 179, 0.1); }
+
+.euiButtonIcon--warning {
+ color: #8a6a0a;
+ border-color: #FEC514; }
+ .euiButtonIcon--warning.euiButtonIcon--fill {
+ background-color: #FEC514;
+ border-color: #FEC514;
+ color: #000; }
+ .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--warning.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f7bb01;
+ border-color: #f7bb01; }
+ .euiButtonIcon--warning:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(183, 161, 91, 0.04), 0 2.3px 2px rgba(183, 161, 91, 0.03); }
+ .euiButtonIcon--warning:not([class*='isDisabled']):hover, .euiButtonIcon--warning:not([class*='isDisabled']):focus, .euiButtonIcon--warning:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(183, 161, 91, 0.1), 0 3.6px 13px rgba(183, 161, 91, 0.07), 0 8.4px 23px rgba(183, 161, 91, 0.06), 0 23px 35px rgba(183, 161, 91, 0.05);
+ background-color: rgba(254, 197, 20, 0.1); }
+
+.euiButtonIcon--danger {
+ color: #BD271E;
+ border-color: #BD271E; }
+ .euiButtonIcon--danger.euiButtonIcon--fill {
+ background-color: #BD271E;
+ border-color: #BD271E;
+ color: #FFF; }
+ .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--danger.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #a7221b;
+ border-color: #a7221b; }
+ .euiButtonIcon--danger:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(123, 97, 96, 0.04), 0 2.3px 2px rgba(123, 97, 96, 0.03); }
+ .euiButtonIcon--danger:not([class*='isDisabled']):hover, .euiButtonIcon--danger:not([class*='isDisabled']):focus, .euiButtonIcon--danger:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(123, 97, 96, 0.1), 0 3.6px 13px rgba(123, 97, 96, 0.07), 0 8.4px 23px rgba(123, 97, 96, 0.06), 0 23px 35px rgba(123, 97, 96, 0.05);
+ background-color: rgba(189, 39, 30, 0.1); }
+
+.euiButtonIcon--subdued {
+ color: #69707D;
+ border-color: #69707D; }
+ .euiButtonIcon--subdued.euiButtonIcon--fill {
+ background-color: #69707D;
+ border-color: #69707D;
+ color: #FFF; }
+ .euiButtonIcon--subdued.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--subdued.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--subdued.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #5d646f;
+ border-color: #5d646f; }
+ .euiButtonIcon--subdued:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(115, 115, 115, 0.04), 0 2.3px 2px rgba(115, 115, 115, 0.03); }
+ .euiButtonIcon--subdued:not([class*='isDisabled']):hover, .euiButtonIcon--subdued:not([class*='isDisabled']):focus, .euiButtonIcon--subdued:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(115, 115, 115, 0.1), 0 3.6px 13px rgba(115, 115, 115, 0.07), 0 8.4px 23px rgba(115, 115, 115, 0.06), 0 23px 35px rgba(115, 115, 115, 0.05);
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButtonIcon--ghost {
+ color: #FFF;
+ border-color: #FFF; }
+ .euiButtonIcon--ghost.euiButtonIcon--fill {
+ background-color: #FFF;
+ border-color: #FFF;
+ color: #000; }
+ .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--ghost.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #f2f2f2;
+ border-color: #f2f2f2; }
+ .euiButtonIcon--ghost:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03); }
+ .euiButtonIcon--ghost:not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not([class*='isDisabled']):focus, .euiButtonIcon--ghost:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.euiButtonIcon--text {
+ color: #343741;
+ border-color: #69707D; }
+ .euiButtonIcon--text.euiButtonIcon--fill {
+ background-color: #69707D;
+ border-color: #69707D;
+ color: #FFF; }
+ .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):focus, .euiButtonIcon--text.euiButtonIcon--fill:not([class*='isDisabled']):focus-within {
+ background-color: #5d646f;
+ border-color: #5d646f; }
+ .euiButtonIcon--text:not([class*='isDisabled']) {
+ box-shadow: 0 0.8px 0.8px rgba(115, 115, 115, 0.04), 0 2.3px 2px rgba(115, 115, 115, 0.03); }
+ .euiButtonIcon--text:not([class*='isDisabled']):hover, .euiButtonIcon--text:not([class*='isDisabled']):focus, .euiButtonIcon--text:not([class*='isDisabled']):focus-within {
+ box-shadow: 0 1px 5px rgba(115, 115, 115, 0.1), 0 3.6px 13px rgba(115, 115, 115, 0.07), 0 8.4px 23px rgba(115, 115, 115, 0.06), 0 23px 35px rgba(115, 115, 115, 0.05);
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:hover, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus, .euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus-within {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ color: #69707D;
+ border-color: #69707D; }
+
+.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButton--fill {
+ background-color: #69707D;
+ color: #a1a5ae; }
+
+.euiButtonGroup {
+ display: inline-block;
+ max-width: 100%;
+ position: relative; }
+
+.euiButtonGroup--fullWidth {
+ display: block; }
+ .euiButtonGroup--fullWidth .euiButtonGroup__buttons {
+ width: 100%; }
+ .euiButtonGroup--fullWidth .euiButtonGroup__buttons .euiButtonGroupButton {
+ -webkit-flex: 1;
+ flex: 1; }
+
+.euiButtonGroup__buttons {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ border-radius: 7px;
+ max-width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ overflow: hidden; }
+
+.euiButtonGroup--isDisabled .euiButtonGroup__buttons {
+ box-shadow: none; }
+
+.euiButtonGroup--compressed .euiButtonGroup__buttons {
+ box-shadow: none !important;
+ border-radius: 4px;
+ background-color: #fbfcfd;
+ height: 32px;
+ border: 1px solid rgba(17, 43, 134, 0.1);
+ overflow: visible; }
+
+.euiButtonGroupButton {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ transition: background-color 250ms ease-in-out, border-color 250ms ease-in-out, color 250ms ease-in-out;
+ min-width: 0;
+ -webkit-flex-shrink: 1;
+ flex-shrink: 1;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiButtonGroupButton .euiButton__content {
+ padding: 0 12px; }
+ .euiButtonGroupButton-isIconOnly .euiButton__content {
+ padding: 0 8px; }
+ .euiButtonGroupButton .euiButton__text {
+ text-overflow: ellipsis;
+ overflow: hidden; }
+ .euiButtonGroupButton.euiButtonGroupButton--small {
+ height: 32px;
+ line-height: 32px; }
+ .euiButtonGroupButton:not([class*='isDisabled']):hover, .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
+ background-color: rgba(0, 119, 204, 0.1);
+ text-decoration: underline; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+ color: #ABB4C4; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled .euiButtonContent__icon {
+ fill: currentColor; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled .euiButtonContent__spinner {
+ border-color: #07C currentColor currentColor currentColor; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected {
+ color: #717782;
+ background-color: #ABB4C4;
+ border-color: #ABB4C4; }
+ .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton-isSelected:focus-within {
+ background-color: #ABB4C4;
+ border-color: #ABB4C4; }
+ .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']) {
+ color: #003c56; }
+ .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #07C;
+ border-color: #07C;
+ color: #FFF; }
+ .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #0068b3;
+ border-color: #0068b3; }
+ .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within {
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']) {
+ color: #c4407c; }
+ .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #F04E98;
+ border-color: #F04E98;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #ee368a;
+ border-color: #ee368a; }
+ .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within {
+ background-color: rgba(240, 78, 152, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']) {
+ color: #007e77; }
+ .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #00BFB3;
+ border-color: #00BFB3;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #00a69b;
+ border-color: #00a69b; }
+ .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--success:not([class*='isDisabled']):focus-within {
+ background-color: rgba(0, 191, 179, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']) {
+ color: #8a6a0a; }
+ .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #FEC514;
+ border-color: #FEC514;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #f7bb01;
+ border-color: #f7bb01; }
+ .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within {
+ background-color: rgba(254, 197, 20, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']) {
+ color: #BD271E; }
+ .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #BD271E;
+ border-color: #BD271E;
+ color: #FFF; }
+ .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #a7221b;
+ border-color: #a7221b; }
+ .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within {
+ background-color: rgba(189, 39, 30, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']) {
+ color: #69707D; }
+ .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #69707D;
+ border-color: #69707D;
+ color: #FFF; }
+ .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #5d646f;
+ border-color: #5d646f; }
+ .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--subdued:not([class*='isDisabled']):focus-within {
+ background-color: rgba(105, 112, 125, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #FFF;
+ border-color: #FFF;
+ color: #000; }
+ .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #f2f2f2;
+ border-color: #f2f2f2; }
+ .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within {
+ background-color: rgba(255, 255, 255, 0.1); }
+ .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']) {
+ color: #343741; }
+ .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected {
+ background-color: #69707D;
+ border-color: #69707D;
+ color: #FFF; }
+ .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:hover, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']).euiButtonGroupButton-isSelected:focus-within {
+ background-color: #5d646f;
+ border-color: #5d646f; }
+ .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):hover, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):focus, .euiButtonGroupButton.euiButtonGroupButton--text:not([class*='isDisabled']):focus-within {
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButtonGroupButton__textShift::after {
+ display: block;
+ content: attr(data-text);
+ font-weight: 700;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden; }
+
+/**
+ * Medium and Small sizing (regular button style)
+ */
+.euiButtonGroup--medium .euiButtonGroupButton,
+.euiButtonGroup--small .euiButtonGroupButton {
+ border: 1px solid #D3DAE6; }
+ .euiButtonGroup--medium .euiButtonGroupButton:not(:first-child),
+ .euiButtonGroup--small .euiButtonGroupButton:not(:first-child) {
+ margin-left: -1px; }
+ .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.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:hover, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus, .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus-within,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:hover,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:focus-within {
+ color: #69707D; }
+
+.euiButtonGroup--isDisabled .euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost, .euiButtonGroup--isDisabled
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost {
+ border-color: #69707D; }
+
+.euiButtonGroup--medium .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost.euiButtonGroupButton-isSelected,
+.euiButtonGroup--small .euiButtonGroupButton.euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost.euiButtonGroupButton-isSelected {
+ background-color: #69707D;
+ color: #a1a5ae; }
+
+.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 rgba(255, 255, 255, 0.1); }
+
+/**
+ * Compressed (form style)
+ */
+.euiButtonGroup--compressed .euiButtonGroupButton {
+ height: 30px;
+ line-height: 30px;
+ font-size: 14px;
+ border-radius: 6px;
+ padding: 2px;
+ background-clip: content-box; }
+ .euiButtonGroup--compressed .euiButtonGroupButton .euiButton__content {
+ padding-left: 8px;
+ padding-right: 8px; }
+ .euiButtonGroup--compressed .euiButtonGroupButton.euiButtonGroupButton-isSelected {
+ font-weight: 600; }
+ .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton:not([class*='isDisabled']):focus-within {
+ outline: 2px solid #003c56; }
+
+/**
+ * 1. Add vertical space between breadcrumbs,
+ * but make sure the whole breadcrumb set doesn't add space below itself
+ */
+.euiBreadcrumbs__list {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ min-width: 0;
+ margin-bottom: -4px;
+ /* 1 */ }
+
+.euiBreadcrumb {
+ margin-bottom: 4px;
+ /* 1 */
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiBreadcrumb:not(.euiBreadcrumb--last) {
+ color: #69707D; }
+ .euiBreadcrumb:not(.euiBreadcrumb--last)::after {
+ content: '';
+ margin: 4px 8px 0;
+ width: 1px;
+ height: 16px;
+ -webkit-transform: translateY(-1px) rotate(15deg);
+ transform: translateY(-1px) rotate(15deg);
+ background: #D3DAE6;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiBreadcrumb--collapsed {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiBreadcrumb--last {
+ font-weight: 500; }
+
+.euiBreadcrumbs__inPopover .euiBreadcrumb--last .euiBreadcrumb__content {
+ font-weight: 400;
+ color: #69707D; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumbs__list {
+ white-space: nowrap;
+ -webkit-flex-wrap: nowrap;
+ flex-wrap: nowrap; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed) .euiBreadcrumb__content {
+ max-width: 160px;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed).euiBreadcrumb--last .euiBreadcrumb__content {
+ max-width: none; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumb {
+ overflow: hidden; }
+
+.euiBreadcrumbs--truncate .euiBreadcrumb__content,
+.euiBreadcrumb--truncate .euiBreadcrumb__content {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ max-width: 160px;
+ text-align: center;
+ vertical-align: baseline; }
+
+.euiCallOut {
+ padding: 16px;
+ border-left: 2px solid transparent; }
+ .euiCallOut.euiCallOut--small {
+ padding: 8px; }
+ .euiCallOut .euiCallOutHeader__icon {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-transform: translateY(2px);
+ transform: translateY(2px); }
+ .euiCallOut .euiCallOutHeader__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 400;
+ margin-bottom: 0; }
+
+.euiCallOut--small .euiCallOutHeader__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 400; }
+
+.euiCallOut--primary {
+ border-color: #07C;
+ background-color: #e6f1fa; }
+ .euiCallOut--primary .euiCallOutHeader__icon {
+ fill: #006bb8; }
+ .euiCallOut--primary .euiCallOutHeader__title {
+ color: #006bb8; }
+
+.euiCallOut--success {
+ border-color: #00BFB3;
+ background-color: #e6f9f7; }
+ .euiCallOut--success .euiCallOutHeader__icon {
+ fill: #007e77; }
+ .euiCallOut--success .euiCallOutHeader__title {
+ color: #007e77; }
+
+.euiCallOut--warning {
+ border-color: #FEC514;
+ background-color: #fff9e8; }
+ .euiCallOut--warning .euiCallOutHeader__icon {
+ fill: #8a6a0a; }
+ .euiCallOut--warning .euiCallOutHeader__title {
+ color: #8a6a0a; }
+
+.euiCallOut--danger {
+ border-color: #BD271E;
+ background-color: #f8e9e9; }
+ .euiCallOut--danger .euiCallOutHeader__icon {
+ fill: #bd271e; }
+ .euiCallOut--danger .euiCallOutHeader__title {
+ color: #bd271e; }
+
+/**
+ * 1. Align icon with first line of title text if it wraps.
+ * 2. If content exists under the header, space it appropriately.
+ * 3. Apply margin to all but last item in the flex.
+ */
+.euiCallOutHeader {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: baseline;
+ align-items: baseline;
+ /* 1 */ }
+ .euiCallOutHeader + * {
+ margin-top: 8px;
+ /* 1 */ }
+ .euiCallOutHeader > * + * {
+ margin-left: 8px;
+ /* 3 */ }
+
+/**
+ * 1. Footer is always at the bottom.
+ * 2. Fix for IE where the image correctly resizes in width but doesn't collapse its height
+ (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
+ * 3. Horizontal layouts should always top left align no matter the textAlign prop
+ */
+.euiCard {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ min-height: 1px;
+ /* 2 */ }
+ .euiCard.euiCard-isDisabled {
+ cursor: not-allowed !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ box-shadow: none !important;
+ text-decoration: none !important;
+ background-color: rgba(171, 180, 196, 0.1) !important;
+ color: #ABB4C4; }
+ .euiCard.euiCard-isDisabled .euiCard__top {
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%); }
+ .euiCard.euiCard-isDisabled .euiCard__titleAnchor,
+ .euiCard.euiCard-isDisabled .euiCard__titleButton {
+ color: #ABB4C4;
+ cursor: inherit; }
+ .euiCard.euiCard-isDisabled .euiCard__betaBadge:not(.euiBetaBadge-isClickable):not(.euiBetaBadge--hollow) {
+ box-shadow: inset 0 0 0 1px #D3DAE6;
+ background: transparent;
+ color: inherit; }
+ .euiCard.euiCard-isDisabled .euiCard__betaBadge:not(.euiBetaBadge-isClickable).euiBetaBadge--hollow {
+ background-color: #FFF; }
+ .euiCard.euiCard--isClickable {
+ display: -webkit-flex;
+ display: flex;
+ width: 100%; }
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ outline: 2px solid currentColor; }
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus-within:not(:focus-visible) {
+ outline: none; }
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__title,
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__titleAnchor,
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):focus .euiCard__titleButton, .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__title,
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__titleAnchor,
+ .euiCard.euiCard--isClickable:not(.euiCard-isDisabled):hover .euiCard__titleButton {
+ text-decoration: underline; }
+ .euiCard .euiCard__top,
+ .euiCard .euiCard__content,
+ .euiCard .euiCard__footer {
+ width: 100%; }
+ .euiCard.euiCard--leftAligned {
+ text-align: left;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+ .euiCard.euiCard--leftAligned .euiCard__titleButton {
+ text-align: left; }
+ .euiCard.euiCard--centerAligned {
+ text-align: center;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiCard.euiCard--rightAligned {
+ text-align: right;
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+ .euiCard.euiCard--rightAligned .euiCard__titleButton {
+ text-align: right; }
+ .euiCard.euiCard-isSelected {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+
+.euiCard--hasBetaBadge {
+ position: relative;
+ overflow: visible; }
+ .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper {
+ position: absolute;
+ top: -12px;
+ left: 50%;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ z-index: 3;
+ min-width: 30%;
+ max-width: calc(100% - 32px); }
+ .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiToolTipAnchor,
+ .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
+ width: 100%; }
+ .euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
+ overflow: hidden;
+ text-overflow: ellipsis; }
+
+.euiCard__betaBadge.euiBetaBadge--hollow {
+ background-color: #FFF; }
+
+.euiCard--isSelectable {
+ position: relative; }
+
+.euiCard[class*='paddingSmall'] {
+ padding: 8px; }
+ .euiCard[class*='paddingSmall'].euiCard--isSelectable {
+ padding-bottom: 48px; }
+ .euiCard[class*='paddingSmall'] .euiCard__top .euiCard__image {
+ width: calc(100% + (8px * 2));
+ left: -8px;
+ top: -8px;
+ margin-bottom: -8px; }
+ .euiCard[class*='paddingSmall'] .euiCard__top .euiCard__image + .euiCard__icon {
+ -webkit-transform: translate(-50%, -75%);
+ transform: translate(-50%, -75%);
+ -webkit-transform: translate(-50%, calc(-50% + -8px));
+ transform: translate(-50%, calc(-50% + -8px)); }
+
+.euiCard[class*='paddingMedium'] {
+ padding: 16px; }
+ .euiCard[class*='paddingMedium'].euiCard--isSelectable {
+ padding-bottom: 56px; }
+ .euiCard[class*='paddingMedium'] .euiCard__top .euiCard__image {
+ width: calc(100% + (16px * 2));
+ left: -16px;
+ top: -16px;
+ margin-bottom: -16px; }
+ .euiCard[class*='paddingMedium'] .euiCard__top .euiCard__image + .euiCard__icon {
+ -webkit-transform: translate(-50%, -75%);
+ transform: translate(-50%, -75%);
+ -webkit-transform: translate(-50%, calc(-50% + -16px));
+ transform: translate(-50%, calc(-50% + -16px)); }
+
+.euiCard[class*='paddingLarge'] {
+ padding: 24px; }
+ .euiCard[class*='paddingLarge'].euiCard--isSelectable {
+ padding-bottom: 64px; }
+ .euiCard[class*='paddingLarge'] .euiCard__top .euiCard__image {
+ width: calc(100% + (24px * 2));
+ left: -24px;
+ top: -24px;
+ margin-bottom: -24px; }
+ .euiCard[class*='paddingLarge'] .euiCard__top .euiCard__image + .euiCard__icon {
+ -webkit-transform: translate(-50%, -75%);
+ transform: translate(-50%, -75%);
+ -webkit-transform: translate(-50%, calc(-50% + -24px));
+ transform: translate(-50%, calc(-50% + -24px)); }
+
+.euiCard__top {
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ /* 1 */
+ position: relative;
+ min-height: 1px;
+ /* 2 */
+ font-size: 0; }
+ .euiCard__top .euiCard__image {
+ position: relative;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ overflow: hidden; }
+ .euiCard__top .euiCard__image img {
+ width: 100%; }
+ .euiCard__top .euiCard__image + .euiCard__icon {
+ position: absolute;
+ top: 50%;
+ left: 50%; }
+ .euiCard__top .euiCard__icon {
+ margin-top: 8px; }
+
+.euiCard__footer:not(:empty) {
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ /* 1 */
+ margin-top: 16px; }
+
+.euiCard[class*='transparent'] .euiCard__image {
+ border-radius: 6px; }
+
+.euiCard--isSelectable--text.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #00BFB3 !important; }
+
+.euiCard--isSelectable--primary.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #07C !important; }
+
+.euiCard--isSelectable--success.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #00BFB3 !important; }
+
+.euiCard--isSelectable--danger.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #BD271E !important; }
+
+.euiCard--isSelectable--ghost.euiCard-isSelected:not(.euiCard-isDisabled) {
+ border-color: #69707D !important; }
+
+.euiCard__top + .euiCard__content {
+ margin-top: 16px; }
+
+.euiCard__content {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ /* 1 */ }
+ .euiCard__content .euiCard__description,
+ .euiCard__content .euiCard__children {
+ margin-top: 8px; }
+ .euiCard__content .euiCard__titleAnchor,
+ .euiCard__content .euiCard__titleButton {
+ font: inherit;
+ color: inherit;
+ letter-spacing: inherit; }
+ .euiCard__content .euiCard__titleAnchor:focus,
+ .euiCard__content .euiCard__titleButton:focus {
+ text-decoration: underline; }
+
+.euiCard.euiCard--horizontal .euiCard__content,
+.euiCard.euiCard--horizontal .euiCard__titleButton {
+ text-align: left;
+ /* 3 */ }
+
+.euiCard.euiCard--horizontal.euiCard--hasIcon {
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: flex-start !important;
+ align-items: flex-start !important;
+ /* 3 */ }
+ .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top,
+ .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__content {
+ width: auto;
+ margin-top: 0; }
+ .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top .euiCard__icon {
+ margin-top: 0;
+ margin-right: 16px; }
+
+.euiCardSelect {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ height: 40px !important;
+ width: 100%;
+ overflow: hidden;
+ border-bottom-left-radius: 5px;
+ border-bottom-right-radius: 5px;
+ font-weight: 700; }
+ .euiCardSelect--text:enabled {
+ background-color: #F5F7FA !important; }
+ .euiCardSelect--primary:enabled {
+ background-color: #e6f1fa !important; }
+ .euiCardSelect--success:enabled {
+ background-color: #e6f9f7 !important;
+ color: #007e77; }
+ .euiCardSelect--danger:enabled {
+ background-color: #f8e9e9 !important; }
+ .euiCardSelect--ghost:enabled {
+ background-color: #69707D !important; }
+ .euiCardSelect:disabled {
+ background-color: #fafbfd; }
+
+.euiCheckableCard {
+ transition: border-color 250ms ease-in; }
+ .euiCheckableCard:not(.euiCheckableCard-isDisabled).euiCheckableCard-isChecked {
+ border-color: #07C; }
+
+.euiCheckableCard__label {
+ cursor: pointer;
+ display: block;
+ width: calc(100% + 32px);
+ padding: 16px;
+ margin: -16px; }
+
+.euiCheckableCard__label-isDisabled {
+ color: #98A2B3;
+ cursor: not-allowed; }
+
+.euiCheckableCard__children {
+ margin-top: 16px; }
+
+.euiCodeBlock {
+ max-width: 100%;
+ display: block;
+ position: relative;
+ background: #F5F7FA; }
+ .euiCodeBlock .euiCodeBlock__pre {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow: auto;
+ display: block; }
+ .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-corner, .euiCodeBlock .euiCodeBlock__pre::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiCodeBlock .euiCodeBlock__pre--whiteSpacePre {
+ white-space: pre; }
+ .euiCodeBlock .euiCodeBlock__pre--whiteSpacePreWrap {
+ white-space: pre-wrap; }
+ .euiCodeBlock .euiCodeBlock__pre--isVirtualized .euiCodeBlock__code {
+ position: relative; }
+ .euiCodeBlock .euiCodeBlock__line {
+ display: block; }
+ .euiCodeBlock--hasLineNumbers .euiCodeBlock__line {
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none; }
+ .euiCodeBlock .euiCodeBlock__lineText,
+ .euiCodeBlock .euiCodeBlock__lineNumber {
+ display: inline-block; }
+ .euiCodeBlock .euiCodeBlock__lineText {
+ padding-left: 8px;
+ border-left: 1px solid #D3DAE6;
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ user-select: text; }
+ .euiCodeBlock .euiCodeBlock__lineNumber {
+ position: absolute;
+ height: 100%;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ padding-right: 8px;
+ box-sizing: content-box; }
+ .euiCodeBlock .euiCodeBlock__lineNumber:before {
+ content: attr(data-line-number);
+ color: #69707D;
+ text-align: right;
+ display: block; }
+ .euiCodeBlock .euiCodeBlock__line--isHighlighted .euiCodeBlock__lineText {
+ background: rgba(0, 119, 204, 0.1);
+ border-left: 2px solid #003c56; }
+ .euiCodeBlock .euiCodeBlock__code {
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
+ letter-spacing: normal;
+ line-height: 1.5;
+ font-weight: 400;
+ font-size: inherit;
+ color: #343741;
+ display: block; }
+ .euiCodeBlock .euiCodeBlock__controls {
+ position: absolute;
+ top: 0;
+ right: 0; }
+ .euiCodeBlock .euiCodeBlock__fullScreenButton + .euiCodeBlock__copyButton {
+ margin-top: 4px; }
+ .euiCodeBlock.euiCodeBlock-isFullScreen {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0; }
+ .euiCodeBlock.euiCodeBlock-isFullScreen .euiCodeBlock__pre {
+ padding: 32px !important; }
+ .euiCodeBlock.euiCodeBlock-isFullScreen .euiCodeBlock__controls {
+ top: 4px;
+ right: 4px; }
+ .euiCodeBlock.euiCodeBlock--fontSmall {
+ font-size: 12px; }
+ .euiCodeBlock.euiCodeBlock--fontMedium {
+ font-size: 14px; }
+ .euiCodeBlock.euiCodeBlock--fontLarge {
+ font-size: 14px; }
+ .euiCodeBlock.euiCodeBlock--hasControl {
+ min-height: 24px; }
+ .euiCodeBlock.euiCodeBlock--hasBothControls {
+ min-height: 52px; }
+ .euiCodeBlock.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
+ padding-right: 28px; }
+ .euiCodeBlock.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
+ margin-right: 28px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall .euiCodeBlock__pre {
+ padding: 8px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl {
+ min-height: 40px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasBothControls {
+ min-height: 68px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall .euiCodeBlock__controls {
+ top: 8px;
+ right: 8px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
+ padding-right: 36px; }
+ .euiCodeBlock.euiCodeBlock--paddingSmall.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
+ margin-right: 36px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium .euiCodeBlock__pre {
+ padding: 16px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl {
+ min-height: 56px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasBothControls {
+ min-height: 84px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium .euiCodeBlock__controls {
+ top: 16px;
+ right: 16px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
+ padding-right: 44px; }
+ .euiCodeBlock.euiCodeBlock--paddingMedium.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
+ margin-right: 44px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge .euiCodeBlock__pre {
+ padding: 24px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl {
+ min-height: 72px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasBothControls {
+ min-height: 100px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge .euiCodeBlock__controls {
+ top: 24px;
+ right: 24px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePreWrap {
+ padding-right: 52px; }
+ .euiCodeBlock.euiCodeBlock--paddingLarge.euiCodeBlock--hasControl .euiCodeBlock__pre--whiteSpacePre {
+ margin-right: 52px; }
+ .euiCodeBlock.euiCodeBlock--transparentBackground {
+ background: transparent; }
+ .euiCodeBlock .token.punctuation:not(.interpolation-punctuation):not([class*='attr-']) {
+ opacity: .7; }
+ .euiCodeBlock .token.comment,
+ .euiCodeBlock .token.prolog,
+ .euiCodeBlock .token.doctype,
+ .euiCodeBlock .token.cdata,
+ .euiCodeBlock .token.coord,
+ .euiCodeBlock .token.blockquote {
+ color: #69707D;
+ font-style: italic; }
+ .euiCodeBlock .token.selector {
+ color: inherit; }
+ .euiCodeBlock .token.string,
+ .euiCodeBlock .token.interpolation,
+ .euiCodeBlock .token.interpolation-punctuation,
+ .euiCodeBlock .token.doc-comment .token.keyword,
+ .euiCodeBlock .token.attr-value,
+ .euiCodeBlock .token.url .token.content {
+ color: #ac4e6d; }
+ .euiCodeBlock .token.number,
+ .euiCodeBlock .token.boolean,
+ .euiCodeBlock .token.keyword.nil,
+ .euiCodeBlock .token.regex,
+ .euiCodeBlock .token.variable,
+ .euiCodeBlock .token.unit,
+ .euiCodeBlock .token.hexcode,
+ .euiCodeBlock .token.attr-name,
+ .euiCodeBlock .token.attr-equals {
+ color: #3b7d6a; }
+ .euiCodeBlock .token.atrule .token.rule,
+ .euiCodeBlock .token.keyword {
+ color: #7c609e; }
+ .euiCodeBlock .token.function {
+ color: inherit; }
+ .euiCodeBlock .token.tag {
+ color: #4a7194; }
+ .euiCodeBlock .token.class-name {
+ color: #4a7194; }
+ .euiCodeBlock .token.property {
+ color: inherit; }
+ .euiCodeBlock .token.console,
+ .euiCodeBlock .token.list-punctuation,
+ .euiCodeBlock .token.url-reference,
+ .euiCodeBlock .token.url .token.url {
+ color: #b34f3b; }
+ .euiCodeBlock .token.paramater {
+ color: inherit; }
+ .euiCodeBlock .token.meta,
+ .euiCodeBlock .token.important {
+ color: #69707D; }
+ .euiCodeBlock .token.title {
+ color: #996130; }
+ .euiCodeBlock .token.section {
+ color: #b34f3b; }
+ .euiCodeBlock .token.prefix.inserted,
+ .euiCodeBlock .token.prefix.deleted {
+ padding-left: 4px;
+ margin-left: -4px; }
+ .euiCodeBlock .token.prefix.inserted {
+ box-shadow: -4px 0 #3b7d6a;
+ color: #3b7d6a; }
+ .euiCodeBlock .token.prefix.deleted {
+ box-shadow: -4px 0 #BD271E;
+ color: #BD271E; }
+ .euiCodeBlock .token.selector .token.class {
+ color: inherit; }
+ .euiCodeBlock .token.selector .token.id {
+ color: inherit; }
+ .euiCodeBlock .token.italic {
+ font-style: italic; }
+ .euiCodeBlock .token.important,
+ .euiCodeBlock .token.bold {
+ font-weight: 700; }
+ .euiCodeBlock .token.url-reference,
+ .euiCodeBlock .token.url .token.url {
+ text-decoration: underline; }
+ .euiCodeBlock .token.entity {
+ cursor: help; }
+
+/*
+* 1. Size the code against the text its embedded within.
+*/
+.euiCode {
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
+ letter-spacing: normal;
+ font-size: .9em;
+ /* 1 */
+ padding: .2em .5em;
+ /* 1 */
+ background: #F5F7FA; }
+ .euiCode.euiCode--transparentBackground {
+ background: transparent; }
+ .euiCode .token.punctuation:not(.interpolation-punctuation):not([class*='attr-']) {
+ opacity: .7; }
+ .euiCode .token.comment,
+ .euiCode .token.prolog,
+ .euiCode .token.doctype,
+ .euiCode .token.cdata,
+ .euiCode .token.coord,
+ .euiCode .token.blockquote {
+ color: #69707D;
+ font-style: italic; }
+ .euiCode .token.selector {
+ color: inherit; }
+ .euiCode .token.string,
+ .euiCode .token.interpolation,
+ .euiCode .token.interpolation-punctuation,
+ .euiCode .token.doc-comment .token.keyword,
+ .euiCode .token.attr-value,
+ .euiCode .token.url .token.content {
+ color: #ac4e6d; }
+ .euiCode .token.number,
+ .euiCode .token.boolean,
+ .euiCode .token.keyword.nil,
+ .euiCode .token.regex,
+ .euiCode .token.variable,
+ .euiCode .token.unit,
+ .euiCode .token.hexcode,
+ .euiCode .token.attr-name,
+ .euiCode .token.attr-equals {
+ color: #3b7d6a; }
+ .euiCode .token.atrule .token.rule,
+ .euiCode .token.keyword {
+ color: #7c609e; }
+ .euiCode .token.function {
+ color: inherit; }
+ .euiCode .token.tag {
+ color: #4a7194; }
+ .euiCode .token.class-name {
+ color: #4a7194; }
+ .euiCode .token.property {
+ color: inherit; }
+ .euiCode .token.console,
+ .euiCode .token.list-punctuation,
+ .euiCode .token.url-reference,
+ .euiCode .token.url .token.url {
+ color: #b34f3b; }
+ .euiCode .token.paramater {
+ color: inherit; }
+ .euiCode .token.meta,
+ .euiCode .token.important {
+ color: #69707D; }
+ .euiCode .token.title {
+ color: #996130; }
+ .euiCode .token.section {
+ color: #b34f3b; }
+ .euiCode .token.prefix.inserted,
+ .euiCode .token.prefix.deleted {
+ padding-left: 4px;
+ margin-left: -4px; }
+ .euiCode .token.prefix.inserted {
+ box-shadow: -4px 0 #3b7d6a;
+ color: #3b7d6a; }
+ .euiCode .token.prefix.deleted {
+ box-shadow: -4px 0 #BD271E;
+ color: #BD271E; }
+ .euiCode .token.selector .token.class {
+ color: inherit; }
+ .euiCode .token.selector .token.id {
+ color: inherit; }
+ .euiCode .token.italic {
+ font-style: italic; }
+ .euiCode .token.important,
+ .euiCode .token.bold {
+ font-weight: 700; }
+ .euiCode .token.url-reference,
+ .euiCode .token.url .token.url {
+ text-decoration: underline; }
+ .euiCode .token.entity {
+ cursor: help; }
+
+.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 {
+ color: #0d7ecf;
+ -webkit-animation-name: euiCollapsibleNavGroupDarkFocusRingAnimate !important;
+ animation-name: euiCollapsibleNavGroupDarkFocusRingAnimate !important; }
+ .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; }
+
+@-webkit-keyframes euiCollapsibleNavGroupDarkFocusRingAnimate {
+ 0% {
+ box-shadow: 0 0 0 2px rgba(0, 119, 204, 0); }
+ 100% {
+ box-shadow: 0 0 0 2px #0d7ecf; } }
+
+@keyframes euiCollapsibleNavGroupDarkFocusRingAnimate {
+ 0% {
+ box-shadow: 0 0 0 2px rgba(0, 119, 204, 0); }
+ 100% {
+ 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: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin: -4px; }
+
+.euiColorPicker__swatch-item {
+ margin: 4px; }
+
+.euiSwatchInput__stroke {
+ fill: none;
+ stroke: rgba(0, 0, 0, 0.2); }
+
+.euiColorPicker__popoverPanel--pickerOnly {
+ padding-bottom: 0 !important; }
+
+.euiColorPicker__input--inGroup {
+ height: 38px !important;
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiColorPicker__input--inGroup.euiFieldText--compressed {
+ height: 30px !important;
+ border-radius: 0; }
+
+.euiColorPicker__alphaRange .euiRangeInput {
+ min-width: 0; }
+
+.euiColorPickerSwatch {
+ display: inline-block;
+ height: 24px;
+ width: 24px;
+ border-radius: 3px;
+ cursor: pointer;
+ border: solid 1px rgba(0, 0, 0, 0.1);
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); }
+ .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(to right, #FF3232 0%, #FFF130 20%, #45FF30 35%, #28FFF0 52%, #282CFF 71%, #FF28FB 88%, #FF0094 100%);
+ height: 24px;
+ margin: 4px 0;
+ position: relative; }
+ .euiHue:before, .euiHue:after {
+ content: '';
+ left: 0;
+ position: absolute;
+ height: 8px;
+ background: #FFF;
+ width: 100%; }
+ .euiHue:after {
+ bottom: 0; }
+
+.euiHue__range {
+ position: relative;
+ height: 24px;
+ width: calc(100% + 2px);
+ margin: 0 -1px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background: transparent;
+ z-index: 2; }
+ .euiHue__range::-webkit-slider-thumb {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ cursor: pointer;
+ background-color: #69707D;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiHue__range::-moz-range-thumb {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ -moz-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ cursor: pointer;
+ background-color: #69707D;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiHue__range::-ms-thumb {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ -ms-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ cursor: pointer;
+ background-color: #69707D;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiHue__range::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ margin-top: 0; }
+ .euiHue__range::-ms-thumb {
+ margin-top: 0; }
+ .euiHue__range::-ms-track {
+ height: 24px;
+ background: transparent;
+ border-color: transparent;
+ color: transparent; }
+ .euiHue__range::-moz-focus-outer {
+ border: none; }
+ .euiHue__range::-ms-fill-lower, .euiHue__range::-ms-fill-upper {
+ background: transparent; }
+ .euiHue__range:focus {
+ outline: none; }
+ .euiHue__range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 2px #003c56;
+ border-color: #07C; }
+ .euiHue__range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 2px #003c56;
+ border-color: #07C; }
+ .euiHue__range:focus::-ms-thumb {
+ box-shadow: 0 0 0 2px #003c56;
+ border-color: #07C; }
+
+.euiSaturation {
+ position: relative;
+ width: 100%;
+ padding-bottom: 100%;
+ border-radius: 3px;
+ touch-action: none;
+ z-index: 3; }
+ .euiSaturation .euiSaturation__lightness,
+ .euiSaturation .euiSaturation__saturation {
+ position: absolute;
+ top: -1px;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ border-radius: 3px; }
+ .euiSaturation .euiSaturation__lightness {
+ background: linear-gradient(to right, white, rgba(255, 255, 255, 0)); }
+ .euiSaturation .euiSaturation__saturation {
+ background: linear-gradient(to top, black, rgba(0, 0, 0, 0)); }
+ .euiSaturation .euiSaturation__indicator {
+ position: absolute;
+ height: 12px;
+ width: 12px;
+ border-radius: 100%;
+ margin-top: -6px;
+ margin-left: -6px;
+ border: 1px solid #343741; }
+ .euiSaturation .euiSaturation__indicator:before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 100%;
+ border: 1px solid #F5F7FA; }
+ .euiSaturation:focus {
+ outline: none; }
+ .euiSaturation:focus .euiSaturation__indicator {
+ box-shadow: 0 0 0 2px #003c56;
+ border-color: #07C; }
+
+.euiColorStops:not(.euiColorStops-isDisabled):focus {
+ outline: 2px solid #003c56; }
+
+.euiColorStops__addContainer {
+ display: block;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 50%;
+ height: 16px;
+ margin-top: -8px; }
+ .euiColorStops__addContainer:hover:not(.euiColorStops__addContainer-isDisabled) {
+ cursor: pointer; }
+ .euiColorStops__addContainer:hover:not(.euiColorStops__addContainer-isDisabled) .euiColorStops__addTarget {
+ opacity: .7; }
+
+.euiColorStops__addTarget {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ cursor: pointer;
+ background-color: #69707D;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box;
+ position: absolute;
+ top: 0;
+ height: 16px;
+ width: 16px;
+ background-color: #F5F7FA;
+ pointer-events: none;
+ opacity: 0;
+ transition: opacity 150ms; }
+
+.euiColorStop {
+ width: 152px; }
+
+.euiColorStopPopover.euiPopover {
+ position: absolute;
+ top: 50%;
+ width: 16px;
+ height: 16px;
+ margin-top: -8px; }
+
+.euiColorStopPopover-hasFocus {
+ z-index: 1; }
+
+.euiColorStopPopover__anchor {
+ position: absolute;
+ width: 100%;
+ height: 100%; }
+ .euiColorStopPopover__anchor:before {
+ content: '';
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ height: 16px;
+ width: 16px;
+ border-radius: 16px;
+ background: #FFF; }
+
+.euiColorStopThumb.euiRangeThumb:not(:disabled) {
+ top: 0;
+ margin-top: 0;
+ pointer-events: auto;
+ cursor: -webkit-grab;
+ cursor: grab;
+ border: solid 3px #FFF;
+ box-shadow: 0 0 0 1px #98A2B3, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiColorStopThumb.euiRangeThumb:not(:disabled):active {
+ cursor: -webkit-grabbing;
+ cursor: grabbing; }
+
+.euiColorStopPopover-isLoadingPanel {
+ visibility: hidden !important; }
+
+.euiColorStops.euiColorStops-isDragging:not(.euiColorStops-isDisabled):not(.euiColorStops-isReadOnly) {
+ cursor: -webkit-grabbing;
+ cursor: grabbing; }
+
+.euiColorStops__highlight {
+ color: #D3DAE6; }
+
+.euiColorPalettePicker__itemTitle {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiColorPalettePicker__itemTitle + .euiColorPaletteDisplay {
+ margin-top: 4px; }
+
+.euiColorPaletteDisplay {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ overflow: hidden;
+ height: 8px; }
+
+.euiColorPaletteDisplay--sizeExtraSmall {
+ position: relative;
+ height: 4px;
+ border-radius: 4px; }
+ .euiColorPaletteDisplay--sizeExtraSmall:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 4px;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(52, 55, 65, 0.2); }
+
+.euiColorPaletteDisplay--sizeExtraSmall .euiColorPaletteDisplayFixed__bleedArea {
+ height: 4px; }
+
+.euiColorPaletteDisplay--sizeSmall {
+ position: relative;
+ height: 8px;
+ border-radius: 8px; }
+ .euiColorPaletteDisplay--sizeSmall:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 8px;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(52, 55, 65, 0.2); }
+
+.euiColorPaletteDisplay--sizeSmall .euiColorPaletteDisplayFixed__bleedArea {
+ height: 8px; }
+
+.euiColorPaletteDisplay--sizeMedium {
+ position: relative;
+ height: 16px;
+ border-radius: 16px; }
+ .euiColorPaletteDisplay--sizeMedium:after {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ border-radius: 16px;
+ content: '';
+ pointer-events: none;
+ border: 1px solid rgba(52, 55, 65, 0.2); }
+
+.euiColorPaletteDisplay--sizeMedium .euiColorPaletteDisplayFixed__bleedArea {
+ height: 16px; }
+
+.euiColorPaletteDisplayFixed__bleedArea {
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: -webkit-flex;
+ display: flex;
+ height: 8px;
+ width: calc(100% + 1px); }
+
+.euiComboBox {
+ max-width: 400px;
+ width: 100%;
+ height: auto;
+ position: relative;
+ /**
+ * 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--compressed,
+ .euiComboBox .euiFormControlLayout {
+ height: auto; }
+ .euiComboBox .euiComboBox__inputWrap {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ max-width: 400px;
+ width: 100%;
+ height: auto;
+ padding: 4px 8px;
+ display: -webkit-flex;
+ display: flex;
+ /* 1 */
+ outline: none;
+ padding-right: 40px;
+ /* 2 */ }
+ .euiComboBox .euiComboBox__inputWrap--fullWidth {
+ max-width: 100%; }
+ .euiComboBox .euiComboBox__inputWrap--compressed {
+ height: 32px; }
+ .euiComboBox .euiComboBox__inputWrap--inGroup {
+ height: 100%; }
+ @supports (-moz-appearance: none) {
+ .euiComboBox .euiComboBox__inputWrap {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiComboBox .euiComboBox__inputWrap {
+ line-height: 1em; } }
+ .euiComboBox .euiComboBox__inputWrap::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiComboBox .euiComboBox__inputWrap::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiComboBox .euiComboBox__inputWrap::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiComboBox .euiComboBox__inputWrap--compressed {
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiComboBox .euiComboBox__inputWrap--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiComboBox .euiComboBox__inputWrap--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .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% - 2px - 16px); }
+ .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap) {
+ padding-top: 4px;
+ padding-bottom: 4px;
+ padding-left: 4px;
+ height: auto;
+ /* 3 */
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ /* 1 */
+ -webkit-align-content: flex-start;
+ align-content: flex-start; }
+ .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
+ cursor: text; }
+ .euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
+ padding-right: 62px;
+ /* 2 */ }
+ .euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading {
+ padding-right: 62px;
+ /* 2 */ }
+ .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: -webkit-inline-flex !important;
+ display: inline-flex !important;
+ /* 1 */
+ height: 32px;
+ /* 2 */
+ overflow: hidden;
+ /* 5 */ }
+ .euiComboBox .euiComboBox__input > input {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ /* 3 */
+ padding: 0;
+ border: none;
+ background: transparent;
+ font-size: 14px;
+ color: #343741;
+ margin: 4px;
+ line-height: 1.5;
+ /* 4 */ }
+ .euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap--compressed {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiComboBox.euiComboBox-isInvalid .euiComboBox__inputWrap {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ -webkit-text-fill-color: unset; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiComboBox.euiComboBox-isDisabled .euiComboBoxPlaceholder,
+ .euiComboBox.euiComboBox-isDisabled .euiComboBoxPill--plainText {
+ color: #98A2B3;
+ -webkit-text-fill-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-top: 0;
+ padding-bottom: 0;
+ padding-right: 32px;
+ /* 2 */ }
+ .euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
+ padding-right: 54px;
+ /* 2 */ }
+ .euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap.euiComboBox__inputWrap-isLoading {
+ padding-right: 54px;
+ /* 2 */ }
+ .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__prepend,
+ .euiComboBox .euiFormControlLayout__append {
+ 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: baseline; }
+ .euiComboBoxPill,
+ .euiComboBoxPill + .euiComboBoxPill {
+ margin: 4px; }
+ .euiComboBox--compressed .euiComboBoxPill,
+ .euiComboBox--compressed .euiComboBoxPill + .euiComboBoxPill {
+ margin: 5px 4px 0 0; }
+ .euiComboBoxPill--plainText {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ line-height: 24px;
+ font-size: 14px;
+ padding: 0;
+ color: #343741;
+ vertical-align: middle;
+ display: inline-block; }
+
+.euiComboBoxPlaceholder {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ padding-right: 40px;
+ position: absolute;
+ pointer-events: none;
+ padding-left: 4px;
+ line-height: 32px;
+ color: #69707D;
+ margin-bottom: 0 !important; }
+
+/**
+ * 1. Using specificity to override panel shadow
+ * 2. Prevent really long input from overflowing the container.
+ */
+.euiComboBoxOptionsList {
+ -webkit-transform: none !important;
+ transform: none !important;
+ top: 0; }
+ .euiComboBoxOptionsList.euiPopover__panel-isAttached.euiComboBoxOptionsList--top {
+ /* 1 */
+ box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.04), 0 0 5px rgba(0, 0, 0, 0.04), 0 0 17px rgba(0, 0, 0, 0.03); }
+
+.euiComboBoxOptionsList__empty {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ /* 2 */
+ padding: 8px;
+ text-align: center;
+ word-wrap: break-word; }
+
+.euiComboBoxOptionsList__rowWrap {
+ padding: 0;
+ max-height: 200px;
+ overflow: hidden; }
+ .euiComboBoxOptionsList__rowWrap > div {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin; }
+ .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-corner, .euiComboBoxOptionsList__rowWrap > div::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiComboBoxOption {
+ font-size: 14px;
+ padding: 4px 8px 4px 16px;
+ width: 100%;
+ text-align: left;
+ border: 1px solid #D3DAE6;
+ border-color: transparent;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiComboBoxOption:hover {
+ text-decoration: underline; }
+ .euiComboBoxOption.euiComboBoxOption-isFocused {
+ cursor: pointer;
+ color: #003c56;
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiComboBoxOption.euiComboBoxOption-isDisabled {
+ color: #98A2B3;
+ cursor: not-allowed; }
+ .euiComboBoxOption.euiComboBoxOption-isDisabled:hover {
+ text-decoration: none; }
+
+.euiComboBoxOption__contentWrapper {
+ display: -webkit-flex;
+ display: flex; }
+ .euiComboBoxOption__contentWrapper .euiComboBoxOption__emptyStateText {
+ -webkit-flex: 1;
+ flex: 1;
+ text-align: left;
+ margin-bottom: 0; }
+ .euiComboBoxOption__contentWrapper .euiComboBoxOption__enterBadge {
+ -webkit-align-self: flex-start;
+ align-self: flex-start;
+ margin-left: 4px; }
+
+.euiComboBoxOption__content {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ -webkit-flex: 1;
+ flex: 1;
+ text-align: left; }
+
+/**
+ * 1. Force each title to be the same height as an option, so that the virtualized scroll logic
+ * works.
+ */
+.euiComboBoxTitle {
+ font-size: 12px;
+ padding: 11px 8px 4px;
+ /* 1 */
+ width: 100%;
+ font-weight: 700;
+ color: #000; }
+
+.euiComment {
+ font-size: 14px;
+ display: -webkit-flex;
+ display: flex;
+ padding-bottom: 16px;
+ min-height: 56px; }
+ .euiComment .euiCommentEvent {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiComment .euiCommentTimeline {
+ position: relative;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ margin-right: 16px; }
+ .euiComment .euiCommentTimeline::before {
+ content: '';
+ position: absolute;
+ left: 20px;
+ top: 24px;
+ width: 2px;
+ background-color: #D3DAE6;
+ height: calc(100% + 24px); }
+
+.euiComment:last-of-type .euiCommentTimeline::before {
+ display: none; }
+
+.euiComment--update:not(.euiComment--hasBody) {
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiCommentEvent--regular {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiCommentEvent--regular.euiCommentEvent--regular--hasBorder {
+ border: 1px solid #D3DAE6;
+ box-shadow: none; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:hover, .euiCommentEvent--regular.euiCommentEvent--regular--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--borderRadiusNone {
+ border-radius: 0; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--borderRadiusMedium {
+ border-radius: 6px; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--transparent {
+ background-color: transparent; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--plain {
+ background-color: #FFF; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--subdued {
+ background-color: #fafbfd; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--accent {
+ background-color: #feedf5; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--primary {
+ background-color: #e6f1fa; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--success {
+ background-color: #e6f9f7; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--warning {
+ background-color: #fff9e8; }
+ .euiCommentEvent--regular.euiCommentEvent--regular--danger {
+ background-color: #f8e9e9; }
+
+.euiCommentEvent {
+ overflow: hidden; }
+
+.euiCommentEvent__header {
+ line-height: 1.5;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiCommentEvent__headerData {
+ -webkit-align-items: center;
+ align-items: center;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .euiCommentEvent__headerData > div {
+ padding-right: 4px; }
+
+.euiCommentEvent__headerUsername {
+ font-weight: 600; }
+
+.euiCommentEvent--regular {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ border-radius: 6px;
+ border: 1px solid #D3DAE6; }
+ .euiCommentEvent--regular .euiCommentEvent__header {
+ min-height: 40px;
+ background-color: #F5F7FA;
+ border-bottom: 1px solid #D3DAE6;
+ padding: 4px 8px;
+ /**
+ * Fix for IE when using align-items:center in an item that has min-height
+ (https://github.com/philipwalton/flexbugs/issues/231#issuecomment-362790042)
+ */ }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiCommentEvent--regular .euiCommentEvent__header::after {
+ content: '';
+ min-height: 32px;
+ font-size: 0;
+ display: block; } }
+ .euiCommentEvent--regular .euiCommentEvent__headerData {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiCommentEvent--regular .euiCommentEvent__body {
+ padding: 8px; }
+
+.euiCommentEvent--update .euiCommentEvent__header {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ padding: 4px 0; }
+
+.euiCommentEvent--update .euiCommentEvent__headerData {
+ padding-right: 8px; }
+
+.euiCommentEvent--update .euiCommentEvent__body {
+ padding-top: 4px; }
+
+.euiCommentTimeline__content {
+ min-width: 40px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center;
+ position: relative; }
+
+.euiCommentTimeline__icon--default {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow-x: hidden;
+ border-radius: 50%;
+ background-color: #F5F7FA; }
+ .euiCommentTimeline__icon--default.euiCommentTimeline__icon--regular {
+ width: 40px;
+ height: 40px; }
+ .euiCommentTimeline__icon--default.euiCommentTimeline__icon--update {
+ width: 24px;
+ height: 24px; }
+
+.euiContextMenu {
+ width: 256px;
+ max-width: 100%;
+ position: relative;
+ overflow: hidden;
+ transition: height 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ border-radius: 6px; }
+ .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 {
+ width: 100%;
+ visibility: visible;
+ outline-offset: -2px; }
+ .euiContextMenuPanel:focus {
+ outline: none; }
+ .euiContextMenuPanel.euiContextMenuPanel-txInLeft {
+ pointer-events: none;
+ -webkit-animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiContextMenuPanel.euiContextMenuPanel-txOutLeft {
+ pointer-events: none;
+ -webkit-animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiContextMenuPanel.euiContextMenuPanel-txInRight {
+ pointer-events: none;
+ -webkit-animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiContextMenuPanel.euiContextMenuPanel-txOutRight {
+ pointer-events: none;
+ -webkit-animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+
+.euiContextMenuPanel--next {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px);
+ visibility: hidden; }
+
+.euiContextMenuPanel--previous {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px);
+ visibility: hidden; }
+
+.euiContextMenuPanelTitle {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ padding: 12px;
+ border-bottom: 1px solid #D3DAE6;
+ padding: 12px;
+ width: 100%;
+ text-align: left;
+ outline-offset: -2px; }
+ .euiContextMenuPanelTitle:enabled:hover, .euiContextMenuPanelTitle:enabled:focus {
+ text-decoration: underline; }
+ .euiContextMenuPanelTitle--small {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ padding: 12px;
+ border-bottom: 1px solid #D3DAE6;
+ padding: 6px 8px; }
+
+@-webkit-keyframes euiContextMenuPanelTxInLeft {
+ 0% {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@keyframes euiContextMenuPanelTxInLeft {
+ 0% {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@-webkit-keyframes euiContextMenuPanelTxOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 100% {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px); } }
+
+@keyframes euiContextMenuPanelTxOutLeft {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 100% {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px); } }
+
+@-webkit-keyframes euiContextMenuPanelTxInRight {
+ 0% {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@keyframes euiContextMenuPanelTxInRight {
+ 0% {
+ -webkit-transform: translateX(-256px);
+ transform: translateX(-256px); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@-webkit-keyframes euiContextMenuPanelTxOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 100% {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px); } }
+
+@keyframes euiContextMenuPanelTxOutRight {
+ 0% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ 100% {
+ -webkit-transform: translateX(256px);
+ transform: translateX(256px); } }
+
+.euiContextMenuItem {
+ display: block;
+ padding: 12px;
+ width: 100%;
+ text-align: left;
+ color: #343741;
+ outline-offset: -2px; }
+ .euiContextMenuItem:hover, .euiContextMenuItem:focus {
+ text-decoration: underline; }
+ .euiContextMenuItem:focus {
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiContextMenuItem.euiContextMenuItem-isDisabled {
+ color: #ABB4C4;
+ cursor: default; }
+ .euiContextMenuItem.euiContextMenuItem-isDisabled:hover, .euiContextMenuItem.euiContextMenuItem-isDisabled:focus {
+ text-decoration: none; }
+ .euiContextMenuItem--small {
+ padding: 6px 8px; }
+ .euiContextMenuItem--small .euiContextMenuItem__text {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiContextMenuItem__inner {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiContextMenuItem__text {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ overflow: hidden; }
+
+.euiContextMenuItem__arrow {
+ -webkit-align-self: flex-end;
+ align-self: flex-end; }
+
+.euiContextMenu__itemLayout {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiContextMenu__itemLayout.euiContextMenu__itemLayout--bottom {
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+ .euiContextMenu__itemLayout.euiContextMenu__itemLayout--top {
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+ .euiContextMenu__itemLayout .euiContextMenu__icon {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiControlBar {
+ background: #343741;
+ color: white;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ box-shadow: inset 0 40px 0 #343741, inset 0 600rem 0 #fafbfd;
+ bottom: 0;
+ -webkit-transform: translateY(0);
+ transform: translateY(0);
+ height: 40px;
+ max-height: calc(100vh - 80px); }
+ .euiControlBar--fixed {
+ position: fixed;
+ z-index: 6000; }
+ .euiControlBar--absolute {
+ position: absolute;
+ z-index: 1000; }
+ .euiControlBar--relative {
+ position: relative; }
+ .euiControlBar-isOpen {
+ -webkit-animation-duration: 250ms;
+ animation-duration: 250ms;
+ -webkit-animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards; }
+ .euiControlBar-isOpen.euiControlBar--large {
+ -webkit-animation-name: euiControlBarOpenPanelLarge;
+ animation-name: euiControlBarOpenPanelLarge;
+ height: calc(100vh - 80px);
+ bottom: -100vh; }
+ .euiControlBar-isOpen.euiControlBar--medium {
+ -webkit-animation-name: euiControlBarOpenPanelMedium;
+ animation-name: euiControlBarOpenPanelMedium;
+ height: 480px;
+ bottom: -480px; }
+ .euiControlBar-isOpen.euiControlBar--small {
+ -webkit-animation-name: euiControlBarOpenPanelSmall;
+ animation-name: euiControlBarOpenPanelSmall;
+ height: 240px;
+ bottom: -240px; }
+
+.euiControlBar__controls {
+ height: 40px;
+ width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow-y: hidden;
+ overflow-x: auto;
+ padding: 0 12px; }
+
+.euiControlBar__content {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ width: 100%;
+ height: calc(100% - 40px);
+ background-color: #fafbfd;
+ -webkit-animation-name: euiControlBarShowContent;
+ animation-name: euiControlBarShowContent;
+ -webkit-animation-duration: 350ms;
+ animation-duration: 350ms;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+ -webkit-animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation-timing-function: cubic-bezier(0.694, 0.0482, 0.335, 1);
+ color: #343741; }
+ .euiControlBar__content::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiControlBar__content::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiControlBar__content::-webkit-scrollbar-corner, .euiControlBar__content::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiControlBar__icon {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ margin-left: 8px;
+ margin-right: 8px; }
+
+.euiControlBar__buttonIcon {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ min-width: 40px;
+ min-height: 40px; }
+
+.euiControlBar__button {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ border-radius: 3px;
+ margin-left: 4px;
+ font-size: 14px; }
+ .euiControlBar__button:enabled:hover {
+ -webkit-transform: none;
+ transform: none;
+ box-shadow: none; }
+ .euiControlBar__button:last-child {
+ margin-right: 4px; }
+
+.euiControlBar__breadcrumbs .euiBreadcrumb:not(.euiBreadcrumb--last) .euiBreadcrumb__content {
+ color: #9ca0aa; }
+
+.euiControlBar__breadcrumbs .euiBreadcrumb::after {
+ background: rgba(255, 255, 255, 0.2); }
+
+.euiControlBar__spacer {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ height: 100%; }
+
+.euiControlBar__divider {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ height: 100%;
+ width: 1px;
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.euiControlBar__text {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 0 8px;
+ color: white; }
+ .euiControlBar__text:last-child {
+ padding-right: 0; }
+
+.euiControlBar__tab {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ color: white;
+ padding: 0 16px;
+ text-align: center;
+ height: 100%; }
+ .euiControlBar__tab:hover, .euiControlBar__tab:focus {
+ text-decoration: underline;
+ cursor: pointer; }
+ .euiControlBar__tab.euiControlBar__tab--active {
+ background-color: #fafbfd;
+ box-shadow: inset 0 4px 0 #003c56;
+ color: #003c56; }
+
+.euiControlBar__controls .euiLink.euiLink--primary {
+ color: #5eaadf; }
+ .euiControlBar__controls .euiLink.euiLink--primary:hover {
+ color: #4da0db; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--primary:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--primary:enabled:not(.euiButton--fill) {
+ color: #5eaadf;
+ border-color: #5eaadf; }
+
+.euiControlBar__controls .euiButtonIcon--primary {
+ color: #5eaadf; }
+
+.euiControlBar__controls .euiLink.euiLink--accent {
+ color: #f576af; }
+ .euiControlBar__controls .euiLink.euiLink--accent:hover {
+ color: #f583b7; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--accent:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--accent:enabled:not(.euiButton--fill) {
+ color: #f576af;
+ border-color: #f576af; }
+
+.euiControlBar__controls .euiButtonIcon--accent {
+ color: #f576af; }
+
+.euiControlBar__controls .euiLink.euiLink--success {
+ color: #00BFB3; }
+ .euiControlBar__controls .euiLink.euiLink--success:hover {
+ color: #4dd2ca; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--success:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--success:enabled:not(.euiButton--fill) {
+ color: #00BFB3;
+ border-color: #00BFB3; }
+
+.euiControlBar__controls .euiButtonIcon--success {
+ color: #00BFB3; }
+
+.euiControlBar__controls .euiLink.euiLink--warning {
+ color: #FEC514; }
+ .euiControlBar__controls .euiLink.euiLink--warning:hover {
+ color: #fed65b; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--warning:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--warning:enabled:not(.euiButton--fill) {
+ color: #FEC514;
+ border-color: #FEC514; }
+
+.euiControlBar__controls .euiButtonIcon--warning {
+ color: #FEC514; }
+
+.euiControlBar__controls .euiLink.euiLink--danger {
+ color: #db8a85; }
+ .euiControlBar__controls .euiLink.euiLink--danger:hover {
+ color: #d16862; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--danger:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--danger:enabled:not(.euiButton--fill) {
+ color: #db8a85;
+ border-color: #db8a85; }
+
+.euiControlBar__controls .euiButtonIcon--danger {
+ color: #db8a85; }
+
+.euiControlBar__controls .euiLink.euiLink--subdued {
+ color: #9ca0aa; }
+ .euiControlBar__controls .euiLink.euiLink--subdued:hover {
+ color: #969ba4; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--subdued:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--subdued:enabled:not(.euiButton--fill) {
+ color: #9ca0aa;
+ border-color: #9ca0aa; }
+
+.euiControlBar__controls .euiButtonIcon--subdued {
+ color: #9ca0aa; }
+
+.euiControlBar__controls .euiLink.euiLink--ghost {
+ color: #FFF; }
+ .euiControlBar__controls .euiLink.euiLink--ghost:hover {
+ color: white; }
+
+.euiControlBar__controls .euiLink.euiLink--text {
+ color: #FFF; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--ghost:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--ghost:enabled:not(.euiButton--fill) {
+ color: #FFF;
+ border-color: #FFF; }
+
+.euiControlBar__controls .euiButtonIcon--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--text:enabled {
+ box-shadow: none; }
+
+.euiControlBar__controls .euiControlBar__button.euiButton--text:enabled:not(.euiButton--fill) {
+ color: #9ca0aa;
+ border-color: #9ca0aa; }
+
+.euiControlBar__controls .euiButtonIcon--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; } }
+
+@-webkit-keyframes euiControlBarOpenPanelLarge {
+ 0% {
+ -webkit-transform: translateY(calc((40px * 3) * -1));
+ transform: translateY(calc((40px * 3) * -1)); }
+ 100% {
+ -webkit-transform: translateY(-100vh);
+ transform: translateY(-100vh); } }
+
+@keyframes euiControlBarOpenPanelLarge {
+ 0% {
+ -webkit-transform: translateY(calc((40px * 3) * -1));
+ transform: translateY(calc((40px * 3) * -1)); }
+ 100% {
+ -webkit-transform: translateY(-100vh);
+ transform: translateY(-100vh); } }
+
+@-webkit-keyframes euiControlBarOpenPanelMedium {
+ 0% {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); }
+ 100% {
+ -webkit-transform: translateY(-480px);
+ transform: translateY(-480px); } }
+
+@keyframes euiControlBarOpenPanelMedium {
+ 0% {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); }
+ 100% {
+ -webkit-transform: translateY(-480px);
+ transform: translateY(-480px); } }
+
+@-webkit-keyframes euiControlBarOpenPanelSmall {
+ 0% {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); }
+ 100% {
+ -webkit-transform: translateY(-240px);
+ transform: translateY(-240px); } }
+
+@keyframes euiControlBarOpenPanelSmall {
+ 0% {
+ -webkit-transform: translateY(-40px);
+ transform: translateY(-40px); }
+ 100% {
+ -webkit-transform: translateY(-240px);
+ transform: translateY(-240px); } }
+
+@-webkit-keyframes euiControlBarShowContent {
+ 0% {
+ opacity: 0; }
+ 100% {
+ opacity: 1; } }
+
+@keyframes euiControlBarShowContent {
+ 0% {
+ opacity: 0; }
+ 100% {
+ opacity: 1; } }
+
+/**
+ * 1. Account for inner box-shadow style border
+ */
+.euiDatePickerRange {
+ max-width: 400px;
+ width: 100%;
+ height: auto;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 1px;
+ /* 1 */ }
+ .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 > * {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiDatePickerRange .euiFieldText.euiDatePicker {
+ box-shadow: none !important;
+ text-align: center; }
+ .euiDatePickerRange .euiDatePickerRange__start {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+ .euiDatePickerRange .euiDatePickerRange__end {
+ border-top-left-radius: 0;
+ border-bottom-left-radius: 0; }
+ .euiDatePickerRange .react-datepicker-popper .euiFieldText.euiDatePicker {
+ text-align: left; }
+ .euiDatePickerRange--inGroup {
+ box-shadow: none;
+ padding: 0; }
+ .euiDatePickerRange--inGroup .euiDatePicker {
+ height: 38px; }
+ .euiDatePickerRange > .euiDatePickerRange__delimeter {
+ background-color: transparent !important;
+ line-height: 1 !important;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-left: 6px;
+ padding-right: 6px; }
+
+.euiDatePickerRange--readOnly {
+ background: #eef2f7; }
+
+.euiSuperDatePicker__absoluteDateFormRow {
+ padding: 0 8px 8px; }
+
+.euiDatePopoverButton {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ display: block;
+ width: 100%;
+ padding: 0 8px;
+ line-height: 38px;
+ height: 38px;
+ word-break: break-all;
+ transition: background 150ms ease-in;
+ background-size: 100%; }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiDatePopoverButton {
+ line-height: 1em; } }
+ .euiDatePopoverButton::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiDatePopoverButton::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiDatePopoverButton::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiDatePopoverButton--compressed {
+ line-height: 30px;
+ height: 30px; }
+ .euiDatePopoverButton:focus, .euiDatePopoverButton-isSelected {
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%); }
+ .euiDatePopoverButton-needsUpdating {
+ background-color: #e6f9f7;
+ color: #007e77; }
+ .euiDatePopoverButton-needsUpdating:focus, .euiDatePopoverButton-needsUpdating.euiDatePopoverButton-isSelected {
+ background-image: linear-gradient(to top, #00BFB3, #00BFB3 2px, transparent 2px, transparent 100%); }
+ .euiDatePopoverButton-isInvalid {
+ background-color: #f8e9e9;
+ color: #BD271E; }
+ .euiDatePopoverButton-isInvalid:focus, .euiDatePopoverButton-isInvalid.euiDatePopoverButton-isSelected {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%); }
+ .euiDatePopoverButton:disabled {
+ background-color: #eef2f7;
+ color: #69707D;
+ cursor: default; }
+
+.euiDatePopoverButton--start {
+ text-align: right; }
+
+.euiDatePopoverButton--end {
+ text-align: left; }
+
+.euiDatePopoverContent {
+ width: 400px;
+ max-width: 100%; }
+
+.euiDatePopoverContent__padded {
+ padding: 8px; }
+
+.euiDatePopoverContent__padded--large {
+ padding: 16px; }
+
+@media only screen and (max-width: 574px) {
+ .euiDatePopoverContent {
+ width: 284px; } }
+
+.euiQuickSelectPopover__content {
+ width: 400px;
+ max-width: 100%; }
+
+.euiQuickSelectPopover__section {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ max-height: 132px;
+ overflow: hidden;
+ overflow-y: auto;
+ padding: 8px 0 4px; }
+ .euiQuickSelectPopover__section::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiQuickSelectPopover__section::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiQuickSelectPopover__section::-webkit-scrollbar-corner, .euiQuickSelectPopover__section::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiQuickSelectPopover__buttonText {
+ margin-right: 4px !important; }
+
+.euiQuickSelectPopover__anchor {
+ height: 100%; }
+
+.euiQuickSelectPopover__sectionItem {
+ font-size: 14px;
+ line-height: 14px; }
+ .euiQuickSelectPopover__sectionItem:not(:last-of-type) {
+ margin-bottom: 8px; }
+
+.euiQuickSelect__applyButton {
+ min-width: 0; }
+
+.euiRefreshInterval__startButton {
+ min-width: 90px; }
+
+.euiSuperDatePicker__flexWrapper {
+ max-width: calc(100% + 8px);
+ min-width: MIN(326px, 100%);
+ width: 606px; }
+ .euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--fullWidth {
+ width: calc(100% + 8px); }
+ .euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--isQuickSelectOnly {
+ min-width: 0; }
+ .euiSuperDatePicker__flexWrapper.euiSuperDatePicker__flexWrapper--autoWidth {
+ display: -webkit-inline-flex;
+ 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 {
+ -webkit-flex: 1 1 100%;
+ flex: 1 1 100%;
+ overflow: hidden; }
+ .euiSuperDatePicker > .euiFormControlLayout__childrenWrapper > .euiDatePickerRange {
+ max-width: none;
+ width: auto;
+ border-radius: 0 6px 6px 0; }
+ .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-top-right-radius: 0;
+ border-bottom-right-radius: 0; }
+
+.euiSuperDatePicker__startPopoverButton {
+ margin-right: -12px; }
+ .euiFormControlLayout--compressed .euiSuperDatePicker__startPopoverButton {
+ margin-right: -8px; }
+
+.euiSuperDatePicker__prettyFormat {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ display: block;
+ width: 100%;
+ padding: 0 8px;
+ line-height: 38px;
+ height: 38px;
+ word-break: break-all;
+ transition: background 150ms ease-in;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ text-align: left; }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiSuperDatePicker__prettyFormat {
+ line-height: 1em; } }
+ .euiSuperDatePicker__prettyFormat::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSuperDatePicker__prettyFormat::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSuperDatePicker__prettyFormat::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSuperDatePicker__prettyFormat:not(:disabled):hover, .euiSuperDatePicker__prettyFormat:focus {
+ text-decoration: none; }
+ .euiSuperDatePicker__prettyFormat:disabled {
+ background-color: #eef2f7;
+ color: #69707D;
+ cursor: not-allowed; }
+
+@media only screen and (max-width: 574px) {
+ .euiSuperDatePicker__flexWrapper {
+ width: calc(100% + 8px); } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiSuperDatePicker__flexWrapper {
+ width: calc(100% + 8px); } }
+
+.euiDataGrid {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ overflow: hidden;
+ height: 100%; }
+
+.euiDataGrid--fullScreen {
+ height: 100%;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 999;
+ background: #FFF; }
+ .euiDataGrid--fullScreen .euiDataGrid__pagination {
+ padding-bottom: 4px;
+ background: #F5F7FA;
+ box-shadow: 1px 0 0 1px #D3DAE6; }
+
+.euiDataGrid__content {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ height: 100%;
+ max-width: 100%;
+ width: 100%;
+ overflow: hidden;
+ z-index: 1;
+ position: relative;
+ background: #fafbfd;
+ font-feature-settings: 'tnum' 1; }
+
+.euiDataGrid__pagination {
+ z-index: 2;
+ padding-top: 4px;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiDataGrid__restrictBody {
+ height: 100vh;
+ overflow: hidden; }
+ .euiDataGrid__restrictBody .euiHeader {
+ z-index: 998; }
+
+.euiDataGrid__focusWrap {
+ height: 100%; }
+
+.euiDataGrid__virtualized {
+ scrollbar-color: rgba(105, 112, 125, 0.5) #FFF;
+ scrollbar-width: thin;
+ scroll-padding: 0; }
+ .euiDataGrid__virtualized::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGrid__virtualized::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid #FFF; }
+ .euiDataGrid__virtualized::-webkit-scrollbar-corner, .euiDataGrid__virtualized::-webkit-scrollbar-track {
+ background-color: #FFF; }
+
+.euiDataGrid__scrollOverlay {
+ position: absolute;
+ top: -1px;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ pointer-events: none;
+ box-shadow: inset 0 0 0 1px #D3DAE6; }
+ .euiDataGrid--bordersHorizontal .euiDataGrid__scrollOverlay {
+ box-shadow: inset 0 -2px 0 -1px #D3DAE6; }
+ .euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayBottom {
+ position: absolute;
+ width: 100%;
+ height: 1px;
+ background-color: #D3DAE6; }
+ .euiDataGrid__scrollOverlay .euiDataGrid__scrollBarOverlayRight {
+ position: absolute;
+ height: 100%;
+ width: 1px;
+ background-color: #D3DAE6; }
+
+.euiDataGridHeader {
+ display: -webkit-flex;
+ display: flex;
+ z-index: 3;
+ background: #FFF;
+ position: -webkit-sticky;
+ position: sticky;
+ top: 0; }
+
+.euiDataGridHeaderCell {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ padding: 6px;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ -webkit-align-items: center;
+ align-items: center;
+ display: -webkit-flex;
+ display: flex; }
+ .euiDataGridHeaderCell > * {
+ max-width: 100%;
+ width: 100%; }
+ .euiDataGridHeaderCell.euiDataGridHeaderCell--numeric {
+ text-align: right; }
+ .euiDataGridHeaderCell.euiDataGridHeaderCell--currency {
+ text-align: right; }
+ .euiDataGridHeaderCell:focus {
+ outline: none;
+ border-top: none; }
+ .euiDataGridHeaderCell:focus::after {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 2px solid #003c56;
+ border-radius: 4px;
+ z-index: 2;
+ pointer-events: none; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within {
+ outline: none;
+ border-top: none; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn):focus-within::after {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 2px solid #003c56;
+ border-radius: 4px;
+ z-index: 2;
+ pointer-events: none; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__sortingArrow {
+ margin-right: 4px; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__anchor {
+ width: 100%; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ -webkit-align-items: center;
+ align-items: center;
+ display: -webkit-flex;
+ display: flex;
+ width: 100%;
+ font-weight: 700;
+ outline: none; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__button .euiDataGridHeaderCell__sortingArrow {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__content {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ overflow: hidden;
+ white-space: nowrap;
+ text-align: left;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-align-self: baseline;
+ align-self: baseline; }
+ .euiDataGridHeaderCell:not(.euiDataGridHeaderCell--controlColumn) .euiDataGridHeaderCell__icon {
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-basis: auto;
+ flex-basis: auto;
+ width: auto;
+ padding-left: 4px; }
+
+.euiDataGridHeader__action--selected {
+ font-weight: 700 !important; }
+
+.euiDataGrid--bordersNone.euiDataGrid--bordersHorizontal .euiDataGridHeader {
+ background: #FFF; }
+
+.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
+ border-top: none;
+ border-left: none;
+ border-right: none;
+ border-bottom: 2px solid #D3DAE6;
+ border-bottom-color: #343741; }
+
+.euiDataGrid--bordersNone.euiDataGrid--headerUnderline .euiDataGridHeaderCell {
+ border-bottom: 2px solid #D3DAE6;
+ border-color: #343741; }
+
+.euiDataGrid--headerShade .euiDataGridHeaderCell {
+ background: #f5f7fa; }
+
+.euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell {
+ border-right: 1px solid #D3DAE6;
+ border-bottom: 1px solid #D3DAE6;
+ border-left: none; }
+ .euiDataGrid--headerShade.euiDataGrid--bordersAll .euiDataGridHeaderCell:first-of-type {
+ border-left: 1px solid #D3DAE6; }
+
+.euiDataGrid--headerShade.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
+ border-top: none;
+ border-bottom: 1px solid #D3DAE6; }
+
+.euiDataGrid--bordersNone .euiDataGridHeaderCell {
+ border: none; }
+
+.euiDataGrid--borderhorizontal .euiDataGridHeaderCell {
+ border-top: none;
+ border-right: none;
+ border-left: none; }
+
+.euiDataGrid--fontSizeSmall .euiDataGridHeaderCell {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiDataGrid--fontSizeLarge .euiDataGridHeaderCell {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDataGrid--paddingSmall .euiDataGridHeaderCell {
+ padding: 4px; }
+
+.euiDataGrid--paddingLarge .euiDataGridHeaderCell {
+ padding: 8px; }
+
+.euiDataGrid--noControls.euiDataGrid--bordersAll .euiDataGridHeaderCell {
+ border-top: 1px solid #D3DAE6; }
+
+.euiDataGrid--noControls.euiDataGrid--bordersHorizontal .euiDataGridHeaderCell {
+ border-top: 1px solid #D3DAE6; }
+
+.euiDataGridFooter {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiDataGridRowCell.euiDataGridFooterCell {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ position: relative;
+ font-weight: 700; }
+
+.euiDataGrid--stickyFooter .euiDataGridFooter {
+ position: -webkit-sticky;
+ position: sticky;
+ bottom: 0; }
+
+.euiDataGrid--footerOverline .euiDataGridRowCell.euiDataGridFooterCell {
+ border-top: 2px solid #D3DAE6;
+ border-top-color: #343741 !important;
+ background: #FFF !important; }
+
+.euiDataGrid--bordersNone .euiDataGridRowCell.euiDataGridFooterCell {
+ border-left: none;
+ border-right: none; }
+
+.euiDataGrid--bordersHorizontal .euiDataGridRowCell.euiDataGridFooterCell {
+ border-left: none;
+ border-right: none; }
+
+.euiDataGrid--footerShade .euiDataGridRowCell.euiDataGridFooterCell {
+ background: #f5f7fa; }
+
+.euiDataGridColumnResizer {
+ position: absolute;
+ top: 0;
+ right: -8px;
+ height: 100%;
+ width: 16px;
+ cursor: ew-resize;
+ opacity: 0;
+ z-index: 2; }
+ .euiDataGridColumnResizer:after {
+ content: '';
+ position: absolute;
+ left: 7px;
+ top: 0;
+ bottom: 0;
+ width: 3px;
+ background-color: #07C; }
+ .euiDataGridColumnResizer:hover, .euiDataGridColumnResizer:active {
+ opacity: 1; }
+ .euiDataGridColumnResizer:hover ~ .euiDataGridHeaderCell__content, .euiDataGridColumnResizer:active ~ .euiDataGridHeaderCell__content {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none; }
+
+.euiDataGridHeaderCell:last-child .euiDataGridColumnResizer {
+ right: 0;
+ width: 8px; }
+ .euiDataGridHeaderCell:last-child .euiDataGridColumnResizer:after {
+ left: auto;
+ right: 0; }
+
+.euiDataGridRow {
+ background-color: #FFF; }
+
+.euiDataGridRowCell {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 6px;
+ border-right: solid 1px #edf0f5;
+ border-bottom: 1px solid #D3DAE6;
+ overflow: hidden; }
+ .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 {
+ content: '';
+ display: block;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ border: 2px solid #003c56;
+ border-radius: 4px;
+ z-index: 2;
+ pointer-events: none; }
+ .euiDataGridRowCell:hover .euiDataGridRowCell__actionButtonIcon {
+ -webkit-animation-duration: 90ms;
+ animation-duration: 90ms;
+ -webkit-animation-name: euiDataGridCellActionsSlideIn;
+ animation-name: euiDataGridCellActionsSlideIn;
+ -webkit-animation-iteration-count: 1;
+ animation-iteration-count: 1;
+ -webkit-animation-delay: 250ms;
+ animation-delay: 250ms;
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards; }
+ .euiDataGridRowCell:focus .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell:focus-within .euiDataGridRowCell__actionButtonIcon, .euiDataGridRowCell.euiDataGridRowCell--open .euiDataGridRowCell__actionButtonIcon {
+ -webkit-animation: none;
+ animation: none;
+ margin-left: 6px;
+ width: 12px; }
+ .euiDataGridRowCell:not(:hover):not(:focus):not(.euiDataGridRowCell--open) .euiDataGridRowCell__actionButtonIcon {
+ display: none; }
+ .euiDataGridRowCell.euiDataGridRowCell--numeric {
+ text-align: right; }
+ .euiDataGridRowCell.euiDataGridRowCell--currency {
+ text-align: right; }
+ .euiDataGridRowCell.euiDataGridRowCell--uppercase {
+ text-transform: uppercase; }
+ .euiDataGridRowCell.euiDataGridRowCell--lowercase {
+ text-transform: lowercase; }
+ .euiDataGridRowCell.euiDataGridRowCell--capitalize {
+ text-transform: capitalize; }
+ .euiDataGridRowCell .euiDataGridRowCell__definedHeight {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__content,
+ .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__truncate, .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn).euiDataGridRowCell__truncate,
+ .euiDataGridRowCell:not(.euiDataGridRowCell--controlColumn) .euiDataGridRowCell__expandContent {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ overflow: hidden;
+ white-space: nowrap; }
+
+.euiDataGridRowCell__popover {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow: auto;
+ max-width: 400px !important;
+ max-height: 400px !important;
+ z-index: 1000 !important; }
+ .euiDataGridRowCell__popover::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGridRowCell__popover::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiDataGridRowCell__popover::-webkit-scrollbar-corner, .euiDataGridRowCell__popover::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiDataGridRowCell__expandFlex {
+ position: relative;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: baseline;
+ align-items: baseline;
+ height: 100%; }
+ .euiDataGridRowCell--controlColumn .euiDataGridRowCell__expandFlex {
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiDataGridRowCell__expandContent {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiDataGridRowCell__contentByHeight {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ height: 100%; }
+
+.euiDataGridRowCell__expandActions {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiDataGridRowCell__expandContent + .euiDataGridRowCell__expandActions {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+ background-color: #FFF;
+ position: absolute;
+ right: 0;
+ top: 0;
+ padding: 6px 0; }
+
+.euiDataGridRowCell__actionButtonIcon {
+ height: 12px;
+ border-radius: 3px;
+ width: 0;
+ overflow: hidden;
+ transition: none;
+ box-shadow: none !important;
+ border: none; }
+
+.euiDataGrid--stripes .euiDataGridRow--striped {
+ background-color: #F5F7FA; }
+ .euiDataGrid--stripes .euiDataGridRow--striped .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+ background-color: #F5F7FA; }
+
+.euiDataGrid--rowHoverHighlight .euiDataGridRow:hover {
+ background-color: #fff9e8; }
+ .euiDataGrid--rowHoverHighlight .euiDataGridRow:hover .euiDataGridRowCell__contentByHeight + .euiDataGridRowCell__expandActions {
+ background-color: #fff9e8; }
+
+.euiDataGrid--bordersNone .euiDataGridRowCell {
+ border-color: transparent !important; }
+
+.euiDataGrid--bordersHorizontal .euiDataGridRowCell {
+ border-right-color: transparent;
+ border-left-color: transparent; }
+
+.euiDataGrid--fontSizeSmall .euiDataGridRowCell {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.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 {
+ -webkit-transform: translateY(1px);
+ transform: translateY(1px); }
+
+@-webkit-keyframes euiDataGridCellActionsSlideIn {
+ from {
+ margin-left: 0;
+ width: 0; }
+ to {
+ margin-left: 6px;
+ width: 12px; } }
+
+@keyframes euiDataGridCellActionsSlideIn {
+ from {
+ margin-left: 0;
+ width: 0; }
+ to {
+ margin-left: 6px;
+ width: 12px; } }
+
+.euiDataGrid__controls {
+ background: #fafbfd;
+ position: relative;
+ z-index: 2;
+ border: 1px solid #D3DAE6;
+ padding: 4px 4px 4px 0;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiDataGrid__rightControls {
+ white-space: nowrap; }
+ .euiDataGrid__rightControls:only-child {
+ margin-left: auto; }
+ .euiDataGrid__rightControls > * + * {
+ margin-left: 8px; }
+
+.euiDataGrid__leftControls > * + * {
+ margin-left: 2px; }
+
+.euiDataGrid__controlBtn--active,
+.euiDataGrid__controlBtn--active:focus {
+ font-weight: 600; }
+
+.euiDataGrid--bordersNone .euiDataGrid__controls {
+ border: none;
+ background: #FFF; }
+
+.euiDataGrid--bordersHorizontal .euiDataGrid__controls {
+ border-right: none;
+ border-left: none;
+ border-top: none;
+ background: #FFF; }
+
+.euiDataGrid__controlPopoverWithDragDrop {
+ -webkit-transform: none !important;
+ transform: none !important;
+ transition: none !important;
+ margin-top: -8px; }
+
+.euiDataGrid__controlScroll {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ max-height: 400px;
+ padding: 8px;
+ margin: -8px; }
+ .euiDataGrid__controlScroll::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGrid__controlScroll::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiDataGrid__controlScroll::-webkit-scrollbar-corner, .euiDataGrid__controlScroll::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiDataGrid__controlScroll:focus {
+ outline: none;
+ /* 1 */ }
+ .euiDataGrid__controlScroll[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiDataGridColumnSelector__item {
+ padding: 4px; }
+ .euiDataGridColumnSelector__item-isDragging {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ background: #FFF; }
+
+.euiDataGridColumnSelector__columnList {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ max-height: 400px;
+ margin: 0 -8px; }
+ .euiDataGridColumnSelector__columnList::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGridColumnSelector__columnList::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiDataGridColumnSelector__columnList::-webkit-scrollbar-corner, .euiDataGridColumnSelector__columnList::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiDataGridColumnSelector__columnList:focus {
+ outline: none;
+ /* 1 */ }
+ .euiDataGridColumnSelector__columnList[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiDataGridColumnSelector__itemLabel {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiDataGridColumnSorting__item-isDragging {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ background: #FFF; }
+
+.euiDataGridColumnSorting__fieldList {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ padding-top: 4px;
+ padding-bottom: 4px;
+ max-height: 300px; }
+ .euiDataGridColumnSorting__fieldList::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiDataGridColumnSorting__fieldList::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiDataGridColumnSorting__fieldList::-webkit-scrollbar-corner, .euiDataGridColumnSorting__fieldList::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiDataGridColumnSorting__fieldList:focus {
+ outline: none;
+ /* 1 */ }
+ .euiDataGridColumnSorting__fieldList[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiDataGridColumnSorting__field {
+ display: block;
+ padding: 4px 8px;
+ width: 100%;
+ outline-offset: -2px; }
+ .euiDataGridColumnSorting__field:hover {
+ cursor: pointer;
+ text-decoration: underline; }
+ .euiDataGridColumnSorting__field:focus {
+ cursor: pointer;
+ text-decoration: underline;
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiDataGridColumnSorting__field:disabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #ABB4C4; }
+
+.euiDataGridColumnSorting__orderButtons {
+ padding-left: 24px; }
+ @media only screen and (max-width: 574px) {
+ .euiDataGridColumnSorting__orderButtons {
+ padding-left: 4px; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiDataGridColumnSorting__orderButtons {
+ padding-left: 4px; } }
+ .euiDataGridColumnSorting__orderButtons .euiDataGridColumnSorting__order {
+ min-width: 200px;
+ border: none; }
+ @media only screen and (max-width: 574px) {
+ .euiDataGridColumnSorting__orderButtons .euiDataGridColumnSorting__order {
+ min-width: unset; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiDataGridColumnSorting__orderButtons .euiDataGridColumnSorting__order {
+ min-width: unset; } }
+ .euiDataGridColumnSorting__orderButtons .euiDataGridColumnSorting__order button {
+ font-size: 12px !important; }
+
+.euiDataGrid__displayPopoverPanel {
+ width: 416px; }
+
+.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5;
+ margin-top: 16px; }
+ .euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title:first-of-type {
+ margin-top: 0; }
+
+.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--center {
+ text-align: center; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__title {
+ color: #343741;
+ font-weight: 400;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
+ color: #343741;
+ font-weight: 400;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+
+.euiDescriptionList.euiDescriptionList--column, .euiDescriptionList.euiDescriptionList--responsiveColumn {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; }
+ .euiDescriptionList.euiDescriptionList--column > *, .euiDescriptionList.euiDescriptionList--responsiveColumn > * {
+ margin-top: 16px; }
+ .euiDescriptionList.euiDescriptionList--column > *:first-child,
+ .euiDescriptionList.euiDescriptionList--column > :nth-of-type(2), .euiDescriptionList.euiDescriptionList--responsiveColumn > *:first-child,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn > :nth-of-type(2) {
+ margin-top: 0; }
+ .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5;
+ width: 50%;
+ padding-right: 8px; }
+ .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ width: 50%;
+ padding-left: 8px; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--center .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title {
+ text-align: right; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
+ color: #343741;
+ font-weight: 400;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed .euiDescriptionList__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
+ color: #343741;
+ font-weight: 400;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description, .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 1.5; }
+
+@media only screen and (max-width: 574px) {
+ .euiDescriptionList.euiDescriptionList--responsiveColumn {
+ display: block; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ width: 100%;
+ padding: 0; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ margin-top: 0; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__description {
+ text-align: center; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiDescriptionList.euiDescriptionList--responsiveColumn {
+ display: block; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__title,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ width: 100%;
+ padding: 0; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ margin-top: 0; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__title,
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--center .euiDescriptionList__description {
+ text-align: center; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__title {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiDescriptionList.euiDescriptionList--responsiveColumn.euiDescriptionList--reverse .euiDescriptionList__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; } }
+
+.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ display: inline;
+ border-radius: 4px;
+ font-weight: 500;
+ background-color: #e9edf3;
+ padding: 1px 4px;
+ margin: 0 4px; }
+ .euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title:first-of-type {
+ margin-left: 0; }
+
+.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__description {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ display: inline; }
+
+.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding: 0 4px; }
+
+.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__description {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--center {
+ text-align: center; }
+
+.euiDraggable.euiDraggable--isDragging {
+ z-index: 9000 !important; }
+
+.euiDraggable.euiDraggable--hasClone:not(.euiDraggable--isDragging) {
+ -webkit-transform: none !important;
+ transform: none !important; }
+
+.euiDraggable.euiDraggable--withoutDropAnimation {
+ transition-duration: .001s !important; }
+
+.euiDraggable:focus > .euiDraggable__item,
+.euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus {
+ outline: 2px solid currentColor; }
+ .euiDraggable:focus > .euiDraggable__item:focus-visible,
+ .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus:focus-visible {
+ outline-style: auto; }
+ .euiDraggable:focus > .euiDraggable__item:not(:focus-visible),
+ .euiDraggable.euiDraggable--hasCustomDragHandle > .euiDraggable__item [data-react-beautiful-dnd-drag-handle]:focus: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 500ms ease; }
+ .euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled) {
+ background-color: rgba(0, 191, 179, 0.1); }
+ .euiDroppable.euiDroppable--isDraggingType:not(.euiDroppable--isDisabled).euiDroppable--isDraggingOver {
+ background-color: rgba(0, 191, 179, 0.25); }
+ .euiDroppable .euiDroppable__placeholder.euiDroppable__placeholder--isHidden {
+ display: none !important; }
+
+.euiDroppable--withPanel {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiDroppable--withPanel.euiDroppable--withPanel--hasBorder {
+ border: 1px solid #D3DAE6;
+ box-shadow: none; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiDroppable--withPanel.euiDroppable--withPanel--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--isClickable:hover, .euiDroppable--withPanel.euiDroppable--withPanel--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusNone {
+ border-radius: 0; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusMedium {
+ border-radius: 6px; }
+ .euiDroppable--withPanel.euiDroppable--withPanel--transparent {
+ background-color: transparent; }
+ .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 {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04);
+ border-radius: 6px; }
+
+.euiDroppable--noGrow {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiDroppable--grow {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiDroppable--s {
+ padding: 2px; }
+
+.euiDroppable--m {
+ padding: 4px; }
+
+.euiDroppable--l {
+ padding: 8px; }
+
+.euiEmptyPrompt {
+ text-align: center;
+ margin: auto; }
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiEmptyPrompt {
+ max-width: -webkit-max-content;
+ max-width: -moz-max-content;
+ max-width: max-content; } }
+ @media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt {
+ max-width: -webkit-max-content;
+ max-width: -moz-max-content;
+ max-width: max-content; } }
+ .euiEmptyPrompt .euiEmptyPrompt__icon > * {
+ -webkit-flex-shrink: 1;
+ flex-shrink: 1;
+ max-width: 25.71429rem; }
+ .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-top: 1px solid #D3DAE6;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--accent .euiEmptyPrompt__footer {
+ border-top: 1px solid #fbbdda;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--primary .euiEmptyPrompt__footer {
+ border-top: 1px solid #bcd9f2;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--success .euiEmptyPrompt__footer {
+ border-top: 1px solid #bdefea;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--warning .euiEmptyPrompt__footer {
+ border-top: 1px solid #ffecb5;
+ border-radius: 0 0 6px 6px; }
+ .euiEmptyPrompt.euiPanel--danger .euiEmptyPrompt__footer {
+ border-top: 1px solid #ecc2c2;
+ border-radius: 0 0 6px 6px; }
+
+.euiEmptyPrompt--vertical .euiEmptyPrompt__main {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-justify-content: center;
+ justify-content: center;
+ min-height: 240px; }
+
+.euiEmptyPrompt--vertical .euiEmptyPrompt__contentInner {
+ max-width: 36em;
+ margin: auto; }
+
+.euiEmptyPrompt--vertical .euiEmptyPrompt__icon {
+ margin-bottom: 16px; }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiEmptyPrompt--horizontal {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ text-align: left; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt--horizontal {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ text-align: left; } }
+
+.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ align-items: center; }
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+ @media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+
+.euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center; }
+ @media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
+ min-width: 40%;
+ max-width: 50%; } }
+ @media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__icon {
+ min-width: 40%;
+ max-width: 50%; } }
+
+.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 {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiEmptyPrompt--horizontal .euiEmptyPrompt__actions {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; } }
+
+.euiEmptyPrompt--paddingSmall .euiEmptyPrompt__main,
+.euiEmptyPrompt--paddingSmall .euiEmptyPrompt__footer {
+ padding: 8px; }
+
+.euiEmptyPrompt--paddingSmall.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ gap: 8px; }
+
+.euiEmptyPrompt--paddingMedium .euiEmptyPrompt__main,
+.euiEmptyPrompt--paddingMedium .euiEmptyPrompt__footer {
+ padding: 16px; }
+
+.euiEmptyPrompt--paddingMedium.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ gap: 16px; }
+
+.euiEmptyPrompt--paddingLarge .euiEmptyPrompt__main,
+.euiEmptyPrompt--paddingLarge .euiEmptyPrompt__footer {
+ padding: 24px; }
+
+.euiEmptyPrompt--paddingLarge.euiEmptyPrompt--horizontal .euiEmptyPrompt__main {
+ gap: 24px; }
+
+.euiErrorBoundary {
+ background: repeating-linear-gradient(45deg, rgba(189, 39, 30, 0.25), rgba(189, 39, 30, 0.25) 1px, rgba(189, 39, 30, 0.05) 1px, rgba(189, 39, 30, 0.05) 20px);
+ padding: 16px; }
+
+/**
+ * 1. Keep each expression's text together as much as possible,
+ * but then wrap long words
+ */
+.euiExpression {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ /* 1 */
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
+ letter-spacing: normal;
+ border-bottom: 2px solid transparent;
+ display: inline-block;
+ /* 1 */
+ text-align: left;
+ padding: 2px 0;
+ transition: all 250ms ease-in-out;
+ color: #343741; }
+ .euiExpression:focus {
+ border-bottom-style: solid; }
+ .euiExpression + .euiExpression {
+ margin-left: 8px; }
+ .euiExpression.euiExpression--columns {
+ border-color: transparent;
+ border-bottom-style: solid;
+ margin-bottom: 4px; }
+ .euiExpression.euiExpression--truncate {
+ max-width: 100%; }
+ .euiExpression.euiExpression--truncate .euiExpression__description,
+ .euiExpression.euiExpression--truncate .euiExpression__value {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ display: inline-block;
+ vertical-align: bottom; }
+
+.euiExpression-isUppercase .euiExpression__description {
+ text-transform: uppercase; }
+
+.euiExpression-isClickable {
+ cursor: pointer;
+ border-bottom: 2px dotted #D3DAE6; }
+ .euiExpression-isClickable:hover:not(:disabled) {
+ border-bottom-style: solid;
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+
+.euiExpression__icon {
+ margin-left: 4px; }
+
+.euiExpression-isActive {
+ border-bottom-style: solid; }
+
+.euiExpression--columns {
+ width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ padding: 4px;
+ border-radius: 4px; }
+ .euiExpression--columns.euiExpression-isClickable {
+ background-color: #F5F7FA; }
+ .euiExpression--columns.euiExpression-isClickable:focus .euiExpression__description,
+ .euiExpression--columns.euiExpression-isClickable:focus .euiExpression__value, .euiExpression--columns.euiExpression-isClickable:hover:not(:disabled) .euiExpression__description,
+ .euiExpression--columns.euiExpression-isClickable:hover:not(:disabled) .euiExpression__value {
+ text-decoration: underline; }
+ .euiExpression--columns .euiExpression__description {
+ text-align: right;
+ margin-right: 8px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiExpression--columns .euiExpression__value {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiExpression--columns .euiExpression__icon {
+ margin-top: 4px; }
+
+.euiExpression--subdued:focus {
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiExpression--subdued.euiExpression-isActive {
+ border-bottom-color: #69707D;
+ border-color: #69707D; }
+
+.euiExpression--subdued .euiExpression__description {
+ color: #69707D; }
+
+.euiExpression--primary:focus {
+ background-color: rgba(0, 113, 194, 0.1); }
+
+.euiExpression--primary.euiExpression-isActive {
+ border-bottom-color: #003c56;
+ border-color: #003c56; }
+
+.euiExpression--primary .euiExpression__description {
+ color: #003c56; }
+
+.euiExpression--success:focus {
+ background-color: rgba(0, 126, 119, 0.1); }
+
+.euiExpression--success.euiExpression-isActive {
+ border-bottom-color: #007e77;
+ border-color: #007e77; }
+
+.euiExpression--success .euiExpression__description {
+ color: #007e77; }
+
+.euiExpression--warning:focus {
+ background-color: rgba(138, 106, 10, 0.1); }
+
+.euiExpression--warning.euiExpression-isActive {
+ border-bottom-color: #8a6a0a;
+ border-color: #8a6a0a; }
+
+.euiExpression--warning .euiExpression__description {
+ color: #8a6a0a; }
+
+.euiExpression--danger:focus {
+ background-color: rgba(189, 39, 30, 0.1); }
+
+.euiExpression--danger.euiExpression-isActive {
+ border-bottom-color: #BD271E;
+ border-color: #BD271E; }
+
+.euiExpression--danger .euiExpression__description {
+ color: #BD271E; }
+
+.euiExpression--accent:focus {
+ background-color: rgba(196, 64, 124, 0.1); }
+
+.euiExpression--accent.euiExpression-isActive {
+ border-bottom-color: #c4407c;
+ border-color: #c4407c; }
+
+.euiExpression--accent .euiExpression__description {
+ color: #c4407c; }
+
+/**
+ * 1. Make sure the quantity doesn't get an underline on hover
+ */
+.euiFacetButton {
+ display: inline-block;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ cursor: pointer;
+ height: 40px;
+ line-height: 40px;
+ text-align: center;
+ white-space: nowrap;
+ max-width: 100%;
+ vertical-align: middle;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ height: 32px;
+ text-align: left;
+ text-decoration: none;
+ transition: all 150ms ease-in; }
+ .euiFacetButton:hover:not(:disabled) .euiFacetButton__text, .euiFacetButton:focus:not(:disabled) .euiFacetButton__text {
+ text-decoration: underline;
+ /* 1 */ }
+ .euiFacetButton:focus {
+ background-color: rgba(0, 119, 204, 0.1);
+ box-shadow: -4px 0 rgba(0, 119, 204, 0.1), 4px 0 rgba(0, 119, 204, 0.1); }
+ .euiFacetButton:disabled {
+ color: #ABB4C4;
+ pointer-events: none; }
+ .euiFacetButton:disabled .euiFacetButton__content {
+ pointer-events: auto;
+ cursor: not-allowed; }
+ .euiFacetButton:disabled .euiFacetButton__icon,
+ .euiFacetButton:disabled .euiFacetButton__quantity {
+ opacity: .5; }
+ .euiFacetButton:disabled:focus {
+ background-color: transparent; }
+ .euiFacetButton:disabled:hover, .euiFacetButton:disabled:focus {
+ text-decoration: none; }
+
+.euiFacetButton__content {
+ height: 100%;
+ width: 100%;
+ vertical-align: middle;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiFacetButton__content .euiButtonContent__icon,
+ .euiFacetButton__content .euiButtonContent__spinner {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiFacetButton__content > * + * {
+ -webkit-margin-start: 8px;
+ margin-inline-start: 8px; }
+
+.euiFacetButton__text {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ vertical-align: middle; }
+ .euiFacetButton__text::after {
+ display: block;
+ content: attr(data-text);
+ font-weight: 700;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden; }
+ .euiFacetButton--isSelected .euiFacetButton__text {
+ font-weight: 700; }
+
+.euiFacetButton__icon {
+ transition: all 150ms ease-in; }
+
+.euiFacetGroup--gutterNone .euiFacetButton {
+ margin-top: 0;
+ margin-bottom: 0; }
+
+.euiFacetGroup--gutterNone.euiFacetGroup--horizontal {
+ margin-left: -12px; }
+ .euiFacetGroup--gutterNone.euiFacetGroup--horizontal .euiFacetButton {
+ margin-left: 12px;
+ max-width: calc(100% - 12px); }
+
+.euiFacetGroup--gutterSmall .euiFacetButton {
+ margin-top: 2px;
+ margin-bottom: 2px; }
+
+.euiFacetGroup--gutterSmall.euiFacetGroup--horizontal {
+ margin-left: -16px; }
+ .euiFacetGroup--gutterSmall.euiFacetGroup--horizontal .euiFacetButton {
+ margin-left: 16px;
+ max-width: calc(100% - 16px); }
+
+.euiFacetGroup--gutterMedium .euiFacetButton {
+ margin-top: 4px;
+ margin-bottom: 4px; }
+
+.euiFacetGroup--gutterMedium.euiFacetGroup--horizontal {
+ margin-left: -20px; }
+ .euiFacetGroup--gutterMedium.euiFacetGroup--horizontal .euiFacetButton {
+ margin-left: 20px;
+ max-width: calc(100% - 20px); }
+
+.euiFacetGroup--gutterLarge .euiFacetButton {
+ margin-top: 6px;
+ margin-bottom: 6px; }
+
+.euiFacetGroup--gutterLarge.euiFacetGroup--horizontal {
+ margin-left: -24px; }
+ .euiFacetGroup--gutterLarge.euiFacetGroup--horizontal .euiFacetButton {
+ margin-left: 24px;
+ max-width: calc(100% - 24px); }
+
+.euiFilterGroup {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ max-width: 100%;
+ border-right: 1px solid rgba(17, 43, 134, 0.1);
+ box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2), 0 3px 3px -2px rgba(0, 0, 0, 0.2);
+ overflow: hidden; }
+ .euiFilterGroup > * {
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ min-width: 48px; }
+ .euiFilterGroup > .euiFilterButton--noGrow {
+ -webkit-flex-grow: 0;
+ 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: -webkit-flex;
+ display: flex; }
+
+.euiFilterGroup__popoverPanel {
+ width: 288px; }
+
+@media only screen and (max-width: 574px) {
+ .euiFilterGroup {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFilterGroup {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; } }
+
+@media only screen and (max-width: 574px) {
+ .euiFilterGroup {
+ display: -webkit-flex;
+ display: flex; }
+ .euiFilterGroup .euiFilterButton {
+ -webkit-flex-grow: 1 !important;
+ flex-grow: 1 !important; } }
+
+.euiFilterButton {
+ background-color: #fbfcfd;
+ height: 40px;
+ width: auto;
+ border: 1px solid rgba(17, 43, 134, 0.1);
+ border-right: none;
+ font-size: 14px; }
+ .euiFilterButton:disabled {
+ color: #ABB4C4;
+ pointer-events: none; }
+ .euiFilterButton:disabled .euiFilterButton__notification {
+ opacity: .5; }
+ .euiFilterButton:hover:not(:disabled), .euiFilterButton:focus:not(:disabled) {
+ text-decoration: none; }
+ .euiFilterButton:hover:not(:disabled) .euiFilterButton__textShift, .euiFilterButton:focus:not(:disabled) .euiFilterButton__textShift {
+ text-decoration: underline; }
+
+.euiFilterButton-hasActiveFilters {
+ font-weight: 700; }
+
+.euiFilterButton--hasIcon .euiButtonEmpty__content {
+ -webkit-justify-content: space-between;
+ justify-content: space-between; }
+
+.euiFilterButton--withNext + .euiFilterButton {
+ margin-left: -4px;
+ border-left: none; }
+
+.euiFilterButton-isSelected {
+ background-color: #F5F7FA; }
+
+.euiFilterButton__text-hasNotification {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiFilterButton__notification {
+ margin-left: 8px;
+ vertical-align: text-bottom; }
+
+.euiFilterButton__textShift {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ min-width: 48px; }
+ .euiFilterButton__textShift::after {
+ display: block;
+ content: attr(data-text);
+ font-weight: 700;
+ height: 0;
+ overflow: hidden;
+ visibility: hidden; }
+
+.euiFilterSelectItem {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 4px 12px;
+ display: block;
+ width: 100%;
+ text-align: left;
+ color: #343741;
+ border-bottom: 1px solid #D3DAE6;
+ border-color: #eef2f7;
+ outline-offset: -2px; }
+ .euiFilterSelectItem:hover {
+ cursor: pointer;
+ text-decoration: underline; }
+ .euiFilterSelectItem:focus {
+ cursor: pointer;
+ text-decoration: underline;
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiFilterSelectItem:disabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #ABB4C4; }
+ .euiFilterSelectItem:focus, .euiFilterSelectItem-isFocused {
+ background-color: rgba(0, 119, 204, 0.1);
+ color: #07C; }
+
+.euiFilterSelectItem__content {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.euiFilterSelect__items {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ max-height: 480px; }
+ .euiFilterSelect__items::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiFilterSelect__items::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiFilterSelect__items::-webkit-scrollbar-corner, .euiFilterSelect__items::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiFilterSelect__note {
+ height: 64px;
+ text-align: center;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: space-around;
+ justify-content: space-around; }
+
+.euiFilterSelect__noteContent {
+ color: #69707D;
+ font-size: 14px; }
+
+/**
+ * 1. Not always needed, but fixes an IE11 issue when flex-groups are nested under display: flex elements.
+ * 2. IE requires a unit to grow.
+ */
+.euiFlexGroup {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ /* 1 */ }
+ .euiFlexGroup .euiFlexItem {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%;
+ /* 2 */ }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFlexGroup .euiFlexItem {
+ min-width: 1px; } }
+
+.euiFlexGroup--gutterExtraSmall {
+ margin: -2px; }
+ .euiFlexGroup--gutterExtraSmall > .euiFlexItem {
+ margin: 2px; }
+
+.euiFlexGroup--gutterSmall {
+ margin: -4px; }
+ .euiFlexGroup--gutterSmall > .euiFlexItem {
+ margin: 4px; }
+
+.euiFlexGroup--gutterMedium {
+ margin: -8px; }
+ .euiFlexGroup--gutterMedium > .euiFlexItem {
+ margin: 8px; }
+
+.euiFlexGroup--gutterLarge {
+ margin: -12px; }
+ .euiFlexGroup--gutterLarge > .euiFlexItem {
+ margin: 12px; }
+
+.euiFlexGroup--gutterExtraLarge {
+ margin: -20px; }
+ .euiFlexGroup--gutterExtraLarge > .euiFlexItem {
+ margin: 20px; }
+
+.euiFlexGroup--justifyContentSpaceEvenly {
+ -webkit-justify-content: space-evenly;
+ justify-content: space-evenly; }
+
+.euiFlexGroup--justifyContentSpaceBetween {
+ -webkit-justify-content: space-between;
+ justify-content: space-between; }
+
+.euiFlexGroup--justifyContentSpaceAround {
+ -webkit-justify-content: space-around;
+ justify-content: space-around; }
+
+.euiFlexGroup--justifyContentCenter {
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.euiFlexGroup--justifyContentFlexEnd {
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end; }
+
+.euiFlexGroup--alignItemsFlexStart {
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+
+.euiFlexGroup--alignItemsCenter {
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiFlexGroup--alignItemsFlexEnd {
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+
+.euiFlexGroup--alignItemsBaseline {
+ -webkit-align-items: baseline;
+ align-items: baseline; }
+
+.euiFlexGroup--directionRow {
+ -webkit-flex-direction: row;
+ flex-direction: row; }
+
+.euiFlexGroup--directionRowReverse {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; }
+
+.euiFlexGroup--directionColumn {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+
+.euiFlexGroup--directionColumnReverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse; }
+
+.euiFlexGroup--wrap {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap; }
+
+@media only screen and (max-width: 574px) {
+ .euiFlexGroup--responsive {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-left: 0;
+ margin-right: 0; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFlexGroup--responsive {
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-left: 0;
+ margin-right: 0; } }
+
+.euiFlexGrid {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-bottom: 0; }
+ .euiFlexGrid > .euiFlexItem {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiFlexGrid > .euiFlexItem.euiFlexItem--flexGrowZero {
+ -webkit-flex-grow: 0 !important;
+ flex-grow: 0 !important;
+ -webkit-flex-basis: auto !important;
+ flex-basis: auto !important; }
+
+/**
+ * 1. For vertical layouts we use columns instead of flex
+ */
+.euiFlexGrid--directionColumn {
+ display: block;
+ /* 1 */
+ -webkit-column-gap: 0;
+ -moz-column-gap: 0;
+ column-gap: 0; }
+ .euiFlexGrid--directionColumn > .euiFlexItem {
+ display: inline-block;
+ /* 1 */
+ line-height: initial; }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterNone {
+ margin: 0px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterNone > .euiFlexItem {
+ margin: 0px; }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 0px);
+ flex-basis: calc(25% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterNone.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 0px);
+ flex-basis: calc(33.3% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterNone.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 0px);
+ flex-basis: calc(50% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterNone.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 0px);
+ flex-basis: calc(100% - 0px); }
+
+.euiFlexGrid--gutterNone.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterNone.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 0px); }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterSmall {
+ margin: -4px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterSmall > .euiFlexItem {
+ margin: 4px; }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 8px);
+ flex-basis: calc(25% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterSmall.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 8px);
+ flex-basis: calc(33.3% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterSmall.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 8px);
+ flex-basis: calc(50% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterSmall.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 8px);
+ flex-basis: calc(100% - 8px); }
+
+.euiFlexGrid--gutterSmall.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterSmall.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 8px); }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterMedium {
+ margin: -8px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterMedium > .euiFlexItem {
+ margin: 8px; }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 16px);
+ flex-basis: calc(25% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterMedium.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 16px);
+ flex-basis: calc(33.3% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterMedium.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 16px);
+ flex-basis: calc(50% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterMedium.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 16px);
+ flex-basis: calc(100% - 16px); }
+
+.euiFlexGrid--gutterMedium.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterMedium.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 16px); }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterLarge {
+ margin: -12px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterLarge > .euiFlexItem {
+ margin: 12px; }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 24px);
+ flex-basis: calc(25% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 24px);
+ flex-basis: calc(33.3% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 24px);
+ flex-basis: calc(50% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 24px);
+ flex-basis: calc(100% - 24px); }
+
+.euiFlexGrid--gutterLarge.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterLarge.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 24px); }
+
+/**
+ * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
+ * without columns.
+ */
+.euiFlexGrid--gutterXLarge {
+ margin: -16px;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFlexGrid--gutterXLarge > .euiFlexItem {
+ margin: 16px; }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--fourths > .euiFlexItem {
+ -webkit-flex-basis: calc(25% - 32px);
+ flex-basis: calc(25% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 4;
+ -moz-column-count: 4;
+ column-count: 4; }
+ .euiFlexGrid--gutterXLarge.euiFlexGrid--fourths.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--thirds > .euiFlexItem {
+ -webkit-flex-basis: calc(33.3% - 32px);
+ flex-basis: calc(33.3% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 3;
+ -moz-column-count: 3;
+ column-count: 3; }
+ .euiFlexGrid--gutterXLarge.euiFlexGrid--thirds.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--halves > .euiFlexItem {
+ -webkit-flex-basis: calc(50% - 32px);
+ flex-basis: calc(50% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 2;
+ -moz-column-count: 2;
+ column-count: 2; }
+ .euiFlexGrid--gutterXLarge.euiFlexGrid--halves.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--single > .euiFlexItem {
+ -webkit-flex-basis: calc(100% - 32px);
+ flex-basis: calc(100% - 32px); }
+
+.euiFlexGrid--gutterXLarge.euiFlexGrid--single.euiFlexGrid--directionColumn {
+ /* 1 */
+ -webkit-column-count: 1;
+ -moz-column-count: 1;
+ column-count: 1; }
+ .euiFlexGrid--gutterXLarge.euiFlexGrid--single.euiFlexGrid--directionColumn > .euiFlexItem {
+ width: calc(100% - 32px); }
+
+@media only screen and (max-width: 574px) {
+ .euiFlexGrid.euiFlexGrid--responsive {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ -webkit-column-count: 1 !important;
+ -moz-column-count: 1 !important;
+ column-count: 1 !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFlexGrid.euiFlexGrid--responsive {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ -webkit-column-count: 1 !important;
+ -moz-column-count: 1 !important;
+ column-count: 1 !important; } }
+
+/**
+ * 1. Allow EuiPanels to expand to fill the item.
+ * 2. IE11 hack forces inner content of flex items to respect a higher parent's width (mostly) and
+ * not cause weird wrapping issues.
+ */
+.euiFlexItem {
+ display: -webkit-flex;
+ display: flex;
+ /* 1 */
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ /* 1 */
+ /*
+ * 1. We need the extra specificity here to override the FlexGroup > FlexItem styles.
+ * 2. FlexItem can be manually set to not grow if needed.
+ */ }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFlexItem {
+ min-width: 1px;
+ /* 2 */ } }
+ .euiFlexItem.euiFlexItem--flexGrowZero {
+ /* 1 */
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ /* 2 */
+ -webkit-flex-basis: auto;
+ flex-basis: auto;
+ /* 2 */ }
+ .euiFlexItem.euiFlexItem--flexGrow1 {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiFlexItem.euiFlexItem--flexGrow2 {
+ -webkit-flex-grow: 2;
+ flex-grow: 2; }
+ .euiFlexItem.euiFlexItem--flexGrow3 {
+ -webkit-flex-grow: 3;
+ flex-grow: 3; }
+ .euiFlexItem.euiFlexItem--flexGrow4 {
+ -webkit-flex-grow: 4;
+ flex-grow: 4; }
+ .euiFlexItem.euiFlexItem--flexGrow5 {
+ -webkit-flex-grow: 5;
+ flex-grow: 5; }
+ .euiFlexItem.euiFlexItem--flexGrow6 {
+ -webkit-flex-grow: 6;
+ flex-grow: 6; }
+ .euiFlexItem.euiFlexItem--flexGrow7 {
+ -webkit-flex-grow: 7;
+ flex-grow: 7; }
+ .euiFlexItem.euiFlexItem--flexGrow8 {
+ -webkit-flex-grow: 8;
+ flex-grow: 8; }
+ .euiFlexItem.euiFlexItem--flexGrow9 {
+ -webkit-flex-grow: 9;
+ flex-grow: 9; }
+ .euiFlexItem.euiFlexItem--flexGrow10 {
+ -webkit-flex-grow: 10;
+ flex-grow: 10; }
+
+@media only screen and (max-width: 574px) {
+ .euiFlexGroup--responsive > .euiFlexItem,
+ .euiFlexGrid--responsive > .euiFlexItem {
+ width: 100% !important;
+ -webkit-flex-basis: 100% !important;
+ flex-basis: 100% !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ margin-bottom: 16px !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFlexGroup--responsive > .euiFlexItem,
+ .euiFlexGrid--responsive > .euiFlexItem {
+ width: 100% !important;
+ -webkit-flex-basis: 100% !important;
+ flex-basis: 100% !important;
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+ margin-bottom: 16px !important; } }
+
+.euiFlyout {
+ border-left: none;
+ box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.13), 0 9.4px 24px rgba(0, 0, 0, 0.09), 0 21.8px 43px rgba(0, 0, 0, 0.08);
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ height: 100%;
+ z-index: 1000;
+ background: #FFF;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ -webkit-clip-path: polygon(-50% 0, 100% 0, 100% 100%, -50% 100%);
+ clip-path: polygon(-50% 0, 100% 0, 100% 100%, -50% 100%);
+ -webkit-animation: euiFlyout 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: euiFlyout 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiFlyout:focus {
+ outline: none; }
+
+.euiFlyout__closeButton {
+ background-color: rgba(255, 255, 255, 0.9);
+ position: absolute;
+ right: 8px;
+ top: 8px;
+ z-index: 3; }
+ .euiFlyout__closeButton--outside {
+ box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.13), 0 9.4px 24px rgba(0, 0, 0, 0.09), 0 21.8px 43px rgba(0, 0, 0, 0.08);
+ right: auto;
+ left: 0;
+ -webkit-transform: translateX(calc(-100% - 24px)) !important;
+ transform: translateX(calc(-100% - 24px)) !important;
+ -webkit-animation: none !important;
+ animation: none !important; }
+ .euiFlyout--left .euiFlyout__closeButton--outside {
+ left: auto;
+ right: 0;
+ -webkit-transform: translateX(calc(100% + 24px)) !important;
+ transform: translateX(calc(100% + 24px)) !important; }
+
+.euiFlyoutBody__banner {
+ overflow-x: hidden; }
+
+/**
+ * 1. Calculating the minimum width based on the screen takeover breakpoint
+ */
+.euiFlyout--small {
+ min-width: 384px;
+ width: 25vw; }
+ .euiFlyout--small.euiFlyout--maxWidth-default {
+ max-width: 403px; }
+
+.euiFlyout--medium {
+ min-width: 424px;
+ width: 50vw; }
+ .euiFlyout--medium.euiFlyout--maxWidth-default {
+ max-width: 768px; }
+
+.euiFlyout--large {
+ min-width: 691px;
+ width: 75vw; }
+ .euiFlyout--large.euiFlyout--maxWidth-default {
+ max-width: 992px; }
+
+.euiFlyout--paddingNone .euiFlyoutHeader {
+ padding: 0 0 0; }
+
+.euiFlyout--paddingNone .euiFlyoutHeader--hasBorder {
+ padding-bottom: 0; }
+
+.euiFlyout--paddingNone .euiFlyoutBody__overflowContent {
+ padding: 0; }
+
+.euiFlyout--paddingNone .euiFlyoutBody__banner .euiCallOut {
+ padding-left: 0;
+ padding-right: 0; }
+
+.euiFlyout--paddingNone .euiFlyoutFooter {
+ padding: 0; }
+
+.euiFlyout--paddingSmall .euiFlyoutHeader {
+ padding: 8px 8px 0; }
+
+.euiFlyout--paddingSmall .euiFlyoutHeader--hasBorder {
+ padding-bottom: 8px; }
+
+.euiFlyout--paddingSmall .euiFlyoutBody__overflowContent {
+ padding: 8px; }
+
+.euiFlyout--paddingSmall .euiFlyoutBody__banner .euiCallOut {
+ padding-left: 8px;
+ padding-right: 8px; }
+
+.euiFlyout--paddingSmall .euiFlyoutFooter {
+ padding: 8px; }
+
+.euiFlyout--paddingMedium .euiFlyoutHeader {
+ padding: 16px 16px 0; }
+
+.euiFlyout--paddingMedium .euiFlyoutHeader--hasBorder {
+ padding-bottom: 16px; }
+
+.euiFlyout--paddingMedium .euiFlyoutBody__overflowContent {
+ padding: 16px; }
+
+.euiFlyout--paddingMedium .euiFlyoutBody__banner .euiCallOut {
+ padding-left: 16px;
+ padding-right: 16px; }
+
+.euiFlyout--paddingMedium .euiFlyoutFooter {
+ padding: 12px 16px; }
+
+.euiFlyout--paddingLarge .euiFlyoutHeader {
+ padding: 24px 24px 0; }
+
+.euiFlyout--paddingLarge .euiFlyoutHeader--hasBorder {
+ padding-bottom: 24px; }
+
+.euiFlyout--paddingLarge .euiFlyoutBody__overflowContent {
+ padding: 24px; }
+
+.euiFlyout--paddingLarge .euiFlyoutBody__banner .euiCallOut {
+ padding-left: 24px;
+ padding-right: 24px; }
+
+.euiFlyout--paddingLarge .euiFlyoutFooter {
+ padding: 16px 24px; }
+
+@-webkit-keyframes euiFlyout {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%); }
+ 75% {
+ opacity: 1;
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%); } }
+
+@keyframes euiFlyout {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(100%);
+ transform: translateX(100%); }
+ 75% {
+ opacity: 1;
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%); } }
+
+/**
+ * 1. Leave only a small sliver exposed on small screens so users understand that this is not a new page
+ * 2. If a custom maxWidth is set, we need to override it.
+ */
+@media only screen and (max-width: 574px) {
+ .euiFlyout {
+ max-width: 90vw !important;
+ /* 1, 2 */ }
+ .euiFlyout--small {
+ min-width: 0;
+ width: 384px; }
+ .euiFlyout--medium {
+ min-width: 0;
+ width: 424px; }
+ .euiFlyout--large {
+ min-width: 0;
+ width: 691px; }
+ .euiFlyout__closeButton--outside {
+ -webkit-transform: translateX(calc(-100% - 4px)) !important;
+ transform: translateX(calc(-100% - 4px)) !important; }
+ .euiFlyout--left .euiFlyout__closeButton--outside {
+ -webkit-transform: translateX(calc(100% + 4px)) !important;
+ transform: translateX(calc(100% + 4px)) !important; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiFlyout {
+ max-width: 90vw !important;
+ /* 1, 2 */ }
+ .euiFlyout--small {
+ min-width: 0;
+ width: 384px; }
+ .euiFlyout--medium {
+ min-width: 0;
+ width: 424px; }
+ .euiFlyout--large {
+ min-width: 0;
+ width: 691px; }
+ .euiFlyout__closeButton--outside {
+ -webkit-transform: translateX(calc(-100% - 4px)) !important;
+ transform: translateX(calc(-100% - 4px)) !important; }
+ .euiFlyout--left .euiFlyout__closeButton--outside {
+ -webkit-transform: translateX(calc(100% + 4px)) !important;
+ transform: translateX(calc(100% + 4px)) !important; } }
+
+/**
+ * Left side flyout (should only be used for navigation)
+ */
+.euiFlyout--left {
+ border-right: none;
+ border-left: none;
+ right: auto;
+ left: 0;
+ -webkit-clip-path: polygon(0 0, 150% 0, 150% 100%, 0 100%);
+ clip-path: polygon(0 0, 150% 0, 150% 100%, 0 100%);
+ -webkit-animation-name: euiFlyoutLeft;
+ animation-name: euiFlyoutLeft; }
+
+@-webkit-keyframes euiFlyoutLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%); }
+ 75% {
+ opacity: 1;
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%); } }
+
+@keyframes euiFlyoutLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-100%);
+ transform: translateX(-100%); }
+ 75% {
+ opacity: 1;
+ -webkit-transform: translateX(0%);
+ transform: translateX(0%); } }
+
+/**
+ * Pushed style (inside body)
+ */
+.euiFlyout.euiFlyout--push {
+ box-shadow: none;
+ -webkit-clip-path: none;
+ clip-path: none;
+ -webkit-animation-duration: 0s;
+ animation-duration: 0s;
+ border-left: 2px solid #D3DAE6;
+ z-index: 999; }
+ .euiFlyout.euiFlyout--push.euiFlyout--left {
+ border-left: none;
+ border-right: 2px solid #D3DAE6; }
+
+.euiFlyoutBody {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ overflow-y: hidden;
+ height: 100%; }
+ .euiFlyoutBody .euiFlyoutBody__overflow {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .euiFlyoutBody .euiFlyoutBody__overflow::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiFlyoutBody .euiFlyoutBody__overflow::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiFlyoutBody .euiFlyoutBody__overflow::-webkit-scrollbar-corner, .euiFlyoutBody .euiFlyoutBody__overflow::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiFlyoutBody .euiFlyoutBody__overflow:focus {
+ outline: none;
+ /* 1 */ }
+ .euiFlyoutBody .euiFlyoutBody__overflow[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+ .euiFlyoutBody .euiFlyoutBody__overflow.euiFlyoutBody__overflow--hasBanner {
+ -webkit-mask-image: linear-gradient(to bottom, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%); }
+ .euiFlyoutBody .euiFlyoutBody__banner .euiCallOut {
+ border: none;
+ border-radius: 0; }
+
+.euiFlyoutFooter {
+ background: #F5F7FA;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiFlyoutHeader {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiFlyoutHeader--hasBorder {
+ border-bottom: 1px solid #D3DAE6; }
+
+/**
+ * 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 {
+ width: 16px;
+ height: 16px;
+ top: 3px;
+ cursor: pointer;
+ position: absolute;
+ /* 1 */
+ opacity: 0;
+ /* 1 */
+ z-index: 1;
+ /* 1 */ }
+ .euiCheckbox .euiCheckbox__input ~ .euiCheckbox__label {
+ display: inline-block;
+ padding-left: 24px;
+ line-height: 24px;
+ font-size: 14px;
+ position: relative;
+ z-index: 2;
+ cursor: pointer; }
+ .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 4px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ display: inline-block;
+ position: absolute;
+ left: 0;
+ top: 3px; }
+ .euiCheckbox .euiCheckbox__input:checked + .euiCheckbox__square {
+ border-color: #07C;
+ background-color: #07C;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='rgb%28255, 255, 255%29' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E"); }
+ .euiCheckbox .euiCheckbox__input:indeterminate + .euiCheckbox__square {
+ border-color: #07C;
+ background-color: #07C;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%28255, 255, 255%29' fill-rule='evenodd'/%3E%3C/svg%3E"); }
+ .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 {
+ border-color: #D3DAE6;
+ background-color: #D3DAE6;
+ box-shadow: none; }
+ .euiCheckbox .euiCheckbox__input:checked[disabled] + .euiCheckbox__square {
+ border-color: #D3DAE6;
+ background-color: #D3DAE6;
+ box-shadow: none;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M.375 2.625L3.375 5.625M3.375 5.625L8.625.375' fill='none' fill-rule='evenodd' stroke='rgb%2894, 100, 111%29' stroke-linecap='round' stroke-width='1.5' transform='translate(.5 1)'/%3E%3C/svg%3E"); }
+ .euiCheckbox .euiCheckbox__input:indeterminate[disabled] + .euiCheckbox__square {
+ border-color: #D3DAE6;
+ background-color: #D3DAE6;
+ box-shadow: none;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect width='6' height='6' fill='rgb%2894, 100, 111%29' fill-rule='evenodd'/%3E%3C/svg%3E"); }
+ .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ border-color: #07C; }
+ .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__fieldPadding--xxxsmall {
+ padding-top: 8px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xxsmall {
+ padding-top: 11px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xsmall {
+ padding-top: 11px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--small {
+ padding-top: 23px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--medium {
+ padding-top: 30.5px; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--large {
+ padding-top: 41px; }
+ @media only screen and (max-width: 574px) {
+ .euiDescribedFormGroup .euiDescribedFormGroup__fields {
+ padding-top: 0; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child {
+ padding-top: 0; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiDescribedFormGroup .euiDescribedFormGroup__fields {
+ padding-top: 0; }
+ .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child {
+ padding-top: 0; } }
+
+.euiFieldNumber {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px; }
+ .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; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFieldNumber {
+ line-height: 1em; } }
+ .euiFieldNumber::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldNumber::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldNumber::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldNumber:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldNumber:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldNumber:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldNumber:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldNumber:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldNumber:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldNumber[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .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%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFieldNumber--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFieldNumber--compressed:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldNumber--compressed:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldNumber--compressed:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldNumber--compressed:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldNumber--compressed:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldNumber--compressed:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldNumber--compressed[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldNumber--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiFieldNumber--withIcon {
+ padding-left: 40px; }
+ .euiFieldNumber-isLoading {
+ padding-right: 40px; }
+ .euiFieldNumber-isLoading.euiFieldNumber--compressed {
+ padding-right: 32px; }
+
+.euiFieldNumber--withIcon.euiFieldNumber--compressed {
+ padding-left: 32px; }
+
+.euiFieldPassword {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ padding-left: 40px; }
+ .euiFieldPassword--fullWidth {
+ max-width: 100%; }
+ .euiFieldPassword--compressed {
+ height: 32px; }
+ .euiFieldPassword--inGroup {
+ height: 100%; }
+ @supports (-moz-appearance: none) {
+ .euiFieldPassword {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFieldPassword {
+ line-height: 1em; } }
+ .euiFieldPassword::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldPassword::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldPassword::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldPassword:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldPassword:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldPassword:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldPassword:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldPassword:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldPassword:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldPassword[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .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%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFieldPassword--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFieldPassword--compressed:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldPassword--compressed:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldPassword--compressed:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldPassword--compressed:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldPassword--compressed:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldPassword--compressed:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldPassword--compressed[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldPassword--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiFieldPassword-isLoading {
+ padding-right: 40px; }
+ .euiFieldPassword-isLoading.euiFieldPassword--compressed {
+ padding-right: 32px; }
+ .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
+ * 2. Remove the X clear button from input type search in Chrome and IE
+*/
+.euiFieldSearch {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ padding-left: 40px;
+ -webkit-appearance: textfield;
+ /* 1 */ }
+ .euiFieldSearch--fullWidth {
+ max-width: 100%; }
+ .euiFieldSearch--compressed {
+ height: 32px; }
+ .euiFieldSearch--inGroup {
+ height: 100%; }
+ @supports (-moz-appearance: none) {
+ .euiFieldSearch {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFieldSearch {
+ line-height: 1em; } }
+ .euiFieldSearch::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldSearch::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldSearch::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldSearch:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldSearch:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldSearch:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldSearch:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldSearch:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldSearch:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldSearch[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .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%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFieldSearch--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFieldSearch--compressed:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldSearch--compressed:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldSearch--compressed:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldSearch--compressed:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldSearch--compressed:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldSearch--compressed:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldSearch--compressed[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldSearch--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiFieldSearch-isLoading {
+ padding-right: 40px; }
+ .euiFieldSearch-isLoading.euiFieldSearch--compressed {
+ padding-right: 32px; }
+ .euiFieldSearch::-webkit-search-decoration, .euiFieldSearch::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+ /* 1, 2 */ }
+ .euiFieldSearch::-ms-clear {
+ display: none;
+ /* 2 */ }
+ .euiFieldSearch.euiFieldSearch-isClearable {
+ padding-right: 40px; }
+ .euiFieldSearch.euiFieldSearch-isLoading {
+ padding-right: 40px; }
+ .euiFieldSearch.euiFieldSearch-isLoading.euiFieldSearch-isClearable {
+ padding-right: 62px; }
+ .euiFieldSearch.euiFieldSearch--compressed {
+ padding-left: 32px; }
+ .euiFieldSearch.euiFieldSearch--compressed.euiFieldSearch-isClearable {
+ padding-right: 32px; }
+ .euiFieldSearch.euiFieldSearch--compressed.euiFieldSearch-isLoading {
+ padding-right: 32px; }
+ .euiFieldSearch.euiFieldSearch--compressed.euiFieldSearch-isLoading.euiFieldSearch-isClearable {
+ padding-right: 54px; }
+
+.euiFieldText {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ /* 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; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiFieldText {
+ line-height: 1em; } }
+ .euiFieldText::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldText::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldText::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiFieldText:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldText:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldText:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldText:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldText:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldText:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldText[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .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%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFieldText--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFieldText--compressed:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiFieldText--compressed:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldText--compressed:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldText--compressed:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldText--compressed:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldText--compressed:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFieldText--compressed[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFieldText--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiFieldText--withIcon {
+ padding-left: 40px; }
+ .euiFieldText-isLoading {
+ padding-right: 40px; }
+ .euiFieldText-isLoading.euiFieldText--compressed {
+ padding-right: 32px; }
+ .euiFieldText.euiFieldText-isInvalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+
+.euiFieldText--withIcon.euiFieldText--compressed {
+ padding-left: 32px; }
+
+.euiFieldText--isClearable {
+ padding-right: 40px; }
+
+.euiFieldText--isClearable.euiFieldText--compressed {
+ padding-right: 32px; }
+
+/**
+ * REMEMBER: --large modifiers must come last to override --compressed
+ */
+.euiFilePicker {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ position: relative; }
+ .euiFilePicker--fullWidth {
+ max-width: 100%; }
+ .euiFilePicker--compressed {
+ height: 32px; }
+ .euiFilePicker--inGroup {
+ height: 100%; }
+ .euiFilePicker.euiFilePicker--large {
+ border-radius: 6px;
+ overflow: hidden;
+ height: auto; }
+ .euiFilePicker.euiFilePicker--large.euiFilePicker--compressed {
+ border-radius: 4px; }
+
+.euiFilePicker__input {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ overflow: hidden; }
+ .euiFilePicker__input:hover {
+ cursor: pointer; }
+ .euiFilePicker__input:hover:disabled {
+ cursor: not-allowed; }
+ .euiFilePicker__input:disabled {
+ opacity: 0; }
+ .euiFilePicker__input:disabled ~ .euiFilePicker__prompt {
+ color: #98A2B3; }
+
+.euiFilePicker__icon {
+ position: absolute;
+ left: 12px;
+ top: 12px;
+ transition: -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiFilePicker--compressed .euiFilePicker__icon {
+ top: 8px;
+ left: 8px; }
+ .euiFilePicker--large .euiFilePicker__icon {
+ position: static;
+ margin-bottom: 16px; }
+
+/**
+ * 1. Don't block the user from dropping files onto the filepicker.
+ * 2. Ensure space for import icon, loading spinner, and clear button (only if it has files)
+ * 3. Delay focus gradient or else it will only partially transition while file chooser opens
+ * 4. Static height so that it doesn't shift its surrounding contents around
+ */
+.euiFilePicker__prompt {
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding-left: 40px;
+ /* 2 */
+ height: 40px;
+ padding-top: 12px;
+ padding-right: 12px;
+ padding-bottom: 12px;
+ pointer-events: none;
+ /* 1 */
+ border-radius: 6px;
+ transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms;
+ /* 3 */ }
+ @supports (-moz-appearance: none) {
+ .euiFilePicker__prompt {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFilePicker--compressed .euiFilePicker__prompt {
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px;
+ padding-left: 32px;
+ /* 2 */
+ height: 32px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiFilePicker--compressed .euiFilePicker__prompt {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFilePicker--large .euiFilePicker__prompt {
+ height: 128px;
+ /* 4 */
+ padding: 0 24px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center; }
+ .euiFilePicker--large.euiFilePicker--compressed .euiFilePicker__prompt {
+ height: 104px;
+ /* 4 */ }
+ .euiFilePicker-isInvalid .euiFilePicker__prompt {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+
+.euiFilePicker__promptText {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ line-height: 16px; }
+ .euiFilePicker:not(.euiFilePicker--large):not(.euiFilePicker-hasFiles) .euiFilePicker__promptText {
+ color: #98A2B3; }
+
+.euiFilePicker__clearButton,
+.euiFilePicker__loadingSpinner {
+ position: absolute;
+ right: 12px;
+ top: 12px; }
+ .euiFilePicker--compressed .euiFilePicker__clearButton, .euiFilePicker--compressed
+ .euiFilePicker__loadingSpinner {
+ top: 8px; }
+
+/**
+ * 1. Undo the pointer-events: none applied to the enclosing prompt.
+ */
+.euiFilePicker__clearButton {
+ pointer-events: auto;
+ /* 1 */ }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton {
+ width: 16px;
+ height: 16px;
+ pointer-events: all;
+ background-color: #98A2B3;
+ border-radius: 16px;
+ line-height: 0; }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus {
+ outline: 2px solid currentColor; }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:focus-visible {
+ outline-style: auto; }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton:focus:not(:focus-visible) {
+ outline: none; }
+ .euiFilePicker:not(.euiFilePicker--large) .euiFilePicker__clearButton .euiFilePicker__clearIcon {
+ width: 8px;
+ height: 8px;
+ fill: #FFF;
+ stroke: #FFF;
+ stroke-width: 2px; }
+ .euiFilePicker--large .euiFilePicker__clearButton {
+ position: relative;
+ top: 0;
+ right: 0; }
+
+.euiFilePicker__showDrop .euiFilePicker__prompt,
+.euiFilePicker__input:focus + .euiFilePicker__prompt {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFilePicker--compressed .euiFilePicker__showDrop .euiFilePicker__prompt, .euiFilePicker--compressed
+ .euiFilePicker__input:focus + .euiFilePicker__prompt {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+
+.euiFilePicker__input:disabled + .euiFilePicker__prompt {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFilePicker__input:disabled + .euiFilePicker__prompt::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFilePicker__input:disabled + .euiFilePicker__prompt::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFilePicker__input:disabled + .euiFilePicker__prompt::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+
+.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-isLoading .euiFilePicker__prompt,
+.euiFilePicker:not(.euiFilePicker--large).euiFilePicker-hasFiles .euiFilePicker__prompt {
+ padding-right: 40px;
+ /* 2 */ }
+
+.euiFilePicker-hasFiles .euiFilePicker__promptText {
+ color: #343741; }
+
+.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__promptText,
+.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__promptText {
+ text-decoration: underline; }
+
+.euiFilePicker--large .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__icon,
+.euiFilePicker--large .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__icon {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); }
+
+.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__promptText {
+ text-decoration: underline; }
+
+.euiFilePicker--large.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__icon {
+ -webkit-transform: scale(1.1);
+ transform: scale(1.1); }
+
+.euiFilePicker--large.euiFilePicker-hasFiles .euiFilePicker__promptText {
+ font-weight: 700; }
+
+.euiForm__error {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ list-style: disc; }
+
+.euiForm__errors {
+ margin-bottom: 16px; }
+
+.euiFormControlLayout {
+ max-width: 400px;
+ width: 100%;
+ height: 40px; }
+ .euiFormControlLayout--fullWidth {
+ max-width: 100%; }
+ .euiFormControlLayout--compressed {
+ height: 32px; }
+ .euiFormControlLayout--inGroup {
+ height: 100%; }
+
+.euiFormControlLayout__childrenWrapper {
+ position: relative; }
+
+/**
+ * 1. Account for inner box-shadow style border
+ * 2. Ensure truncation works in children elements
+ */
+.euiFormControlLayout--group {
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ padding: 1px;
+ /* 1 */ }
+ @supports (-moz-appearance: none) {
+ .euiFormControlLayout--group {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFormControlLayout--group > *,
+ .euiFormControlLayout--group .euiPopover__anchor,
+ .euiFormControlLayout--group .euiButtonEmpty,
+ .euiFormControlLayout--group .euiText,
+ .euiFormControlLayout--group .euiFormLabel,
+ .euiFormControlLayout--group .euiButtonIcon {
+ height: 100%; }
+ .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ overflow: hidden;
+ /* 2 */ }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend,
+ .euiFormControlLayout--group .euiFormControlLayout__append {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ height: 100%;
+ border-radius: 0; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend.euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiIcon {
+ padding: 0 8px;
+ width: 32px;
+ border-radius: 0;
+ background-color: #e9edf3; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty {
+ -webkit-transform: none !important;
+ transform: none !important; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonIcon .euiIcon, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiButtonEmpty .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonIcon .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__prepend .euiButtonEmpty .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonIcon .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append.euiButtonEmpty .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonIcon .euiIcon,
+ .euiFormControlLayout--group .euiFormControlLayout__append .euiButtonEmpty .euiIcon {
+ background: none !important;
+ padding: 0;
+ width: 16px; }
+ .euiFormControlLayout--group .euiButtonIcon {
+ padding: 0 8px;
+ width: 32px;
+ border-radius: 0; }
+ .euiFormControlLayout--group .euiButtonIcon:not(:focus) {
+ background-color: #e9edf3; }
+ .euiFormControlLayout--group .euiButtonIcon:focus-visible {
+ outline: 2px solid #003c56;
+ outline-offset: -2px; }
+ .euiFormControlLayout--group .euiToolTipAnchor > .euiIcon {
+ height: 100%;
+ background-color: #e9edf3;
+ padding: 0 8px;
+ width: 32px;
+ border-radius: 0; }
+ .euiFormControlLayout--group > .euiFormControlLayout__prepend,
+ .euiFormControlLayout--group > .euiFormControlLayout__append {
+ max-width: 50%; }
+ .euiFormControlLayout--group .euiFormLabel,
+ .euiFormControlLayout--group .euiText {
+ background-color: #e9edf3;
+ padding: 12px;
+ line-height: 16px !important;
+ cursor: default !important; }
+ .euiFormControlLayout--group .euiFormLabel + *:not(.euiFormControlLayout__childrenWrapper):not(input),
+ .euiFormControlLayout--group .euiText + *:not(.euiFormControlLayout__childrenWrapper):not(input) {
+ margin-left: -12px; }
+ .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-right: none;
+ border-left: none; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed {
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ border-radius: 3px;
+ overflow: hidden; }
+ @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) {
+ margin-left: -8px; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed > *:not(.euiFormControlLayout__childrenWrapper) + .euiFormLabel,
+ .euiFormControlLayout--group.euiFormControlLayout--compressed > *:not(.euiFormControlLayout__childrenWrapper) + .euiText {
+ margin-left: -8px; }
+ .euiFormControlLayout--group.euiFormControlLayout--readOnly {
+ cursor: default;
+ background: #e9edf3;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px #e9edf3; }
+ .euiFormControlLayout--group.euiFormControlLayout--readOnly input {
+ background-color: #FFF; }
+
+.euiFormControlLayoutDelimited {
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ padding: 1px;
+ /* 1 */ }
+ @supports (-moz-appearance: none) {
+ .euiFormControlLayoutDelimited {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFormControlLayoutDelimited .euiFormControlLayoutDelimited__delimeter {
+ background-color: #fbfcfd; }
+ .euiFormControlLayoutDelimited > .euiFormControlLayout__childrenWrapper {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ width: 100%; }
+ .euiFormControlLayoutDelimited[class*='--compressed'] {
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ border-radius: 3px; }
+ @supports (-moz-appearance: none) {
+ .euiFormControlLayoutDelimited[class*='--compressed'] {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiFormControlLayoutDelimited[class*='--compressed'] .euiFormControlLayoutDelimited__input {
+ height: 100%;
+ padding-top: 0;
+ padding-bottom: 0;
+ 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 {
+ width: 100%;
+ max-width: none; }
+ .euiFormControlLayoutDelimited[class*='-isDisabled'] {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFormControlLayoutDelimited[class*='-isDisabled']::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFormControlLayoutDelimited[class*='-isDisabled']::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFormControlLayoutDelimited[class*='-isDisabled']::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiFormControlLayoutDelimited[class*='-isDisabled'] .euiFormControlLayoutDelimited__delimeter {
+ background-color: #eef2f7; }
+ .euiFormControlLayoutDelimited[class*='--readOnly'] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiFormControlLayoutDelimited[class*='--readOnly'] input,
+ .euiFormControlLayoutDelimited[class*='--readOnly'] .euiFormControlLayoutDelimited__delimeter {
+ background-color: #FFF; }
+ .euiFormControlLayoutDelimited .euiFormControlLayoutIcons {
+ position: static;
+ padding-left: 12px;
+ padding-right: 12px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiFormControlLayoutDelimited .euiFormControlLayoutIcons:not(.euiFormControlLayoutIcons--right) {
+ -webkit-order: -1;
+ order: -1; }
+
+.euiFormControlLayoutDelimited__input {
+ box-shadow: none !important;
+ border-radius: 0 !important;
+ text-align: center;
+ height: 100%;
+ min-width: 0; }
+ .euiFormControlLayoutDelimited[class*='--compressed'] .euiFormControlLayoutDelimited__input {
+ max-width: none; }
+
+.euiFormControlLayoutDelimited__delimeter {
+ line-height: 1 !important;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ padding-left: 6px;
+ padding-right: 6px; }
+
+.euiFormControlLayoutIcons {
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 12px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .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 {
+ cursor: not-allowed;
+ color: #98A2B3; }
+
+.euiFormControlLayoutClearButton {
+ width: 16px;
+ height: 16px;
+ pointer-events: all;
+ background-color: #98A2B3;
+ border-radius: 16px;
+ line-height: 0; }
+ .euiFormControlLayoutClearButton:focus {
+ outline: 2px solid currentColor; }
+ .euiFormControlLayoutClearButton:focus:focus-visible {
+ outline-style: auto; }
+ .euiFormControlLayoutClearButton:focus:not(:focus-visible) {
+ outline: none; }
+ .euiFormControlLayoutClearButton .euiFormControlLayoutClearButton__icon {
+ width: 8px;
+ height: 8px;
+ fill: #FFF;
+ stroke: #FFF;
+ stroke-width: 2px; }
+
+.euiFormControlLayoutClearButton--small {
+ width: 12px;
+ height: 12px;
+ pointer-events: all;
+ background-color: #98A2B3;
+ border-radius: 12px;
+ line-height: 0; }
+ .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 {
+ width: 6px;
+ height: 6px;
+ fill: #FFF;
+ stroke: #FFF;
+ stroke-width: 4px; }
+
+.euiFormControlLayoutCustomIcon {
+ pointer-events: none;
+ font-size: 0; }
+
+.euiFormControlLayoutCustomIcon--clickable {
+ width: 16px;
+ height: 16px;
+ pointer-events: all; }
+ .euiFormControlLayoutCustomIcon--clickable .euiFormControlLayoutCustomIcon__icon {
+ vertical-align: baseline;
+ -webkit-transform: none;
+ transform: none; }
+ .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 {
+ cursor: not-allowed;
+ color: #98A2B3; }
+
+.euiFormErrorText {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding-top: 4px;
+ color: #BD271E; }
+
+.euiFormLegend {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-weight: 600; }
+ .euiFormLegend:not(.euiFormLegend-isHidden) {
+ margin-bottom: 8px; }
+ .euiFormLegend:not(.euiFormLegend-isHidden).euiFormLegend--compressed {
+ margin-bottom: 4px; }
+
+.euiFormHelpText {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding-top: 4px;
+ color: #69707D; }
+
+/**
+ * 1. Focused state overrides invalid state.
+ * 2. Disabled state overrides pointer.
+ */
+.euiFormLabel {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-weight: 600;
+ display: inline-block;
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .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: -webkit-flex;
+ display: flex;
+ /* 1 */
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ /* 1 */
+ max-width: 400px; }
+ .euiFormRow + .euiFormRow,
+ .euiFormRow + .euiButton {
+ margin-top: 16px; }
+
+.euiFormRow--fullWidth {
+ max-width: 100%; }
+
+.euiFormRow--hasEmptyLabelSpace {
+ margin-top: 22px;
+ /* 2 */
+ min-height: 40px;
+ padding-bottom: 0;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.euiFormRow__labelWrapper {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ margin-bottom: 4px; }
+
+.euiFormRow--horizontal {
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+ .euiFormRow--horizontal .euiFormRow__label {
+ -webkit-hyphens: auto;
+ hyphens: auto;
+ max-width: 100%; }
+ .euiFormRow--horizontal .euiFormRow__labelWrapper {
+ display: block;
+ line-height: 31px;
+ width: calc(33% - 8px);
+ margin-right: 8px;
+ margin-bottom: 0; }
+ .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;
+ width: auto;
+ min-width: calc(33% - 8px); }
+ .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 {
+ min-height: 40px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiFormRow--compressed.euiFormRow--hasEmptyLabelSpace {
+ min-height: 32px; }
+
+.euiFormRow--compressed .euiFormRow__fieldWrapperDisplayOnly {
+ 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 {
+ width: 16px;
+ height: 16px;
+ top: 3px;
+ cursor: pointer;
+ position: absolute;
+ /* 1 */
+ opacity: 0;
+ /* 1 */
+ z-index: 1;
+ /* 1 */ }
+ .euiRadio .euiRadio__input ~ .euiRadio__label {
+ display: inline-block;
+ padding-left: 24px;
+ line-height: 24px;
+ font-size: 14px;
+ position: relative;
+ z-index: 2;
+ cursor: pointer; }
+ .euiRadio .euiRadio__input + .euiRadio__circle {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ display: inline-block;
+ position: absolute;
+ left: 0;
+ top: 3px; }
+ .euiRadio .euiRadio__input:checked + .euiRadio__circle {
+ border-color: #07C;
+ background-color: #07C;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%28255, 255, 255%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E"); }
+ .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 {
+ border-color: #D3DAE6;
+ background-color: #D3DAE6;
+ box-shadow: none; }
+ .euiRadio .euiRadio__input:checked[disabled] + .euiRadio__circle {
+ border-color: #D3DAE6;
+ background-color: #D3DAE6;
+ box-shadow: none;
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Ccircle cx='8' cy='11' r='3' fill='rgb%2894, 100, 111%29' fill-rule='evenodd' transform='translate(-5 -8)'/%3E%3C/svg%3E"); }
+ .euiRadio .euiRadio__input:focus + .euiRadio__circle {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ border-color: #07C; }
+ .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__input,
+ .euiRadio.euiRadio--inList .euiRadio__circle, .euiRadio.euiRadio--noLabel .euiRadio__input,
+ .euiRadio.euiRadio--noLabel .euiRadio__circle {
+ 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; }
+
+.euiRange__horizontalSpacer {
+ width: 16px; }
+
+.euiRange__slimHorizontalSpacer {
+ width: 8px; }
+
+.euiRangeDraggable {
+ height: 20px;
+ position: absolute;
+ top: 10px;
+ pointer-events: none;
+ z-index: 2; }
+ .euiRangeDraggable.euiRangeDraggable--compressed {
+ height: 16px;
+ top: 8px; }
+ .euiRangeDraggable.euiRangeDraggable--hasTicks {
+ top: 0; }
+ .euiRangeDraggable .euiRangeDraggle__inner {
+ position: absolute;
+ left: 16px;
+ right: 16px;
+ top: 0;
+ bottom: 0; }
+ .euiRangeDraggable:not(.euiRangeDraggable--disabled) .euiRangeDraggle__inner {
+ cursor: -webkit-grab;
+ cursor: grab;
+ pointer-events: all; }
+ .euiRangeDraggable:not(.euiRangeDraggable--disabled) .euiRangeDraggle__inner:active {
+ cursor: -webkit-grabbing;
+ cursor: grabbing; }
+
+.euiRangeHighlight {
+ position: absolute;
+ left: 0;
+ width: 100%;
+ top: calc(50% - 3px);
+ overflow: hidden; }
+ .euiRangeHighlight__progress {
+ height: 6px;
+ border-radius: 6px;
+ background-color: #D3DAE6; }
+ .euiRangeHighlight__progress--hasFocus {
+ background-color: #07C; }
+ .euiRangeHighlight--hasTicks {
+ top: 7px; }
+ .euiRangeHighlight--hasTicks.euiRangeHighlight--compressed {
+ top: 5px; }
+
+.euiRangeInput {
+ width: auto;
+ min-width: 64px; }
+ .euiRange__popover .euiRangeInput {
+ margin: 0 !important;
+ width: 100%; }
+
+.euiRangeLabel--min, .euiRangeLabel--max {
+ font-size: 12px; }
+
+.euiRangeLabel--min {
+ margin-right: 8px; }
+
+.euiRangeLabel--max {
+ margin-left: 8px; }
+
+.euiRangeLabel--isDisabled {
+ opacity: 0.25; }
+
+.euiRangeLevels {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: stretch;
+ justify-content: stretch;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 22px; }
+ .euiRangeLevels--hasTicks {
+ top: 12px; }
+ .euiRangeLevels--compressed {
+ top: 18px; }
+ .euiRangeLevels--compressed.euiRangeLevels--hasTicks {
+ top: 10px; }
+
+.euiRangeLevel {
+ display: block;
+ position: absolute;
+ height: 6px;
+ border-radius: 6px;
+ margin: 2px; }
+
+.euiRangeLevel--primary {
+ background-color: rgba(0, 119, 204, 0.3); }
+
+.euiRangeLevel--success {
+ background-color: rgba(0, 191, 179, 0.3); }
+
+.euiRangeLevel--warning {
+ background-color: rgba(254, 197, 20, 0.3); }
+
+.euiRangeLevel--danger {
+ background-color: rgba(189, 39, 30, 0.3); }
+
+/*
+ * Input Range Customization by browser
+ */
+.euiRangeSlider {
+ height: 40px;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ background: transparent;
+ width: 100%;
+ position: relative;
+ cursor: pointer;
+ z-index: 1; }
+ .euiRangeSlider:disabled {
+ cursor: not-allowed; }
+ .euiRangeSlider:disabled::-webkit-slider-thumb {
+ cursor: not-allowed;
+ border-color: #FFF;
+ background-color: #FFF;
+ box-shadow: none; }
+ .euiRangeSlider:disabled::-moz-range-thumb {
+ cursor: not-allowed;
+ border-color: #FFF;
+ background-color: #FFF;
+ box-shadow: none; }
+ .euiRangeSlider:disabled::-ms-thumb {
+ cursor: not-allowed;
+ border-color: #FFF;
+ background-color: #FFF;
+ box-shadow: none; }
+ .euiRangeSlider:disabled ~ .euiRangeThumb {
+ cursor: not-allowed;
+ border-color: #FFF;
+ background-color: #FFF;
+ box-shadow: none; }
+ .euiRangeSlider::-webkit-slider-thumb {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ cursor: pointer;
+ background-color: #69707D;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiRangeSlider::-moz-range-thumb {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ -moz-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ cursor: pointer;
+ background-color: #69707D;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiRangeSlider::-ms-thumb {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ -ms-transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ cursor: pointer;
+ background-color: #69707D;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box; }
+ .euiRangeSlider::-webkit-slider-runnable-track {
+ height: 6px;
+ width: 100%;
+ background: #D3DAE6;
+ border: 0 solid #69707D;
+ border-radius: 4px; }
+ .euiRangeSlider::-moz-range-track {
+ height: 6px;
+ width: 100%;
+ background: #D3DAE6;
+ border: 0 solid #69707D;
+ border-radius: 4px; }
+ .euiRangeSlider::-ms-fill-lower {
+ height: 6px;
+ width: 100%;
+ background: #D3DAE6;
+ border: 0 solid #69707D;
+ border-radius: 4px; }
+ .euiRangeSlider::-ms-fill-upper {
+ height: 6px;
+ width: 100%;
+ background: #D3DAE6;
+ border: 0 solid #69707D;
+ border-radius: 4px; }
+ .euiRangeSlider:focus {
+ outline: none; }
+ .euiRangeSlider:focus-visible::-webkit-slider-thumb, .euiRangeSlider--hasFocus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 2px #003c56; }
+ .euiRangeSlider:focus-visible::-moz-range-thumb, .euiRangeSlider--hasFocus::-moz-range-thumb {
+ box-shadow: 0 0 0 2px #003c56; }
+ .euiRangeSlider:focus-visible::-ms-thumb, .euiRangeSlider--hasFocus::-ms-thumb {
+ box-shadow: 0 0 0 2px #003c56; }
+ .euiRangeSlider:focus-visible ~ .euiRangeThumb, .euiRangeSlider--hasFocus ~ .euiRangeThumb {
+ border-color: #FFF; }
+ .euiRangeSlider:focus-visible::-webkit-slider-runnable-track, .euiRangeSlider--hasFocus::-webkit-slider-runnable-track {
+ background-color: #07C;
+ border-color: #07C; }
+ .euiRangeSlider:focus-visible::-moz-range-track, .euiRangeSlider--hasFocus::-moz-range-track {
+ background-color: #07C;
+ border-color: #07C; }
+ .euiRangeSlider:focus-visible::-ms-fill-lower, .euiRangeSlider--hasFocus::-ms-fill-lower {
+ background-color: #07C;
+ border-color: #07C; }
+ .euiRangeSlider:focus-visible::-ms-fill-upper, .euiRangeSlider--hasFocus::-ms-fill-upper {
+ background-color: #07C;
+ border-color: #07C; }
+ .euiRangeSlider:focus-visible ~ .euiRangeHighlight .euiRangeHighlight__progress, .euiRangeSlider--hasFocus ~ .euiRangeHighlight .euiRangeHighlight__progress {
+ background-color: #07C; }
+ .euiRangeSlider:focus-visible ~ .euiRangeTooltip .euiRangeTooltip__value, .euiRangeSlider--hasFocus ~ .euiRangeTooltip .euiRangeTooltip__value {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiRangeSlider:focus-visible ~ .euiRangeTooltip .euiRangeTooltip__value.euiRangeTooltip__value--right, .euiRangeSlider:focus-visible ~ .euiRangeTooltip .euiRangeTooltip__value.euiRangeTooltip__value--left, .euiRangeSlider--hasFocus ~ .euiRangeTooltip .euiRangeTooltip__value.euiRangeTooltip__value--right, .euiRangeSlider--hasFocus ~ .euiRangeTooltip .euiRangeTooltip__value.euiRangeTooltip__value--left {
+ -webkit-transform: translateX(0) translateY(-50%) scale(1.1);
+ transform: translateX(0) translateY(-50%) scale(1.1); }
+ .euiRangeSlider::-webkit-slider-thumb {
+ -webkit-appearance: none;
+ margin-top: -5px; }
+ .euiRangeSlider::-ms-thumb {
+ margin-top: 0; }
+ .euiRangeSlider::-moz-focus-outer {
+ border: none; }
+ .euiRangeSlider::-ms-track {
+ height: 6px;
+ width: 100%;
+ background: transparent;
+ border-color: transparent;
+ border-width: 8px 0;
+ color: transparent; }
+ .euiRangeSlider--hasTicks {
+ height: 20px; }
+ .euiRangeSlider--compressed {
+ height: 32px; }
+ .euiRangeSlider--compressed.euiRangeSlider--hasTicks {
+ height: 16px; }
+
+.euiRangeSlider--hasRange::-webkit-slider-runnable-track {
+ background-color: rgba(211, 218, 230, 0.4);
+ border-color: rgba(105, 112, 125, 0.4); }
+
+.euiRangeSlider--hasRange::-moz-range-track {
+ background-color: rgba(211, 218, 230, 0.4);
+ border-color: rgba(105, 112, 125, 0.4); }
+
+.euiRangeSlider--hasRange::-ms-fill-lower {
+ background-color: rgba(211, 218, 230, 0.4);
+ border-color: rgba(105, 112, 125, 0.4); }
+
+.euiRangeSlider--hasRange::-ms-fill-upper {
+ background-color: rgba(211, 218, 230, 0.4);
+ border-color: rgba(105, 112, 125, 0.4); }
+
+.euiRangeThumb {
+ padding: 7px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 14px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ cursor: pointer;
+ background-color: #69707D;
+ padding: 0;
+ height: 16px;
+ width: 16px;
+ box-sizing: border-box;
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 50%;
+ margin-top: -8px;
+ pointer-events: none;
+ z-index: 1; }
+ .euiRangeThumb:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ border-color: #07C; }
+ .euiRangeThumb:focus:focus-visible {
+ outline-style: auto; }
+ .euiRangeThumb:focus:not(:focus-visible) {
+ outline: none; }
+ .euiRangeThumb--hasTicks {
+ top: 25%; }
+
+.euiRangeTicks {
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 8px;
+ display: -webkit-flex;
+ display: flex; }
+ .euiRangeTicks--isCustom {
+ left: 2px;
+ right: 2px; }
+
+.euiRangeTick {
+ overflow-x: hidden;
+ overflow-y: hidden;
+ text-overflow: ellipsis;
+ font-size: 12px;
+ position: absolute;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ padding-top: 16px; }
+ .euiRangeTick:not(.euiRangeTick--hasTickMark)::before {
+ width: 4px;
+ height: 4px;
+ background-color: #69707D;
+ border-radius: 100%;
+ position: absolute;
+ top: 0;
+ content: '';
+ left: calc(50% - 2px); }
+ .euiRangeTick .euiRangeTick__pseudo {
+ width: 4px;
+ height: 4px;
+ background-color: #69707D;
+ border-radius: 100%;
+ position: absolute;
+ top: 0; }
+ .euiRangeTick--isCustom {
+ overflow-x: visible; }
+ .euiRangeTick--isMin, .euiRangeTick--isMax {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); }
+ .euiRangeTick--isMin .euiRangeTick__pseudo {
+ left: 0; }
+ .euiRangeTick--isMax .euiRangeTick__pseudo {
+ right: 0; }
+ .euiRangeTick:enabled:hover, .euiRangeTick:focus, .euiRangeTick--selected {
+ color: #07C; }
+ .euiRangeTick--selected {
+ font-weight: 500; }
+ .euiRangeTick:disabled {
+ cursor: not-allowed; }
+
+.euiRangeTicks--compressed {
+ top: 6px; }
+ .euiRangeTicks--compressed .euiRangeTick {
+ padding-top: 14px; }
+
+.euiRangeTick__label {
+ pointer-events: none; }
+
+.euiRangeTooltip {
+ display: block;
+ position: absolute;
+ left: 0;
+ top: 0;
+ bottom: 0;
+ width: calc(100% - 16px);
+ margin-left: 8px;
+ pointer-events: none;
+ z-index: 2; }
+
+.euiRangeTooltip__value {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ border: 1px solid #404040;
+ position: absolute;
+ border-radius: 6px;
+ padding: 2px 8px;
+ background-color: #404040;
+ color: #FFF;
+ max-width: 256px;
+ top: 50%;
+ transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiRangeTooltip__value::after, .euiRangeTooltip__value::before {
+ content: '';
+ position: absolute;
+ bottom: -6px;
+ left: 50%;
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ background-color: #404040;
+ width: 12px;
+ height: 12px;
+ border-radius: 2px; }
+ .euiRangeTooltip__value::before {
+ background-color: #404040; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right {
+ margin-left: 24px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right:before, .euiRangeTooltip__value.euiRangeTooltip__value--right:after {
+ left: -5px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right::before {
+ margin-left: -1px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--left {
+ margin-right: 24px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--left:before, .euiRangeTooltip__value.euiRangeTooltip__value--left:after {
+ left: auto;
+ right: -5px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--left::before {
+ margin-right: -1px; }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right, .euiRangeTooltip__value.euiRangeTooltip__value--left {
+ -webkit-transform: translateX(0) translateY(-50%);
+ transform: translateX(0) translateY(-50%); }
+ .euiRangeTooltip__value.euiRangeTooltip__value--right:before, .euiRangeTooltip__value.euiRangeTooltip__value--right:after, .euiRangeTooltip__value.euiRangeTooltip__value--left:before, .euiRangeTooltip__value.euiRangeTooltip__value--left:after {
+ bottom: 50%;
+ -webkit-transform: translateY(50%) rotateZ(45deg);
+ transform: translateY(50%) rotateZ(45deg); }
+ .euiRangeTooltip__value--hasTicks {
+ top: 10px; }
+ .euiRangeTooltip--compressed .euiRangeTooltip__value--hasTicks {
+ top: 8px; }
+
+.euiRangeTrack {
+ height: 100%;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ position: relative;
+ -webkit-align-self: flex-start;
+ align-self: flex-start; }
+ .euiRangeTrack--hasTicks {
+ margin-left: 1em;
+ margin-right: 1em; }
+ .euiRangeTrack--disabled {
+ opacity: 0.25; }
+
+/*
+ * 1. There's no way to target the layout of the extra input, so we must
+ * use the descendant selector to allow the width to shrink.
+ *
+ * 2. Prevent the prepend/append label from extending outside the parent element
+ */
+.euiRangeWrapper {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiRangeWrapper--fullWidth {
+ max-width: 100%; }
+ .euiRangeWrapper--compressed {
+ height: 32px; }
+ .euiRangeWrapper--inGroup {
+ height: 100%; }
+ .euiRangeWrapper > .euiFormControlLayout {
+ /* 1 */
+ width: auto; }
+ .euiRangeWrapper > .euiFormControlLayout.euiFormControlLayout--group {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ /* 2 */ }
+
+.euiDualRange__slider::-webkit-slider-thumb {
+ visibility: hidden; }
+
+.euiDualRange__slider::-moz-range-thumb {
+ visibility: hidden; }
+
+.euiDualRange__slider::-ms-thumb {
+ visibility: hidden; }
+
+/**
+ * 1. Leave room for caret.
+ * 2. Ensure the descenders don't get cut off
+ */
+.euiSelect {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ padding-right: 40px;
+ /* 1 */
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ line-height: 40px;
+ /* 2 */
+ padding-top: 0;
+ /* 2 */
+ padding-bottom: 0;
+ /* 2 */ }
+ .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; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiSelect {
+ line-height: 1em; } }
+ .euiSelect::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSelect::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSelect::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSelect:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSelect:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSelect:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSelect:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSelect:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSelect:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSelect[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .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%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiSelect--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiSelect--compressed:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSelect--compressed:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSelect--compressed:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSelect--compressed:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSelect--compressed:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSelect--compressed:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSelect--compressed[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSelect--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiSelect-isLoading {
+ padding-right: 62px; }
+ .euiSelect-isLoading.euiSelect--compressed {
+ padding-right: 54px; }
+ .euiSelect--compressed {
+ padding-right: 32px;
+ /* 1 */
+ line-height: 32px;
+ /* 2 */
+ padding-top: 0;
+ /* 2 */
+ padding-bottom: 0;
+ /* 2 */ }
+ .euiSelect--inGroup {
+ line-height: 38px;
+ /* 2 */ }
+ .euiSelect--inGroup.euiSelect--compressed {
+ line-height: 30px;
+ /* 2 */ }
+ .euiSelect::-ms-expand {
+ display: none; }
+ .euiSelect:focus::-ms-value {
+ color: #343741;
+ background: transparent; }
+ .euiSelect:-moz-focusring {
+ color: transparent;
+ text-shadow: 0 0 0 #343741; }
+
+.euiSuperSelect__listbox {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ max-height: 300px;
+ overflow: hidden;
+ overflow-y: auto; }
+ .euiSuperSelect__listbox::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiSuperSelect__listbox::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiSuperSelect__listbox::-webkit-scrollbar-corner, .euiSuperSelect__listbox::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiSuperSelect__item {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 8px; }
+ .euiSuperSelect__item:hover {
+ cursor: pointer;
+ text-decoration: underline; }
+ .euiSuperSelect__item:focus {
+ cursor: pointer;
+ text-decoration: underline;
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiSuperSelect__item:disabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #ABB4C4; }
+
+.euiSuperSelect__item--hasDividers:not(:last-of-type) {
+ border-bottom: 1px solid #D3DAE6; }
+
+/**
+ * 1. Leave room for caret.
+ * 2. Ensure the descenders don't get cut off
+ * 3. Makes sure the height is correct when there's no selection
+ */
+.euiSuperSelectControl {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ padding-right: 40px;
+ /* 1 */
+ display: block;
+ /* 3 */
+ text-align: left;
+ line-height: 40px;
+ /* 2 */
+ padding-top: 0;
+ /* 2 */
+ padding-bottom: 0;
+ /* 2 */
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap; }
+ .euiSuperSelectControl--fullWidth {
+ max-width: 100%; }
+ .euiSuperSelectControl--compressed {
+ height: 32px; }
+ .euiSuperSelectControl--inGroup {
+ height: 100%; }
+ @supports (-moz-appearance: none) {
+ .euiSuperSelectControl {
+ transition-property: box-shadow, background-image, background-size; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiSuperSelectControl {
+ line-height: 1em; } }
+ .euiSuperSelectControl::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSuperSelectControl::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSuperSelectControl::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiSuperSelectControl:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSuperSelectControl:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSuperSelectControl:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSuperSelectControl:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSuperSelectControl:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSuperSelectControl:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSuperSelectControl[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .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%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiSuperSelectControl--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiSuperSelectControl--compressed:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSuperSelectControl--compressed:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSuperSelectControl--compressed:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSuperSelectControl--compressed:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSuperSelectControl--compressed:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSuperSelectControl--compressed:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiSuperSelectControl--compressed[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiSuperSelectControl--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiSuperSelectControl-isLoading {
+ padding-right: 62px; }
+ .euiSuperSelectControl-isLoading.euiSuperSelectControl--compressed {
+ padding-right: 54px; }
+ .euiSuperSelectControl-isInvalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiSuperSelectControl--compressed {
+ padding-right: 32px;
+ /* 1 */
+ line-height: 32px;
+ /* 2 */
+ padding-top: 0;
+ /* 2 */
+ padding-bottom: 0;
+ /* 2 */ }
+ .euiSuperSelectControl.euiSuperSelect--isOpen__button {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+
+.euiSwitch {
+ position: relative;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ min-height: 20px; }
+ .euiSwitch .euiSwitch__label {
+ cursor: pointer;
+ padding-left: 8px;
+ line-height: 20px;
+ font-size: 14px;
+ vertical-align: middle;
+ display: inline-block; }
+ .euiSwitch .euiSwitch__button {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ line-height: 0; }
+ .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ border-color: #07C; }
+ .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: rgba(152, 162, 179, 0.2); }
+ .euiSwitch .euiSwitch__button:disabled .euiSwitch__thumb {
+ border-color: #D3DAE6;
+ background-color: #D3DAE6;
+ box-shadow: none;
+ background-color: rgba(152, 162, 179, 0.2); }
+ .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: rgba(152, 162, 179, 0.2); }
+ .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 {
+ right: auto;
+ left: -34px; }
+ .euiSwitch .euiSwitch__body {
+ pointer-events: none;
+ width: 44px;
+ height: 20px;
+ background-color: #07C;
+ display: inline-block;
+ position: relative;
+ border-radius: 20px;
+ vertical-align: middle; }
+ .euiSwitch .euiSwitch__thumb {
+ padding: 9px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 18px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ position: absolute;
+ display: inline-block;
+ left: 24px;
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiSwitch .euiSwitch__track {
+ position: absolute;
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ overflow: hidden;
+ border-radius: 20px; }
+ .euiSwitch .euiSwitch__icon {
+ position: absolute;
+ right: -34px;
+ top: 2px;
+ bottom: 0;
+ width: 42px;
+ height: 16px;
+ transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ fill: #343741; }
+ .euiSwitch .euiSwitch__icon--checked {
+ right: auto;
+ left: -8px;
+ fill: #FFF; }
+ .euiSwitch:hover .euiSwitch__button:not(:disabled) .euiSwitch__thumb {
+ -webkit-transform: scale(1.05);
+ transform: scale(1.05); }
+ .euiSwitch:hover .euiSwitch__button:active .euiSwitch__thumb {
+ -webkit-transform: scale(0.95);
+ transform: scale(0.95); }
+ .euiSwitch.euiSwitch--compressed {
+ min-height: 16px; }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__label {
+ line-height: 16px; }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__body {
+ width: 28px;
+ height: 16px;
+ border-radius: 16px; }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__thumb {
+ padding: 6px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 12px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ left: 13px;
+ top: 1px;
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiSwitch.euiSwitch--compressed .euiSwitch__track {
+ border-radius: 16px; }
+ .euiSwitch.euiSwitch--mini {
+ min-height: 10px; }
+ .euiSwitch.euiSwitch--mini .euiSwitch__label {
+ line-height: 10px;
+ font-size: 12px; }
+ .euiSwitch.euiSwitch--mini .euiSwitch__body {
+ width: 22px;
+ height: 10px;
+ border-radius: 10px; }
+ .euiSwitch.euiSwitch--mini .euiSwitch__thumb {
+ padding: 3px;
+ border: 1px solid #c9cbcd;
+ background: #FFF no-repeat center;
+ border-radius: 6px;
+ transition: background-color 150ms ease-in, border-color 150ms ease-in;
+ left: 13px;
+ top: 1px;
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: border-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), background-color 250ms cubic-bezier(0.34, 1.61, 0.7, 1), left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.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 {
+ max-width: 400px;
+ width: 100%;
+ height: 40px;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ box-shadow: 0 0 transparent, inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ border: none;
+ border-radius: 6px;
+ padding: 12px;
+ line-height: 1.5; }
+ .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; } }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiTextArea {
+ line-height: 1em; } }
+ .euiTextArea::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiTextArea::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiTextArea::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiTextArea:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiTextArea:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiTextArea:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiTextArea:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiTextArea:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiTextArea:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiTextArea[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .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%;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1);
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in;
+ padding: 8px;
+ border-radius: 4px; }
+ @supports (-moz-appearance: none) {
+ .euiTextArea--compressed {
+ transition-property: box-shadow, background-image, background-size; } }
+ .euiTextArea--compressed:invalid {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
+ background-size: 100%; }
+ .euiTextArea--compressed:focus {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%;
+ outline: none;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiTextArea--compressed:disabled {
+ color: #98A2B3;
+ -webkit-text-fill-color: #98A2B3;
+ cursor: not-allowed;
+ background: #eef2f7;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiTextArea--compressed:disabled::-webkit-input-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiTextArea--compressed:disabled::-moz-placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiTextArea--compressed:disabled::placeholder {
+ color: #98A2B3;
+ opacity: 1; }
+ .euiTextArea--compressed[readOnly] {
+ cursor: default;
+ background: #FFF;
+ border-color: transparent;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+ .euiTextArea--inGroup {
+ box-shadow: none !important;
+ border-radius: 0; }
+ .euiTextArea, .euiTextArea--compressed {
+ height: auto; }
+
+.euiTextArea--resizeVertical {
+ resize: vertical; }
+
+.euiTextArea--resizeHorizontal {
+ resize: horizontal; }
+
+.euiTextArea--resizeBoth {
+ resize: both; }
+
+.euiTextArea--resizeNone {
+ resize: none; }
+
+.euiHeader {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
+ height: 49px;
+ position: relative;
+ z-index: 999;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ background: #FFF;
+ border-bottom: 1px solid #cdd3df; }
+ .euiHeader--fixed {
+ z-index: 1000;
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0; }
+
+.euiHeader--fixed + .euiHeader--fixed {
+ top: 48px; }
+
+.euiHeader--dark {
+ background-color: #25282f;
+ border-bottom-color: #25282f; }
+ .euiHeader--dark .euiHeaderLogo__text,
+ .euiHeader--dark .euiHeaderLink,
+ .euiHeader--dark .euiHeaderSectionItemButton {
+ color: #FFF; }
+ .euiHeader--dark .euiHeaderLink-isActive {
+ color: #3a96d7; }
+ .euiHeader--dark .euiHeaderSectionItem:after {
+ background: #69707D; }
+ .euiHeader--dark .euiHeaderLogo:focus,
+ .euiHeader--dark .euiHeaderLink: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: -webkit-flex;
+ display: flex; }
+
+.euiHeaderLinks__list {
+ white-space: nowrap;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiHeaderLinks__list--gutterXS > * {
+ margin: 0 4px; }
+
+.euiHeaderLinks__list--gutterS > * {
+ margin: 0 8px; }
+
+.euiHeaderLinks__list--gutterM > * {
+ margin: 0 12px; }
+
+.euiHeaderLinks__list--gutterL > * {
+ margin: 0 24px; }
+
+.euiHeaderLinks__mobileList .euiHeaderLink {
+ display: block;
+ width: 100%;
+ padding: 8px; }
+ .euiHeaderLinks__mobileList .euiHeaderLink > span {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; }
+
+.euiHeaderLogo {
+ text-align: left;
+ font-weight: 500;
+ position: relative;
+ height: 40px;
+ line-height: 40px;
+ min-width: 41px;
+ padding: 0 13px 0 12px;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: center;
+ align-items: center;
+ vertical-align: middle;
+ white-space: nowrap; }
+ .euiHeaderLogo:hover {
+ text-decoration: underline; }
+ .euiHeaderLogo:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ text-decoration: underline;
+ 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 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem;
+ font-weight: 700;
+ padding-left: 16px;
+ font-weight: 300; }
+
+@media only screen and (max-width: 574px) {
+ .euiHeaderLogo {
+ padding: 0 12px; }
+ .euiHeaderLogo__icon.euiIcon--xLarge {
+ width: 24px;
+ height: 24px; }
+ .euiHeaderLogo__text {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 400; } }
+
+.euiHeaderAlert {
+ min-width: 300px;
+ position: relative;
+ margin-bottom: 24px;
+ padding: 0 8px 24px;
+ border-bottom: 1px solid #D3DAE6;
+ border-top: none; }
+ .euiHeaderAlert .euiHeaderAlert__dismiss {
+ opacity: 0;
+ position: absolute;
+ right: 12px;
+ top: 12px;
+ transition: opacity 250ms ease-in; }
+ .euiHeaderAlert:hover .euiHeaderAlert__dismiss,
+ .euiHeaderAlert .euiHeaderAlert__dismiss:focus {
+ opacity: 1; }
+ .euiHeaderAlert .euiHeaderAlert__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ margin-bottom: 8px; }
+ .euiHeaderAlert .euiHeaderAlert__text {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ margin-bottom: 16px; }
+ .euiHeaderAlert .euiHeaderAlert__action {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiHeaderAlert .euiHeaderAlert__date {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ color: #69707D; }
+
+.euiHeaderBreadcrumbs {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ margin-left: 12px;
+ margin-right: 12px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiHeaderSection {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiHeaderSection--grow,
+.euiHeaderSection--left {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiHeaderSection--dontGrow {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiHeaderSectionItem {
+ position: relative;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiHeaderSectionItem:after {
+ position: absolute;
+ content: '';
+ top: 16px;
+ bottom: 0;
+ background: #D3DAE6;
+ left: 0; }
+
+.euiHeaderSectionItem--borderLeft:after {
+ left: 0;
+ width: 1px; }
+
+.euiHeaderSectionItem--borderRight:after {
+ width: 1px;
+ left: auto;
+ right: 0; }
+
+@media only screen and (max-width: 574px) {
+ .euiHeaderSectionItem {
+ min-width: 30px; }
+ .euiHeaderSectionItem--borderLeft:after,
+ .euiHeaderSectionItem--borderRight:after {
+ display: none; } }
+
+.euiHeaderSectionItemButton {
+ position: relative;
+ height: 40px;
+ min-width: 40px;
+ text-align: center;
+ font-size: 0; }
+
+.euiHeaderSectionItemButton__notification {
+ position: absolute; }
+ .euiHeaderSectionItemButton__notification--dot {
+ top: 0;
+ right: 0;
+ stroke: #FFF; }
+ .euiHeaderSectionItemButton__notification--badge {
+ top: 9%;
+ right: 9%;
+ box-shadow: 0 0 0 1px #FFF; }
+
+.euiHeaderSectionItemButton__content {
+ display: inline-block; }
+
+@media only screen and (max-width: 574px) {
+ .euiHeaderSectionItemButton {
+ min-width: 30px; }
+ .euiHeaderSectionItemButton__notification.euiHeaderSectionItemButton__notification--dot {
+ width: 16px;
+ height: 16px;
+ top: 9%; } }
+
+.euiHealth {
+ display: inline-block; }
+
+.euiHealth--textSizeXS {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem; }
+
+.euiHealth--textSizeS {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiHealth--textSizeM {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem; }
+
+.euiHealth--textSizeInherit {
+ font-size: inherit; }
+
+.euiHorizontalRule {
+ border: none;
+ height: 1px;
+ background-color: #D3DAE6;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiHorizontalRule.euiHorizontalRule--full {
+ width: 100%; }
+ .euiHorizontalRule.euiHorizontalRule--half {
+ width: 50%;
+ margin-left: auto;
+ margin-right: auto; }
+ .euiHorizontalRule.euiHorizontalRule--quarter {
+ width: 25%;
+ margin-left: auto;
+ margin-right: auto; }
+
+.euiHorizontalRule--marginXSmall {
+ margin: 8px 0; }
+
+.euiHorizontalRule--marginSmall {
+ margin: 12px 0; }
+
+.euiHorizontalRule--marginMedium {
+ margin: 16px 0; }
+
+.euiHorizontalRule--marginLarge {
+ margin: 24px 0; }
+
+.euiHorizontalRule--marginXLarge {
+ margin: 32px 0; }
+
+.euiHorizontalRule--marginXXLarge {
+ margin: 40px 0; }
+
+.euiIcon {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: inline-block;
+ vertical-align: middle;
+ fill: currentColor;
+ -webkit-transform: translate(0, 0);
+ transform: translate(0, 0); }
+ .euiIcon:focus {
+ opacity: 1;
+ background: rgba(0, 119, 204, 0.1); }
+
+.euiIcon--app {
+ fill: #343741; }
+ .euiIcon--app .euiIcon__fillSecondary {
+ fill: #00a39a; }
+
+.euiIcon-isLoading {
+ opacity: 0.05;
+ background-color: currentColor;
+ border-radius: 6px; }
+
+.euiIcon-isLoaded {
+ -webkit-animation: euiIconLoading 250ms ease-in 0s 1 forwards;
+ animation: euiIconLoading 250ms ease-in 0s 1 forwards; }
+
+.euiIcon--accent {
+ color: #F04E98; }
+
+.euiIcon--danger {
+ color: #BD271E; }
+
+.euiIcon--ghost {
+ color: #FFF; }
+
+.euiIcon--primary {
+ color: #07C; }
+
+.euiIcon--success {
+ color: #00a39a; }
+
+.euiIcon--subdued {
+ color: #69707D; }
+
+.euiIcon--text {
+ color: #343741; }
+
+.euiIcon--warning {
+ color: #b28a0d; }
+
+.euiIcon--inherit {
+ color: inherit; }
+
+.euiIcon--ghost:not([data-type='logoElastic']) *[fill],
+.euiIcon--ghost:not([data-type='logoElastic']) .euiIcon__fillNegative,
+.euiIcon--text:not([data-type='logoElastic']) *[fill],
+.euiIcon--text:not([data-type='logoElastic']) .euiIcon__fillNegative {
+ fill: currentColor !important; }
+
+.euiIcon--ghost[data-type='logoElastic'] *[fill],
+.euiIcon--text[data-type='logoElastic'] *[fill] {
+ fill: none !important; }
+
+.euiIcon--ghost[data-type='logoElastic'] .outline,
+.euiIcon--text[data-type='logoElastic'] .outline {
+ fill: currentColor !important; }
+
+.euiIcon__fillNegative {
+ fill: #343741; }
+
+.euiIcon--small {
+ width: 12px;
+ height: 12px; }
+
+.euiIcon--medium {
+ width: 16px;
+ height: 16px; }
+
+.euiIcon--large {
+ width: 24px;
+ height: 24px; }
+
+.euiIcon--xLarge {
+ width: 32px;
+ height: 32px; }
+
+.euiIcon--xxLarge {
+ width: 40px;
+ height: 40px; }
+
+@-webkit-keyframes euiIconLoading {
+ 0% {
+ opacity: 0.05; }
+ 100% {
+ opacity: 1; } }
+
+@keyframes euiIconLoading {
+ 0% {
+ opacity: 0.05; }
+ 100% {
+ opacity: 1; } }
+
+/**
+ * 1. Fix for IE where the image correctly resizes in width but doesn't collapse its height
+ (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
+ */
+.euiImage {
+ display: inline-block;
+ max-width: 100%;
+ position: relative;
+ min-height: 1px;
+ /* 1 */
+ line-height: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiImage .euiImage__img {
+ margin-bottom: 0;
+ max-width: 100%; }
+ .euiImage.euiImage--hasShadow .euiImage__img {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiImage .euiImage__button {
+ position: relative;
+ cursor: pointer;
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiImage .euiImage__button:focus {
+ outline: 2px solid #003c56; }
+ .euiImage .euiImage__button:hover .euiImage__icon {
+ visibility: visible;
+ fill-opacity: 1; }
+ .euiImage .euiImage__button--fullWidth {
+ width: 100%; }
+ .euiImage.euiImage--allowFullScreen:hover .euiImage__caption {
+ text-decoration: underline; }
+ .euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:hover,
+ .euiImage.euiImage--allowFullScreen:not(.euiImage--hasShadow) .euiImage__button:focus {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:hover,
+ .euiImage.euiImage--allowFullScreen.euiImage--hasShadow .euiImage__button:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05); }
+ .euiImage.euiImage--small .euiImage__img {
+ width: 8.57143rem; }
+ .euiImage.euiImage--medium .euiImage__img {
+ width: 14.28571rem; }
+ .euiImage.euiImage--large .euiImage__img {
+ width: 25.71429rem; }
+ .euiImage.euiImage--xlarge .euiImage__img {
+ width: 42.85714rem; }
+ .euiImage.euiImage--fullWidth {
+ width: 100%; }
+ .euiImage.euiImage--original .euiImage__img {
+ width: auto;
+ max-width: 100%; }
+ .euiImage.euiImage--floatLeft {
+ float: left; }
+ .euiImage.euiImage--floatLeft[class*='euiImage--margin'] {
+ margin-left: 0;
+ margin-top: 0; }
+ .euiImage.euiImage--floatRight {
+ float: right; }
+ .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
+ margin-right: 0;
+ margin-top: 0; }
+ .euiImage.euiImage--marginSmall {
+ margin: 8px; }
+ .euiImage.euiImage--marginMedium {
+ margin: 16px; }
+ .euiImage.euiImage--marginLarge {
+ margin: 24px; }
+ .euiImage.euiImage--marginXlarge {
+ margin: 32px; }
+
+.euiImage__img {
+ width: 100%;
+ vertical-align: middle; }
+
+.euiImage__caption {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ margin-top: 4px;
+ text-align: center; }
+
+.euiImage__icon {
+ visibility: hidden;
+ fill-opacity: 0;
+ position: absolute;
+ right: 16px;
+ top: 16px;
+ transition: fill-opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ cursor: pointer; }
+
+.euiImage-isFullScreen {
+ position: relative;
+ max-height: 80vh;
+ max-width: 80vw;
+ -webkit-animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1); }
+ .euiImage-isFullScreen:hover .euiImage__button {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05); }
+ .euiImage-isFullScreen:hover .euiImage__caption {
+ text-decoration: underline; }
+ .euiImage-isFullScreen__img {
+ max-height: 80vh;
+ max-width: 80vw;
+ vertical-align: middle;
+ cursor: pointer;
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+
+.euiImage-isFullScreenCloseIcon {
+ position: absolute;
+ right: 16px;
+ top: 16px;
+ pointer-events: none; }
+
+@-webkit-keyframes euiImageFullScreen {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(64px);
+ transform: translateY(64px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiImageFullScreen {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(64px);
+ transform: translateY(64px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@media only screen and (max-width: 574px) {
+ .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
+ float: none; }
+ .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
+ margin-top: inherit;
+ margin-right: inherit;
+ margin-bottom: inherit;
+ margin-left: inherit; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
+ float: none; }
+ .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
+ margin-top: inherit;
+ margin-right: inherit;
+ margin-bottom: inherit;
+ margin-left: inherit; } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .euiImage.euiImage--floatLeft, .euiImage.euiImage--floatRight {
+ float: none; }
+ .euiImage.euiImage--floatLeft[class*='euiImage--margin'], .euiImage.euiImage--floatRight[class*='euiImage--margin'] {
+ margin-top: inherit;
+ margin-right: inherit;
+ margin-bottom: inherit;
+ margin-left: inherit; } }
+
+/**
+ * 1. Default to grid of 3
+ */
+.euiKeyPadMenu {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ width: 300px;
+ max-width: 100%;
+ margin-bottom: -4px;
+ margin-right: -4px; }
+ .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 {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ /* 1 */
+ display: block;
+ padding: 4px;
+ height: 96px;
+ width: 96px;
+ border: 1px solid #D3DAE6;
+ border-color: transparent;
+ border-radius: 6px;
+ color: #343741; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiKeyPadMenuItem {
+ transition: background-color 150ms ease-in, border-color 150ms ease-in, box-shadow 150ms ease-in; } }
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within {
+ cursor: pointer;
+ text-decoration: underline;
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ border-color: #D3DAE6; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within .euiKeyPadMenuItem__icon {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
+ cursor: pointer;
+ text-decoration: underline;
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #ABB4C4; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon {
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%); }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled .euiKeyPadMenuItem__icon svg * {
+ fill: #ABB4C4; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ color: #e83765; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected {
+ border-color: #D3DAE6; }
+ .euiKeyPadMenuItem:not(:hover):not(:focus):not(:focus-within):not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput, .euiKeyPadMenuItem.euiKeyPadMenuItem-isDisabled:not(.euiKeyPadMenuItem-isSelected) .euiKeyPadMenuItem__checkableInput {
+ position: absolute;
+ top: auto;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ clip: rect(0 0 0 0);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ overflow: hidden;
+ margin: -1px; }
+
+.euiKeyPadMenuItem__inner {
+ width: 100%;
+ height: 100%;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ position: relative; }
+ .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput {
+ -webkit-transform: scale(0.75);
+ transform: scale(0.75);
+ -webkit-transform-origin: top right;
+ transform-origin: top right; }
+ .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__checkableInput,
+ .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadge {
+ position: absolute;
+ top: 4px;
+ right: 4px;
+ z-index: 3; }
+
+.euiKeyPadMenuItem__icon {
+ transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ margin-bottom: 12px;
+ -webkit-transform: translateY(2px);
+ transform: translateY(2px); }
+
+.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):hover, .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem--checkable.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within {
+ background-color: rgba(0, 119, 204, 0.1);
+ color: #003c56;
+ border-color: #003c56; }
+
+.euiLink {
+ text-align: left;
+ font-weight: 500; }
+ .euiLink:hover {
+ text-decoration: underline; }
+ .euiLink:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ text-decoration: underline;
+ text-decoration-thickness: 2px !important; }
+ .euiLink:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink[target='_blank'] {
+ position: relative; }
+ .euiLink[target='_blank'] .euiScreenReaderOnly {
+ left: 0; }
+ .euiLink .euiLink__externalIcon {
+ margin-left: 4px; }
+ .euiLink.euiLink-disabled {
+ font-weight: inherit;
+ text-decoration: none;
+ cursor: default; }
+ .euiLink.euiLink--subdued {
+ color: #69707D; }
+ .euiLink.euiLink--subdued:hover, .euiLink.euiLink--subdued:focus, .euiLink.euiLink--subdued:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--subdued:target {
+ color: #525761; }
+ .euiLink.euiLink--subdued:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--subdued:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--subdued:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--primary {
+ color: #003c56; }
+ .euiLink.euiLink--primary:hover, .euiLink.euiLink--primary:focus, .euiLink.euiLink--primary:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--primary:target {
+ color: #00538f; }
+ .euiLink.euiLink--primary:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--primary:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--primary:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--success {
+ color: #007e77; }
+ .euiLink.euiLink--success:hover, .euiLink.euiLink--success:focus, .euiLink.euiLink--success:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--success:target {
+ color: #004b47; }
+ .euiLink.euiLink--success:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--success:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--success:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--accent {
+ color: #c4407c; }
+ .euiLink.euiLink--accent:hover, .euiLink.euiLink--accent:focus, .euiLink.euiLink--accent:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--accent:target {
+ color: #a03163; }
+ .euiLink.euiLink--accent:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--accent:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--accent:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--warning {
+ color: #8a6a0a; }
+ .euiLink.euiLink--warning:hover, .euiLink.euiLink--warning:focus, .euiLink.euiLink--warning:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--warning:target {
+ color: #5a4507; }
+ .euiLink.euiLink--warning:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--warning:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--warning:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--danger {
+ color: #BD271E; }
+ .euiLink.euiLink--danger:hover, .euiLink.euiLink--danger:focus, .euiLink.euiLink--danger:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--danger:target {
+ color: #911e17; }
+ .euiLink.euiLink--danger:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--danger:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--danger:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--text {
+ color: #343741; }
+ .euiLink.euiLink--text:hover, .euiLink.euiLink--text:focus, .euiLink.euiLink--text:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--text:target {
+ color: #1d1f25; }
+ .euiLink.euiLink--text:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--text:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--text:focus:not(:focus-visible) {
+ outline: none; }
+ .euiLink.euiLink--ghost {
+ color: #FFF; }
+ .euiLink.euiLink--ghost:hover, .euiLink.euiLink--ghost:focus, .euiLink.euiLink--ghost:target {
+ text-decoration: underline; }
+ .euiLink.euiLink--ghost:target {
+ color: #e6e6e6; }
+ .euiLink.euiLink--ghost:focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px; }
+ .euiLink.euiLink--ghost:focus:focus-visible {
+ outline-style: auto; }
+ .euiLink.euiLink--ghost:focus:not(:focus-visible) {
+ outline: none; }
+
+button.euiLink {
+ -webkit-user-select: text;
+ -moz-user-select: text;
+ user-select: text; }
+
+/**
+ * The List Group component provides neatly styled lists containing plain text
+ * or links. The outer container can be bordered, with padding, or borderless
+ * with links flush to the sides.
+ */
+.euiListGroup.euiListGroup-flush {
+ padding: 0;
+ border: none; }
+
+.euiListGroup.euiListGroup-bordered {
+ border-radius: 6px;
+ border: 1px solid #D3DAE6; }
+
+.euiListGroup-maxWidthDefault {
+ max-width: 400px; }
+
+.euiListGroup--gutterSmall {
+ padding: 8px; }
+ .euiListGroup--gutterSmall .euiListGroupItem:not(:first-of-type) {
+ margin-top: 8px; }
+
+.euiListGroup--gutterMedium {
+ padding: 16px; }
+ .euiListGroup--gutterMedium .euiListGroupItem:not(:first-of-type) {
+ margin-top: 16px; }
+
+.euiListGroupItem {
+ padding: 0;
+ border-radius: 6px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ transition: background-color 150ms;
+ position: relative; }
+ .euiListGroupItem.euiListGroupItem-isActive, .euiListGroupItem.euiListGroupItem-isClickable:hover {
+ background-color: rgba(211, 218, 230, 0.25); }
+ .euiListGroupItem.euiListGroupItem-isClickable:focus-within {
+ background-color: rgba(211, 218, 230, 0.25); }
+ .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:hover {
+ background-color: rgba(255, 255, 255, 0.1); }
+ .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:focus-within {
+ background-color: rgba(255, 255, 255, 0.1); }
+ .euiListGroupItem.euiListGroupItem-isClickable:hover .euiListGroupItem__button,
+ .euiListGroupItem .euiListGroupItem__button:hover,
+ .euiListGroupItem .euiListGroupItem__button:focus {
+ text-decoration: underline; }
+ .euiListGroupItem.euiListGroupItem-isDisabled, .euiListGroupItem.euiListGroupItem-isDisabled:hover, .euiListGroupItem.euiListGroupItem-isDisabled:focus,
+ .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:hover,
+ .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:focus {
+ color: #ABB4C4;
+ cursor: not-allowed;
+ background-color: transparent;
+ text-decoration: none; }
+
+@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiListGroupItem__button:hover,
+ .euiListGroupItem__button:focus {
+ background-color: rgba(211, 218, 230, 0.25);
+ border-radius: 6px; }
+ .euiListGroupItem__button:hover .euiListGroupItem--ghost .euiListGroupItem__button:hover,
+ .euiListGroupItem__button:hover .euiListGroupItem--ghost .euiListGroupItem__button:focus,
+ .euiListGroupItem__button:focus .euiListGroupItem--ghost .euiListGroupItem__button:hover,
+ .euiListGroupItem__button:focus .euiListGroupItem--ghost .euiListGroupItem__button:focus {
+ background-color: rgba(255, 255, 255, 0.1); } }
+
+.euiListGroupItem__text,
+.euiListGroupItem__button {
+ line-height: 24px;
+ padding: 4px 8px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex: 1 0 auto;
+ flex: 1 0 auto;
+ text-align: left;
+ max-width: 100%;
+ font-weight: inherit; }
+ .euiListGroupItem-hasExtraAction .euiListGroupItem__text, .euiListGroupItem-hasExtraAction
+ .euiListGroupItem__button {
+ max-width: calc(100% - 32px); }
+ .euiListGroupItem--primary .euiListGroupItem__text:not(:disabled), .euiListGroupItem--primary
+ .euiListGroupItem__button:not(:disabled) {
+ color: #003c56; }
+ .euiListGroupItem--text .euiListGroupItem__text:not(:disabled), .euiListGroupItem--text
+ .euiListGroupItem__button:not(:disabled) {
+ color: #343741; }
+ .euiListGroupItem--subdued .euiListGroupItem__text:not(:disabled), .euiListGroupItem--subdued
+ .euiListGroupItem__button:not(:disabled) {
+ color: #69707D; }
+ .euiListGroupItem--ghost .euiListGroupItem__text:not(:disabled), .euiListGroupItem--ghost
+ .euiListGroupItem__button:not(:disabled) {
+ color: #FFF; }
+ .euiListGroupItem-isActive:not(.euiListGroupItem--ghost) .euiListGroupItem__text, .euiListGroupItem-isActive:not(.euiListGroupItem--ghost)
+ .euiListGroupItem__button {
+ color: #343741; }
+
+.euiListGroupItem__label {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis; }
+
+.euiListGroupItem__extraAction {
+ opacity: 0;
+ margin-right: 8px;
+ transition: opacity 150ms; }
+ .euiListGroupItem:not(.euiListGroupItem-isDisabled):focus .euiListGroupItem__extraAction,
+ .euiListGroupItem:not(.euiListGroupItem-isDisabled):hover .euiListGroupItem__extraAction, .euiListGroupItem__extraAction.euiListGroupItem__extraAction-alwaysShow, .euiListGroupItem__extraAction:focus {
+ opacity: 1; }
+
+.euiListGroupItem__icon {
+ margin-right: 12px;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiListGroupItem--xSmall {
+ font-size: 12px; }
+
+.euiListGroupItem--small {
+ font-size: 14px; }
+
+.euiListGroupItem--medium {
+ font-size: 14px; }
+
+.euiListGroupItem--large {
+ font-size: 22px; }
+
+.euiListGroupItem--xSmall,
+.euiListGroupItem--small {
+ font-weight: 500;
+ letter-spacing: 0; }
+
+.euiListGroupItem--xSmall .euiListGroupItem__button,
+.euiListGroupItem--xSmall .euiListGroupItem__text {
+ line-height: 16px; }
+
+.euiListGroupItem--large .euiListGroupItem__button,
+.euiListGroupItem--large .euiListGroupItem__text {
+ line-height: 32px; }
+
+.euiListGroupItem--wrapText .euiListGroupItem__button,
+.euiListGroupItem--wrapText .euiListGroupItem__text {
+ width: 100%;
+ word-break: break-word; }
+
+.euiListGroupItem--wrapText .euiListGroupItem__label {
+ white-space: inherit; }
+
+.euiListGroup-flush .euiListGroupItem {
+ border-radius: 0; }
+
+.euiListGroup-bordered .euiListGroupItem:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px; }
+
+.euiListGroup-bordered .euiListGroupItem:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.euiListGroupItem__tooltip {
+ width: 100%; }
+
+.euiPinnableListGroup__itemExtraAction svg {
+ -webkit-transform: rotate(45deg);
+ transform: rotate(45deg); }
+
+.euiPinnableListGroup__itemExtraAction-pinned:not(:hover):not(:focus) {
+ color: #8c919a; }
+
+.euiLoadingElastic {
+ position: relative;
+ display: inline-block; }
+
+.euiLoadingElastic--medium {
+ width: 16px; }
+
+.euiLoadingElastic--large {
+ width: 24px; }
+
+.euiLoadingElastic--xLarge {
+ width: 32px; }
+
+.euiLoadingElastic--xxLarge {
+ width: 40px; }
+
+.euiLoadingElastic path {
+ -webkit-animation-fill-mode: forwards;
+ animation-fill-mode: forwards;
+ -webkit-animation-direction: alternate;
+ animation-direction: alternate;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ -webkit-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-timing-function: cubic-bezier(0, 0.63, 0.49, 1);
+ animation-timing-function: cubic-bezier(0, 0.63, 0.49, 1);
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingElastic path {
+ -webkit-animation-name: euiLoadingElastic;
+ animation-name: euiLoadingElastic; } }
+
+.euiLoadingElastic path:nth-of-type(1) {
+ -webkit-animation-delay: 0s;
+ animation-delay: 0s; }
+
+.euiLoadingElastic path:nth-of-type(2) {
+ -webkit-animation-delay: .035s;
+ animation-delay: .035s; }
+
+.euiLoadingElastic path:nth-of-type(3) {
+ -webkit-animation-delay: .125s;
+ animation-delay: .125s; }
+
+.euiLoadingElastic path:nth-of-type(4) {
+ -webkit-animation-delay: .155s;
+ animation-delay: .155s; }
+
+.euiLoadingElastic path:nth-of-type(5) {
+ -webkit-animation-delay: .075s;
+ animation-delay: .075s; }
+
+.euiLoadingElastic path:nth-of-type(6) {
+ -webkit-animation-delay: .06s;
+ animation-delay: .06s; }
+
+@-webkit-keyframes euiLoadingElastic {
+ 0% {
+ -webkit-transform: scale3d(0, 0, -0.7);
+ transform: scale3d(0, 0, -0.7);
+ opacity: 0; }
+ 40% {
+ -webkit-transform: scale3d(1, 1, 2);
+ transform: scale3d(1, 1, 2);
+ opacity: 1; }
+ 50% {
+ -webkit-transform: scale3d(0.99, 0.99, 2);
+ transform: scale3d(0.99, 0.99, 2); }
+ 70% {
+ -webkit-transform: scale3d(0.96, 0.96, -2.5);
+ transform: scale3d(0.96, 0.96, -2.5); }
+ 100% {
+ -webkit-transform: scale3d(0.98, 0.98, 2);
+ transform: scale3d(0.98, 0.98, 2); } }
+
+@keyframes euiLoadingElastic {
+ 0% {
+ -webkit-transform: scale3d(0, 0, -0.7);
+ transform: scale3d(0, 0, -0.7);
+ opacity: 0; }
+ 40% {
+ -webkit-transform: scale3d(1, 1, 2);
+ transform: scale3d(1, 1, 2);
+ opacity: 1; }
+ 50% {
+ -webkit-transform: scale3d(0.99, 0.99, 2);
+ transform: scale3d(0.99, 0.99, 2); }
+ 70% {
+ -webkit-transform: scale3d(0.96, 0.96, -2.5);
+ transform: scale3d(0.96, 0.96, -2.5); }
+ 100% {
+ -webkit-transform: scale3d(0.98, 0.98, 2);
+ transform: scale3d(0.98, 0.98, 2); } }
+
+.euiLoadingChart {
+ height: 32px;
+ z-index: 500;
+ overflow: hidden;
+ display: inline-block; }
+
+/**
+ * 1. Without the animation, the bars are all the same height,
+ * so we apply transforms only if they can't animate
+ */
+.euiLoadingChart__bar {
+ height: 100%;
+ width: 8px;
+ display: inline-block;
+ margin-bottom: -16px;
+ margin-left: 2px; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingChart__bar {
+ -webkit-animation: euiLoadingChart 1s infinite;
+ animation: euiLoadingChart 1s infinite; } }
+ .euiLoadingChart__bar:nth-of-type(1) {
+ background-color: #54B399; }
+ @media screen and (prefers-reduced-motion: reduce) {
+ .euiLoadingChart__bar:nth-of-type(1) {
+ -webkit-transform: translateY(66%);
+ transform: translateY(66%);
+ /* 1 */ } }
+ .euiLoadingChart__bar:nth-of-type(2) {
+ background-color: #6092C0;
+ -webkit-animation-delay: .1s;
+ animation-delay: .1s; }
+ @media screen and (prefers-reduced-motion: reduce) {
+ .euiLoadingChart__bar:nth-of-type(2) {
+ -webkit-transform: translateY(44%);
+ transform: translateY(44%);
+ /* 1 */ } }
+ .euiLoadingChart__bar:nth-of-type(3) {
+ background-color: #D36086;
+ -webkit-animation-delay: .2s;
+ animation-delay: .2s; }
+ @media screen and (prefers-reduced-motion: reduce) {
+ .euiLoadingChart__bar:nth-of-type(3) {
+ -webkit-transform: translateY(22%);
+ transform: translateY(22%);
+ /* 1 */ } }
+ .euiLoadingChart__bar:nth-of-type(4) {
+ background-color: #9170B8;
+ -webkit-animation-delay: .3s;
+ animation-delay: .3s; }
+
+.euiLoadingChart--mono .euiLoadingChart__bar:nth-of-type(1) {
+ background-color: #D3DAE6; }
+
+.euiLoadingChart--mono .euiLoadingChart__bar:nth-of-type(2) {
+ background-color: #cbd1dd; }
+
+.euiLoadingChart--mono .euiLoadingChart__bar:nth-of-type(3) {
+ background-color: #c2c9d4; }
+
+.euiLoadingChart--mono .euiLoadingChart__bar:nth-of-type(4) {
+ background-color: #bac0ca; }
+
+.euiLoadingChart--medium {
+ height: 16px; }
+ .euiLoadingChart--medium > span {
+ width: 2px;
+ margin-left: 2px;
+ margin-bottom: 8px; }
+
+.euiLoadingChart--large {
+ height: 24px; }
+ .euiLoadingChart--large > span {
+ width: 4px;
+ margin-left: 2px;
+ margin-bottom: 12px; }
+
+.euiLoadingChart--xLarge {
+ height: 32px; }
+ .euiLoadingChart--xLarge > span {
+ width: 8px;
+ margin-left: 4px;
+ margin-bottom: 16px; }
+
+@-webkit-keyframes euiLoadingChart {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); }
+ 50% {
+ -webkit-transform: translateY(66%);
+ transform: translateY(66%); }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiLoadingChart {
+ 0% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); }
+ 50% {
+ -webkit-transform: translateY(66%);
+ transform: translateY(66%); }
+ 100% {
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+.euiLoadingContent__loader {
+ display: block;
+ width: 100%; }
+
+.euiLoadingContent__singleLine {
+ display: block;
+ width: 100%;
+ height: 16px;
+ margin-bottom: 8px;
+ border-radius: 6px;
+ overflow: hidden; }
+ .euiLoadingContent__singleLine:last-child:not(:only-child) {
+ width: 75%; }
+
+.euiLoadingContent__singleLineBackground {
+ display: block;
+ width: 220%;
+ height: 100%;
+ background: linear-gradient(137deg, #f0f2f6 45%, #f6f8fa 50%, #f0f2f6 55%); }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingContent__singleLineBackground {
+ -webkit-animation: euiLoadingContentGradientLoad 1.5s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: euiLoadingContentGradientLoad 1.5s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; } }
+
+@-webkit-keyframes euiLoadingContentGradientLoad {
+ 0% {
+ -webkit-transform: translateX(-53%);
+ transform: translateX(-53%); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+@keyframes euiLoadingContentGradientLoad {
+ 0% {
+ -webkit-transform: translateX(-53%);
+ transform: translateX(-53%); }
+ 100% {
+ -webkit-transform: translateX(0);
+ transform: translateX(0); } }
+
+.euiLoadingLogo {
+ position: relative;
+ display: inline-block; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingLogo:before, .euiLoadingLogo:after {
+ position: absolute;
+ content: '';
+ width: 90%;
+ left: 5%;
+ border-radius: 50%;
+ opacity: .2;
+ z-index: 1; }
+ .euiLoadingLogo:before {
+ box-shadow: 0 0 8px #000;
+ -webkit-animation: 1s euiLoadingKibanaPulsateAndFade cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: 1s euiLoadingKibanaPulsateAndFade cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
+ .euiLoadingLogo:after {
+ background-color: #000;
+ -webkit-animation: 1s euiLoadingKibanaPulsate cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: 1s euiLoadingKibanaPulsate cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; } }
+ .euiLoadingLogo .euiLoadingLogo__icon {
+ display: block; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingLogo .euiLoadingLogo__icon {
+ -webkit-animation: 1s euiLoadingKibanaBounceMedium cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: 1s euiLoadingKibanaBounceMedium cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; } }
+
+/**
+ * 1. Requires pixel math for animation.
+ */
+.euiLoadingLogo--medium {
+ width: 16px; }
+ .euiLoadingLogo--medium:before, .euiLoadingLogo--medium:after {
+ height: 3px;
+ /* 1 */
+ bottom: -4px; }
+ .euiLoadingLogo--medium .euiLoadingLogo__icon {
+ z-index: 999;
+ -webkit-animation-name: euiLoadingKibanaBounceMedium;
+ animation-name: euiLoadingKibanaBounceMedium; }
+
+.euiLoadingLogo--large {
+ width: 24px; }
+ .euiLoadingLogo--large:before, .euiLoadingLogo--large:after {
+ height: 6px;
+ /* 1 */
+ bottom: -8px; }
+ .euiLoadingLogo--large .euiLoadingLogo__icon {
+ -webkit-animation-name: euiLoadingKibanaBounceLarge;
+ animation-name: euiLoadingKibanaBounceLarge; }
+
+.euiLoadingLogo--xLarge {
+ width: 32px; }
+ .euiLoadingLogo--xLarge:before, .euiLoadingLogo--xLarge:after {
+ height: 8px;
+ bottom: -12px; }
+ .euiLoadingLogo--xLarge .euiLoadingLogo__icon {
+ -webkit-animation-name: euiLoadingKibanaBounceXLarge;
+ animation-name: euiLoadingKibanaBounceXLarge; }
+
+@-webkit-keyframes euiLoadingKibanaBounceMedium {
+ 50% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px); } }
+
+@keyframes euiLoadingKibanaBounceMedium {
+ 50% {
+ -webkit-transform: translateY(-8px);
+ transform: translateY(-8px); } }
+
+@-webkit-keyframes euiLoadingKibanaBounceLarge {
+ 50% {
+ -webkit-transform: translateY(-12px);
+ transform: translateY(-12px); } }
+
+@keyframes euiLoadingKibanaBounceLarge {
+ 50% {
+ -webkit-transform: translateY(-12px);
+ transform: translateY(-12px); } }
+
+@-webkit-keyframes euiLoadingKibanaBounceXLarge {
+ 50% {
+ -webkit-transform: translateY(-16px);
+ transform: translateY(-16px); } }
+
+@keyframes euiLoadingKibanaBounceXLarge {
+ 50% {
+ -webkit-transform: translateY(-16px);
+ transform: translateY(-16px); } }
+
+@-webkit-keyframes euiLoadingKibanaPulsateAndFade {
+ 0% {
+ opacity: 0; }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .1; }
+ 100% {
+ opacity: 0; } }
+
+@keyframes euiLoadingKibanaPulsateAndFade {
+ 0% {
+ opacity: 0; }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .1; }
+ 100% {
+ opacity: 0; } }
+
+@-webkit-keyframes euiLoadingKibanaPulsate {
+ 0% {
+ opacity: .15; }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .05; }
+ 100% {
+ opacity: .15; } }
+
+@keyframes euiLoadingKibanaPulsate {
+ 0% {
+ opacity: .15; }
+ 50% {
+ -webkit-transform: scale(0.5);
+ transform: scale(0.5);
+ opacity: .05; }
+ 100% {
+ opacity: .15; } }
+
+.euiLoadingSpinner {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ display: inline-block;
+ width: 32px;
+ height: 32px;
+ border-radius: 50%;
+ border: solid 2px #D3DAE6;
+ border-color: #07C #D3DAE6 #D3DAE6 #D3DAE6; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiLoadingSpinner {
+ -webkit-animation: euiLoadingSpinner .6s infinite linear;
+ animation: euiLoadingSpinner .6s infinite linear; } }
+
+.euiLoadingSpinner--small {
+ width: 12px;
+ height: 12px; }
+
+.euiLoadingSpinner--medium {
+ width: 16px;
+ height: 16px; }
+
+.euiLoadingSpinner--large {
+ width: 24px;
+ height: 24px; }
+
+.euiLoadingSpinner--xLarge {
+ width: 32px;
+ height: 32px; }
+
+.euiLoadingSpinner--xxLarge {
+ width: 40px;
+ height: 40px; }
+
+.euiLoadingSpinner--small,
+.euiLoadingSpinner--medium {
+ border-width: 1px; }
+
+@-webkit-keyframes euiLoadingSpinner {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+@keyframes euiLoadingSpinner {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg); }
+ to {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg); } }
+
+.euiMarkdownEditor--isPreviewing .euiMarkdownEditor__toggleContainer {
+ display: none; }
+
+.euiMarkdownEditor--fullHeight {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ height: 100%; }
+ .euiMarkdownEditor--fullHeight .euiMarkdownEditorTextArea {
+ resize: none; }
+ .euiMarkdownEditor--fullHeight .euiMarkdownEditorDropZone {
+ height: 100%; }
+
+.euiMarkdownEditorDropZone {
+ display: -webkit-flex;
+ display: flex;
+ position: relative;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ min-height: "150px"; }
+ .euiMarkdownEditorDropZone__input {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ opacity: 0;
+ overflow: hidden; }
+ .euiMarkdownEditorDropZone__input:hover {
+ cursor: pointer; }
+ .euiMarkdownEditorDropZone__input:hover:disabled {
+ cursor: not-allowed; }
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorFooter,
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus,
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
+ background-color: rgba(0, 119, 204, 0.1) !important; }
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea,
+ .euiMarkdownEditorDropZone--isDragging .euiMarkdownEditorTextArea:focus {
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%) !important; }
+ .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorFooter,
+ .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea,
+ .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditorTextArea:focus,
+ .euiMarkdownEditorDropZone--isDraggingError .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
+ background-color: rgba(189, 39, 30, 0.1) !important; }
+ .euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea,
+ .euiMarkdownEditorDropZone--hasError .euiMarkdownEditorTextArea:focus {
+ background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%) !important; }
+
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__blockquote {
+ border-left-color: rgba(0, 0, 0, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--default .euiHorizontalRule {
+ background-color: rgba(0, 0, 0, 0.15);
+ color: rgba(0, 0, 0, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table {
+ border-left: 1px solid rgba(0, 0, 0, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table td {
+ border-top: 1px solid rgba(0, 0, 0, 0.15);
+ border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
+ .euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid rgba(0, 0, 0, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--default .euiMarkdownFormat__table tr {
+ border-top: 1px solid rgba(0, 0, 0, 0.15); }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__blockquote {
+ border-left-color: #69707D; }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiHorizontalRule {
+ background-color: #69707D;
+ color: #69707D; }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table {
+ border-left: 1px solid #69707D; }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table td {
+ border-top: 1px solid #69707D;
+ border-bottom: 1px solid #69707D; }
+ .euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #69707D; }
+
+.euiMarkdownFormat .euiTextColor--subdued .euiMarkdownFormat__table tr {
+ border-top: 1px solid #69707D; }
+
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__blockquote {
+ border-left-color: #00BFB3; }
+
+.euiMarkdownFormat .euiTextColor--success .euiHorizontalRule {
+ background-color: #00BFB3;
+ color: #00BFB3; }
+
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table {
+ border-left: 1px solid #00BFB3; }
+
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table td {
+ border-top: 1px solid #00BFB3;
+ border-bottom: 1px solid #00BFB3; }
+ .euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #00BFB3; }
+
+.euiMarkdownFormat .euiTextColor--success .euiMarkdownFormat__table tr {
+ border-top: 1px solid #00BFB3; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__blockquote {
+ border-left-color: #F04E98; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiHorizontalRule {
+ background-color: #F04E98;
+ color: #F04E98; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table {
+ border-left: 1px solid #F04E98; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table td {
+ border-top: 1px solid #F04E98;
+ border-bottom: 1px solid #F04E98; }
+ .euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #F04E98; }
+
+.euiMarkdownFormat .euiTextColor--accent .euiMarkdownFormat__table tr {
+ border-top: 1px solid #F04E98; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__blockquote {
+ border-left-color: #FEC514; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiHorizontalRule {
+ background-color: #FEC514;
+ color: #FEC514; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table {
+ border-left: 1px solid #FEC514; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table td {
+ border-top: 1px solid #FEC514;
+ border-bottom: 1px solid #FEC514; }
+ .euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #FEC514; }
+
+.euiMarkdownFormat .euiTextColor--warning .euiMarkdownFormat__table tr {
+ border-top: 1px solid #FEC514; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__blockquote {
+ border-left-color: #BD271E; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiHorizontalRule {
+ background-color: #BD271E;
+ color: #BD271E; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table {
+ border-left: 1px solid #BD271E; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table td {
+ border-top: 1px solid #BD271E;
+ border-bottom: 1px solid #BD271E; }
+ .euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #BD271E; }
+
+.euiMarkdownFormat .euiTextColor--danger .euiMarkdownFormat__table tr {
+ border-top: 1px solid #BD271E; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__blockquote {
+ border-left-color: #FFF; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiHorizontalRule {
+ background-color: #FFF;
+ color: #FFF; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table {
+ border-left: 1px solid #FFF; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table td {
+ border-top: 1px solid #FFF;
+ border-bottom: 1px solid #FFF; }
+ .euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid #FFF; }
+
+.euiMarkdownFormat .euiTextColor--ghost .euiMarkdownFormat__table tr {
+ border-top: 1px solid #FFF; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__blockquote {
+ border-left-color: currentColor; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiHorizontalRule {
+ background-color: currentColor;
+ color: currentColor; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table {
+ border-left: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table td {
+ border-top: 1px solid currentColor;
+ border-bottom: 1px solid currentColor; }
+ .euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--inherit .euiMarkdownFormat__table tr {
+ border-top: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__blockquote {
+ border-left-color: currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiHorizontalRule {
+ background-color: currentColor;
+ color: currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table {
+ border-left: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table th,
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table td {
+ border-top: 1px solid currentColor;
+ border-bottom: 1px solid currentColor; }
+ .euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table th:last-child,
+ .euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table td:last-child {
+ border-right: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiTextColor--custom .euiMarkdownFormat__table tr {
+ border-top: 1px solid currentColor; }
+
+.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ border-left-style: solid; }
+
+.euiMarkdownFormat .euiCheckbox {
+ margin-bottom: 0 !important; }
+
+.euiMarkdownFormat .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
+ top: 50%;
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%); }
+
+.euiMarkdownFormat .euiMarkdownFormat__table {
+ display: block;
+ width: 100%;
+ overflow: auto;
+ border-spacing: 0;
+ border-collapse: collapse; }
+
+.euiMarkdownEditorFooter {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ padding: 4px;
+ border: 1px solid #D3DAE6;
+ -webkit-align-items: center;
+ align-items: center;
+ background: #fafbfd; }
+
+.euiMarkdownEditorFooter__popover {
+ width: 300px; }
+
+.euiMarkdownEditorFooter__actions {
+ -webkit-flex: 1;
+ flex: 1;
+ display: -webkit-inline-flex;
+ display: inline-flex; }
+ .euiMarkdownEditorFooter__actions > button,
+ .euiMarkdownEditorFooter__actions > span {
+ margin-right: 4px;
+ -webkit-align-self: center;
+ align-self: center; }
+ .euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError {
+ position: relative;
+ left: -1px;
+ line-height: 1;
+ border-radius: 6px; }
+ .euiMarkdownEditorFooter__actions .euiMarkdownEditorFooter__uploadError > span {
+ padding: 0 4px; }
+
+.euiMarkdownEditorFooter__helpButton > svg {
+ width: 26px; }
+
+.euiMarkdownEditorPreview {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ background: #FFF;
+ min-height: "150px";
+ overflow-y: auto;
+ border: 1px solid #D3DAE6;
+ padding: 12px; }
+ .euiMarkdownEditorPreview::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiMarkdownEditorPreview::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiMarkdownEditorPreview::-webkit-scrollbar-corner, .euiMarkdownEditorPreview::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input ~ .euiCheckbox__label {
+ cursor: default; }
+
+.euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input:focus:not(:checked) + .euiCheckbox__square {
+ border-color: #c9cbcd; }
+
+.euiMarkdownEditorTextArea {
+ font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+ font-weight: 400;
+ letter-spacing: normal;
+ -webkit-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ -webkit-font-kerning: normal;
+ font-kerning: normal;
+ font-size: 14px;
+ color: #343741;
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ width: 100%;
+ height: 100%;
+ min-height: "150px";
+ padding: 12px;
+ border: 1px solid #D3DAE6;
+ border-bottom: none;
+ line-height: 1.5;
+ resize: vertical;
+ background-color: #fbfcfd;
+ background-repeat: no-repeat;
+ background-size: 0% 100%;
+ margin: 0;
+ transition: box-shadow 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, background-color 150ms ease-in; }
+ @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
+ .euiMarkdownEditorTextArea {
+ line-height: 1em; } }
+ .euiMarkdownEditorTextArea::-webkit-input-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiMarkdownEditorTextArea::-moz-placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiMarkdownEditorTextArea::placeholder {
+ color: #69707D;
+ opacity: 1; }
+ .euiMarkdownEditorTextArea::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiMarkdownEditorTextArea::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiMarkdownEditorTextArea::-webkit-scrollbar-corner, .euiMarkdownEditorTextArea::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiMarkdownEditorTextArea:focus,
+ .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea {
+ background-color: white;
+ background-image: linear-gradient(to top, #07C, #07C 2px, transparent 2px, transparent 100%);
+ background-size: 100% 100%; }
+
+.euiMarkdownEditorTextArea-isReadOnly {
+ background: #FFF;
+ cursor: unset; }
+ .euiMarkdownEditorTextArea-isReadOnly:focus,
+ .euiMarkdownEditor:focus-within .euiMarkdownEditorTextArea-isReadOnly {
+ background: none; }
+
+.euiMarkdownEditorToolbar {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ background: #F5F7FA;
+ border: 1px solid #D3DAE6;
+ border-color: #D3DAE6;
+ border-bottom: none;
+ padding: 4px; }
+ .euiMarkdownEditorToolbar__buttons {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-flex: 1;
+ flex: 1;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiMarkdownEditorToolbar__buttons > * {
+ margin-right: 4px; }
+ .euiMarkdownEditorToolbar__divider {
+ content: '';
+ height: 24px;
+ display: block;
+ margin-left: 4px;
+ padding-right: 4px;
+ border-left: 1px solid #D3DAE6; }
+
+.euiMarkdownTooltip__icon {
+ -webkit-transform: translateY(-1px);
+ transform: translateY(-1px); }
+
+/**
+ * 1. Fix IE overflow issue (min-height) by adding a separate wrapper for the
+ * flex display. https://github.com/philipwalton/flexbugs#flexbug-3
+ * 2. IE has trouble with min-widths on flex elements. Use the pixel value
+ * from our forms since that's usually the smallest we want them.
+ */
+.euiModal {
+ border: 1px solid #D3DAE6;
+ box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.13), 0 9.4px 24px rgba(0, 0, 0, 0.09), 0 21.8px 43px rgba(0, 0, 0, 0.08);
+ display: -webkit-flex;
+ display: flex;
+ /* 1 */
+ position: relative;
+ background-color: #FFF;
+ border-radius: 6px;
+ z-index: 8000;
+ min-width: 400px;
+ -webkit-animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ max-width: calc(100vw - 16px); }
+ .euiModal:focus {
+ outline: none; }
+ .euiModal .euiModal__flex {
+ /* 1 */
+ -webkit-flex: 1 1 auto;
+ flex: 1 1 auto;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ max-height: 75vh;
+ overflow: hidden; }
+
+.euiModal--maxWidth-default {
+ max-width: MIN(768px, calc(100vw - 16px)); }
+
+.euiModal--confirmation {
+ min-width: 400px; }
+
+.euiModalHeader {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 24px 40px 16px 24px;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiModalHeader__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 27px;
+ font-size: 1.92857rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+
+.euiModalBody {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ overflow: hidden;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .euiModalBody .euiModalBody__overflow {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ height: 100%;
+ overflow-y: auto;
+ overflow-x: hidden;
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ padding: 8px 24px; }
+ .euiModalBody .euiModalBody__overflow::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-corner, .euiModalBody .euiModalBody__overflow::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiModalBody .euiModalBody__overflow:focus {
+ outline: none;
+ /* 1 */ }
+ .euiModalBody .euiModalBody__overflow[tabindex='0']:focus:focus-visible {
+ outline-style: auto;
+ /* 2 */ }
+
+.euiModalFooter {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ padding: 16px 24px 24px;
+ -webkit-flex-grow: 0;
+ flex-grow: 0;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiModalFooter > * + * {
+ margin-left: 16px; }
+
+.euiModalHeader + .euiModalFooter {
+ padding-top: 8px; }
+
+.euiModalBody:last-of-type .euiModalBody__overflow {
+ padding-bottom: 24px; }
+
+.euiModal__closeIcon {
+ background-color: rgba(255, 255, 255, 0.9);
+ position: absolute;
+ right: 4px;
+ top: 4px;
+ z-index: 3; }
+
+@-webkit-keyframes euiModal {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(32px);
+ transform: translateY(32px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiModal {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(32px);
+ transform: translateY(32px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@media only screen and (max-width: 574px) {
+ .euiModal {
+ position: fixed;
+ width: 100vw !important;
+ max-width: none !important;
+ min-width: 0 !important;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ border-radius: 0;
+ border: none; }
+ .euiModal.euiModal--confirmation {
+ box-shadow: 0 -2.7px 9px rgba(0, 0, 0, 0.13), 0 -9.4px 24px rgba(0, 0, 0, 0.09), 0 -21.8px 43px rgba(0, 0, 0, 0.08);
+ top: auto; }
+ .euiModal .euiModal__flex {
+ /* 1 */
+ max-height: 100vh; }
+ .euiModalHeader {
+ width: 100%; }
+ .euiModalFooter {
+ width: 100%;
+ background: #F5F7FA;
+ padding: 12px 24px !important;
+ -webkit-justify-content: stretch;
+ justify-content: stretch; }
+ .euiModalFooter > * {
+ -webkit-flex: 1;
+ flex: 1; }
+ .euiModalFooter > * + * {
+ margin-left: 0; }
+ .euiModalBody {
+ width: 100%; }
+ .euiModalBody .euiModalBody__overflow {
+ padding-bottom: 24px; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiModal {
+ position: fixed;
+ width: 100vw !important;
+ max-width: none !important;
+ min-width: 0 !important;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ top: 0;
+ border-radius: 0;
+ border: none; }
+ .euiModal.euiModal--confirmation {
+ box-shadow: 0 -2.7px 9px rgba(0, 0, 0, 0.13), 0 -9.4px 24px rgba(0, 0, 0, 0.09), 0 -21.8px 43px rgba(0, 0, 0, 0.08);
+ top: auto; }
+ .euiModal .euiModal__flex {
+ /* 1 */
+ max-height: 100vh; }
+ .euiModalHeader {
+ width: 100%; }
+ .euiModalFooter {
+ width: 100%;
+ background: #F5F7FA;
+ padding: 12px 24px !important;
+ -webkit-justify-content: stretch;
+ justify-content: stretch; }
+ .euiModalFooter > * {
+ -webkit-flex: 1;
+ flex: 1; }
+ .euiModalFooter > * + * {
+ margin-left: 0; }
+ .euiModalBody {
+ width: 100%; }
+ .euiModalBody .euiModalBody__overflow {
+ padding-bottom: 24px; } }
+
+.euiNotificationEvent {
+ display: -webkit-flex;
+ display: flex;
+ padding: 12px 0 12px 12px;
+ border-bottom: 1px solid #D3DAE6; }
+ .euiNotificationEvent:last-child {
+ border-bottom: none; }
+ .euiNotificationEvent--withReadState {
+ padding: 12px 0 12px 8px; }
+
+.euiNotificationEvent__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ display: -webkit-flex;
+ display: flex; }
+ .euiNotificationEvent__title.euiLink {
+ color: #003c56; }
+ .euiNotificationEvent__title--isRead {
+ color: #69707D !important; }
+
+.euiNotificationEvent__readButton {
+ margin-right: 8px; }
+
+.euiNotificationEvent__content {
+ -webkit-flex: 1;
+ flex: 1; }
+ .euiNotificationEvent__content > * + * {
+ margin-top: 8px;
+ margin-right: 12px; }
+
+.euiNotificationEventMeta {
+ position: relative;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin-right: 4px;
+ min-height: 24px; }
+ .euiNotificationEventMeta--hasContextMenu {
+ padding-right: 24px; }
+ .euiNotificationEventMeta__contextMenuWrapper {
+ position: absolute;
+ top: 0;
+ right: 0; }
+ .euiNotificationEventMeta__section {
+ margin-right: 8px; }
+ .euiNotificationEventMeta__section:first-child {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex: 1;
+ flex: 1;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiNotificationEventMeta__icon {
+ margin-right: 8px; }
+ .euiNotificationEventMeta__badge {
+ max-width: 100%;
+ display: inline-grid; }
+ .euiNotificationEventMeta__time {
+ font-size: 12px;
+ color: #69707D; }
+
+.euiNotificationEventMessages {
+ font-size: 14px; }
+ .euiNotificationEventMessages__accordion {
+ color: #69707D; }
+ .euiNotificationEventMessages__accordionButton {
+ color: #003c56; }
+ .euiNotificationEventMessages__accordionContent > * {
+ padding-top: 8px; }
+
+.euiNotificationEventReadButton--isRead svg {
+ fill: transparent;
+ stroke-width: 1px;
+ stroke: #D3DAE6; }
+
+.euiNotificationEventReadIcon {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ height: 24px;
+ margin: 0 4px; }
+
+.euiNotificationEventReadIcon--isRead svg {
+ fill: transparent;
+ stroke-width: 1px;
+ stroke: #D3DAE6; }
+
+.euiOverlayMask {
+ position: fixed;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ padding-bottom: 10vh;
+ -webkit-animation: euiAnimFadeIn 150ms ease-in;
+ animation: euiAnimFadeIn 150ms ease-in;
+ background: rgba(255, 255, 255, 0.8); }
+
+.euiBody-hasOverlayMask {
+ overflow: hidden; }
+
+.euiOverlayMask--aboveHeader {
+ z-index: 6000; }
+
+.euiOverlayMask--belowHeader {
+ z-index: 1000; }
+
+.euiPagination {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow-y: hidden;
+ overflow-x: auto; }
+ .euiPagination::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiPagination::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiPagination::-webkit-scrollbar-corner, .euiPagination::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiPagination__compressedText {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: center;
+ align-items: center;
+ line-height: 1 !important; }
+ .euiPagination__compressedText > span {
+ margin-right: 8px;
+ margin-left: 8px;
+ font-weight: 600; }
+ .euiPagination__compressedText > span:first-of-type {
+ color: #003c56; }
+
+.euiPagination__list {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: baseline;
+ align-items: baseline; }
+
+.euiPaginationButton {
+ font-size: 14px;
+ padding: 0;
+ text-align: center;
+ border-radius: 6px;
+ outline-offset: -2px; }
+
+.euiPaginationButton-isActive {
+ font-weight: 700; }
+ .euiPaginationButton-isActive.euiPaginationButton-isActive {
+ color: #07C; }
+ .euiPaginationButton-isActive.euiPaginationButton-isActive .euiButtonEmpty__content {
+ cursor: default; }
+ .euiPaginationButton-isActive.euiPaginationButton-isActive, .euiPaginationButton-isActive.euiPaginationButton-isActive:hover {
+ text-decoration: underline; }
+
+.euiPaginationArrowButton {
+ outline-offset: -2px; }
+
+.euiPaginationButton-isPlaceholder {
+ -webkit-align-items: baseline;
+ align-items: baseline;
+ color: #ABB4C4;
+ font-size: 14px;
+ padding: 0 8px;
+ height: 24px;
+ padding-top: 6px; }
+
+.euiPanel {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiPanel.euiPanel--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiPanel.euiPanel--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiPanel.euiPanel--hasBorder {
+ border: 1px solid #D3DAE6;
+ box-shadow: none; }
+ .euiPanel.euiPanel--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiPanel.euiPanel--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiPanel.euiPanel--isClickable:hover, .euiPanel.euiPanel--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .euiPanel.euiPanel--borderRadiusNone {
+ border-radius: 0; }
+ .euiPanel.euiPanel--borderRadiusMedium {
+ border-radius: 6px; }
+ .euiPanel.euiPanel--transparent {
+ background-color: transparent; }
+ .euiPanel.euiPanel--plain {
+ background-color: #FFF; }
+ .euiPanel.euiPanel--subdued {
+ background-color: #fafbfd; }
+ .euiPanel.euiPanel--accent {
+ background-color: #feedf5; }
+ .euiPanel.euiPanel--primary {
+ background-color: #e6f1fa; }
+ .euiPanel.euiPanel--success {
+ background-color: #e6f9f7; }
+ .euiPanel.euiPanel--warning {
+ background-color: #fff9e8; }
+ .euiPanel.euiPanel--danger {
+ background-color: #f8e9e9; }
+
+.euiPanel--paddingSmall {
+ padding: 8px; }
+
+.euiPanel--paddingMedium {
+ padding: 16px; }
+
+.euiPanel--paddingLarge {
+ padding: 24px; }
+
+.euiSplitPanel {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ min-width: 0; }
+ .euiSplitPanel .euiSplitPanel__inner {
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%;
+ -webkit-transform: none !important;
+ transform: none !important;
+ box-shadow: none !important; }
+ .euiSplitPanel.euiSplitPanel-isResponsive.euiPanel--borderRadiusNone .euiSplitPanel__inner:first-child,
+ .euiSplitPanel.euiPanel--borderRadiusNone .euiSplitPanel__inner:first-child {
+ border-radius: -1 -1 0 0; }
+ .euiSplitPanel.euiSplitPanel-isResponsive.euiPanel--borderRadiusNone .euiSplitPanel__inner:last-child,
+ .euiSplitPanel.euiPanel--borderRadiusNone .euiSplitPanel__inner:last-child {
+ border-radius: 0 0 -1 -1; }
+ .euiSplitPanel.euiSplitPanel-isResponsive.euiPanel--borderRadiusMedium .euiSplitPanel__inner:first-child,
+ .euiSplitPanel.euiPanel--borderRadiusMedium .euiSplitPanel__inner:first-child {
+ border-radius: 5px 5px 0 0; }
+ .euiSplitPanel.euiSplitPanel-isResponsive.euiPanel--borderRadiusMedium .euiSplitPanel__inner:last-child,
+ .euiSplitPanel.euiPanel--borderRadiusMedium .euiSplitPanel__inner:last-child {
+ border-radius: 0 0 5px 5px; }
+
+.euiSplitPanel--row {
+ -webkit-flex-direction: row;
+ flex-direction: row; }
+ .euiSplitPanel--row.euiSplitPanel-isResponsive {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .euiSplitPanel--row.euiPanel--borderRadiusNone .euiSplitPanel__inner:first-child {
+ border-radius: -1 0 0 -1; }
+ .euiSplitPanel--row.euiPanel--borderRadiusNone .euiSplitPanel__inner:last-child {
+ border-radius: 0 -1 -1 0; }
+ .euiSplitPanel--row.euiPanel--borderRadiusMedium .euiSplitPanel__inner:first-child {
+ border-radius: 5px 0 0 5px; }
+ .euiSplitPanel--row.euiPanel--borderRadiusMedium .euiSplitPanel__inner:last-child {
+ border-radius: 0 5px 5px 0; }
+
+.euiPage {
+ display: -webkit-flex;
+ display: flex;
+ background-color: #fafbfd;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ max-width: 100%; }
+ .euiPage--restrictWidth-default, .euiPage--restrictWidth-custom {
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%; }
+ .euiPage--restrictWidth-default {
+ max-width: 1200px; }
+ .euiPage--grow {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiPage--column {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ @media only screen and (max-width: 574px) {
+ .euiPage {
+ -webkit-flex-direction: column;
+ flex-direction: column; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPage {
+ -webkit-flex-direction: column;
+ flex-direction: column; } }
+
+.euiPage--paddingSmall {
+ padding: 8px; }
+ .euiPage--paddingSmall .euiPageSideBar {
+ min-width: 192px;
+ margin-right: 8px; }
+ @media only screen and (max-width: 574px) {
+ .euiPage--paddingSmall .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 8px; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPage--paddingSmall .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 8px; } }
+ .euiPage--paddingSmall .euiPageBody > .euiPageHeader {
+ margin-bottom: 8px; }
+
+.euiPage--paddingMedium {
+ padding: 16px; }
+ .euiPage--paddingMedium .euiPageSideBar {
+ min-width: 192px;
+ margin-right: 16px; }
+ @media only screen and (max-width: 574px) {
+ .euiPage--paddingMedium .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 16px; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPage--paddingMedium .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 16px; } }
+ .euiPage--paddingMedium .euiPageBody > .euiPageHeader {
+ margin-bottom: 16px; }
+
+.euiPage--paddingLarge {
+ padding: 24px; }
+ .euiPage--paddingLarge .euiPageSideBar {
+ min-width: 192px;
+ margin-right: 24px; }
+ @media only screen and (max-width: 574px) {
+ .euiPage--paddingLarge .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 24px; } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPage--paddingLarge .euiPageSideBar {
+ margin-right: 0;
+ margin-bottom: 24px; } }
+ .euiPage--paddingLarge .euiPageBody > .euiPageHeader {
+ margin-bottom: 24px; }
+
+.euiPageBody {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ -webkit-flex: 1 1 100%;
+ flex: 1 1 100%;
+ max-width: 100%;
+ min-width: 0; }
+ .euiPageBody--restrictWidth-default, .euiPageBody--restrictWidth-custom {
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%; }
+ .euiPageBody--restrictWidth-default {
+ max-width: 1200px; }
+ .euiPageBody.euiPageBody--borderRadiusNone {
+ border-top-width: 0;
+ border-right-width: 0;
+ border-bottom-width: 0; }
+
+.euiPageBody--paddingSmall {
+ padding: 8px; }
+ .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']) {
+ margin-bottom: 8px;
+ border-bottom: 1px solid #D3DAE6; }
+ .euiPageBody--paddingSmall > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
+ padding-bottom: 8px; }
+ .euiPageBody--paddingSmall > .euiPageHeader.euiPageHeader--onlyTabs {
+ padding-top: 0; }
+
+.euiPageBody--paddingMedium {
+ padding: 16px; }
+ .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']) {
+ margin-bottom: 16px;
+ border-bottom: 1px solid #D3DAE6; }
+ .euiPageBody--paddingMedium > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
+ padding-bottom: 16px; }
+ .euiPageBody--paddingMedium > .euiPageHeader.euiPageHeader--onlyTabs {
+ padding-top: 0; }
+
+.euiPageBody--paddingLarge {
+ padding: 24px; }
+ .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']) {
+ margin-bottom: 24px;
+ border-bottom: 1px solid #D3DAE6; }
+ .euiPageBody--paddingLarge > .euiPageHeader:not([class*='--padding']):not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
+ padding-bottom: 24px; }
+ .euiPageBody--paddingLarge > .euiPageHeader.euiPageHeader--onlyTabs {
+ padding-top: 0; }
+
+.euiPageContent {
+ width: 100%;
+ min-width: 0; }
+ .euiPageContent.euiPageContent--borderRadiusNone {
+ border-left-width: 0;
+ border-right-width: 0;
+ border-bottom-width: 0; }
+ .euiPageContent.euiPageContent--verticalCenter {
+ -webkit-align-self: center;
+ align-self: center;
+ margin-top: auto;
+ margin-bottom: auto;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiPageContent.euiPageContent--horizontalCenter {
+ width: auto;
+ max-width: 100%;
+ margin-left: auto;
+ margin-right: auto;
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+
+.euiPageContentBody--restrictWidth-default, .euiPageContentBody--restrictWidth-custom {
+ 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 {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center; }
+ .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 {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPageContentHeader--responsive {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; } }
+
+.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 {
+ min-width: 240px;
+ -webkit-flex: 0 1 0%;
+ flex: 0 1 0%;
+ /* 1 */ }
+
+.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 {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ position: -webkit-sticky;
+ position: sticky;
+ max-height: 100vh;
+ top: 0; }
+ .euiPageSideBar--sticky::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
+ background-color: transparent; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiPageSideBar--sticky {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ position: -webkit-sticky;
+ position: sticky;
+ max-height: 100vh;
+ top: 0; }
+ .euiPageSideBar--sticky::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
+ background-color: transparent; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiPageSideBar--sticky {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ position: -webkit-sticky;
+ position: sticky;
+ max-height: 100vh;
+ top: 0; }
+ .euiPageSideBar--sticky::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiPageSideBar--sticky::-webkit-scrollbar-corner, .euiPageSideBar--sticky::-webkit-scrollbar-track {
+ background-color: transparent; } }
+
+/**
+ * Note: Bottom margin is added in _page.scss when EuiPage has `paddingSize`
+ * Or it's added in _page_body.scss when EuiPageBody has `paddingSize`
+ */
+.euiPageHeader {
+ width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiPageHeader--restrictWidth-default, .euiPageHeader--restrictWidth-custom {
+ margin-left: auto;
+ margin-right: auto;
+ width: 100%; }
+ .euiPageHeader--restrictWidth-default {
+ max-width: 1200px; }
+
+.euiPageHeader--bottomBorder {
+ border-bottom: 1px solid #D3DAE6; }
+ .euiPageHeader--bottomBorder:not(.euiPageHeader--tabsAtBottom):not(.euiPageHeader--onlyTabs) {
+ padding-bottom: 24px; }
+
+.euiPageHeader--onlyTabs {
+ padding-top: 8px; }
+ .euiPageHeader--onlyTabs .euiTabs--xlarge .euiTab {
+ line-height: 72px;
+ height: 72px; }
+
+.euiPageHeader--paddingSmall {
+ padding: 8px; }
+ .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
+ padding-bottom: 0; }
+ .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs {
+ padding-top: 8px; }
+ .euiPageHeader--paddingSmall.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingSmall.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
+ margin-bottom: 8px; }
+
+.euiPageHeader--paddingMedium {
+ padding: 16px; }
+ .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
+ padding-bottom: 0; }
+ .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs {
+ padding-top: 8px; }
+ .euiPageHeader--paddingMedium.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingMedium.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
+ margin-bottom: 16px; }
+
+.euiPageHeader--paddingLarge {
+ padding: 24px; }
+ .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
+ padding-bottom: 0; }
+ .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs {
+ padding-top: 8px; }
+ .euiPageHeader--paddingLarge.euiPageHeader--tabsAtBottom.euiPageHeader--bottomBorder, .euiPageHeader--paddingLarge.euiPageHeader--onlyTabs.euiPageHeader--bottomBorder {
+ margin-bottom: 24px; }
+
+.euiPageHeader--top {
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+
+.euiPageHeader--bottom {
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+
+.euiPageHeader--stretch {
+ -webkit-align-items: stretch;
+ align-items: stretch; }
+
+@media only screen and (max-width: 574px) {
+ .euiPageHeader--responsive {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .euiPageHeader--responsiveReverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPageHeader--responsive {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+ .euiPageHeader--responsiveReverse {
+ -webkit-flex-direction: column-reverse;
+ flex-direction: column-reverse; } }
+
+.euiPageHeader .euiPageHeaderContent {
+ width: 100%; }
+
+.euiPageHeaderContent__titleIcon {
+ top: -4px;
+ position: relative;
+ margin-right: 16px; }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .euiPageHeaderContent__rightSideItems {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiPageHeaderContent__rightSideItems {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiPageHeaderContent__rightSideItems {
+ -webkit-flex-direction: row-reverse;
+ flex-direction: row-reverse; } }
+
+.euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 32px; }
+
+@media only screen and (max-width: 574px) {
+ .euiPageHeader--responsive .euiPageHeaderSection {
+ width: 100%; }
+ .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 0;
+ margin-top: 16px; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection {
+ width: 100%; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 0; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
+ margin-top: 16px; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiPageHeader--responsive .euiPageHeaderSection {
+ width: 100%; }
+ .euiPageHeader--responsive .euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 0;
+ margin-top: 16px; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection {
+ width: 100%; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:first-of-type) {
+ margin-left: 0; }
+ .euiPageHeader--responsiveReverse .euiPageHeaderSection:not(:last-of-type) {
+ margin-top: 16px; } }
+
+.euiPopover {
+ display: inline-block;
+ position: relative;
+ vertical-align: middle;
+ max-width: 100%; }
+
+.euiPopover__anchor {
+ display: inline-block; }
+
+.euiPopover--displayBlock {
+ display: block; }
+ .euiPopover--displayBlock .euiPopover__anchor {
+ display: block; }
+
+/**
+ * 1. Can expand further, but it looks weird if it's smaller than the originating button.
+ * 2. Animation happens on the panel. But don't animate when using the attached mode like for inputs
+ * 3. Make sure the panel stays within the window.
+ */
+.euiPopover__panel {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ position: absolute;
+ min-width: 112px;
+ /* 1 */
+ max-width: calc(100vw - 32px);
+ /* 3 */
+ -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
+ pointer-events: none;
+ opacity: 0;
+ /* 2 */
+ transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms;
+ /* 2 */ }
+ .euiPopover__panel:not(.euiPopover__panel-isAttached) {
+ -webkit-transform: translateY(0) translateX(0) translateZ(0);
+ transform: translateY(0) translateX(0) translateZ(0);
+ /* 2 */
+ transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
+ transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
+ transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms; }
+ .euiPopover__panel.euiPopover__panel-isOpen {
+ opacity: 1;
+ pointer-events: auto; }
+ .euiPopover__panel .euiPopover__panelArrow {
+ position: absolute;
+ width: 0;
+ height: 0; }
+ .euiPopover__panel .euiPopover__panelArrow:before {
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0; }
+ .euiPopover__panel .euiPopover__panelArrow:after {
+ position: absolute;
+ content: '';
+ height: 0;
+ width: 0; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
+ bottom: -10px;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-top: 12px solid #D3DAE6; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
+ bottom: -9px;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-top: 12px solid #FFF; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
+ left: -12px;
+ top: 50%;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ border-right: 12px solid #D3DAE6; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
+ left: -11px;
+ top: 50%;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ border-right: 12px solid #FFF; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
+ top: -12px;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-bottom: 12px solid #D3DAE6; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
+ top: -11px;
+ border-left: 12px solid transparent;
+ border-right: 12px solid transparent;
+ border-bottom: 12px solid #FFF; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
+ right: -11px;
+ top: 50%;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ border-left: 12px solid #D3DAE6; }
+ .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
+ right: -10px;
+ top: 50%;
+ border-top: 12px solid transparent;
+ border-bottom: 12px solid transparent;
+ border-left: 12px solid #FFF; }
+ .euiPopover__panel.euiPopover__panel-noArrow .euiPopover__panelArrow {
+ display: none; }
+ .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom {
+ border-top-color: rgba(211, 218, 230, 0.8);
+ border-top-right-radius: 0;
+ border-top-left-radius: 0; }
+ .euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top {
+ box-shadow: 0 0 0.8px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.04), 0 0 5px rgba(0, 0, 0, 0.04), 0 0 17px rgba(0, 0, 0, 0.03);
+ border-bottom-color: rgba(211, 218, 230, 0.8);
+ border-bottom-right-radius: 0;
+ border-bottom-left-radius: 0; }
+
+.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--top,
+.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--top {
+ -webkit-transform: translateY(8px) translateZ(0);
+ transform: translateY(8px) translateZ(0); }
+
+.euiPopover__panel.euiPopover__panel-isAttached.euiPopover__panel--bottom,
+.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom {
+ -webkit-transform: translateY(-8px) translateZ(0);
+ transform: translateY(-8px) translateZ(0); }
+
+.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--left {
+ -webkit-transform: translateX(8px) translateZ(0);
+ transform: translateX(8px) translateZ(0); }
+
+.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--right {
+ -webkit-transform: translateX(-8px) translateZ(0);
+ transform: translateX(-8px) translateZ(0); }
+
+.euiPopoverTitle {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ padding: 12px;
+ border-bottom: 1px solid #D3DAE6; }
+
+.euiPopoverTitle--paddingNone {
+ padding: 0; }
+
+.euiPopoverTitle--paddingSmall {
+ padding: 8px; }
+
+.euiPopoverTitle--paddingMedium {
+ padding: 16px; }
+
+.euiPopoverTitle--paddingLarge {
+ padding: 24px; }
+
+.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle {
+ margin: -8px -8px 8px; }
+ .euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 12px 8px; }
+
+.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle {
+ margin: -16px -16px 16px; }
+ .euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 12px 16px; }
+
+.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle {
+ margin: -24px -24px 24px; }
+ .euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 12px 24px; }
+
+.euiPopoverFooter {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 12px;
+ border-top: 1px solid #D3DAE6; }
+
+.euiPopoverFooter--paddingNone {
+ padding: 0; }
+
+.euiPopoverFooter--paddingSmall {
+ padding: 8px; }
+
+.euiPopoverFooter--paddingMedium {
+ padding: 16px; }
+
+.euiPopoverFooter--paddingLarge {
+ padding: 24px; }
+
+.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter {
+ margin: 8px -8px -8px; }
+ .euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 12px 8px; }
+
+.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter {
+ margin: 16px -16px -16px; }
+ .euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 12px 16px; }
+
+.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter {
+ margin: 24px -24px -24px; }
+ .euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 12px 24px; }
+
+.euiInputPopover {
+ max-width: 400px; }
+ .euiInputPopover.euiInputPopover--fullWidth {
+ max-width: 100%; }
+
+/**
+ * 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
+ */
+.euiBody-hasPortalContent {
+ position: relative;
+ /* 1 */ }
+
+.euiProgress {
+ position: relative;
+ overflow: hidden;
+ background-color: #D3DAE6; }
+
+.euiProgress--xs {
+ height: 2px; }
+
+.euiProgress--s {
+ height: 4px; }
+
+.euiProgress--m {
+ height: 8px; }
+
+.euiProgress--l {
+ height: 16px; }
+
+.euiProgress--native {
+ display: block;
+ width: 100%;
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ border: none; }
+ .euiProgress--native::-webkit-progress-bar {
+ background-color: #D3DAE6; }
+ .euiProgress--native::-webkit-progress-value {
+ -webkit-transition: width 250ms linear;
+ transition: width 250ms linear; }
+ .euiProgress--native::-moz-progress-bar {
+ -moz-transition: width 250ms linear;
+ transition: width 250ms linear; }
+
+/**
+ * An indeterminate bar has an unreliable end time. Because of a Firefox animation issue,
+ * we apply this style to a <div> instead of a <progress> element.
+ * See https://css-tricks.com/html5-progress-element/ for more info.
+ */
+.euiProgress--indeterminate:before {
+ position: absolute;
+ content: '';
+ width: 100%;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ -webkit-transform: scaleX(0) translateX(0%);
+ transform: scaleX(0) translateX(0%);
+ -webkit-animation: euiProgress 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
+ animation: euiProgress 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
+
+.euiProgress--fixed {
+ position: fixed;
+ z-index: 1001; }
+
+.euiProgress--absolute {
+ position: absolute; }
+
+.euiProgress--fixed,
+.euiProgress--absolute {
+ top: 0;
+ left: 0;
+ right: 0;
+ background-color: transparent; }
+ .euiProgress--fixed.euiProgress--native::-webkit-progress-bar,
+ .euiProgress--absolute.euiProgress--native::-webkit-progress-bar {
+ background-color: transparent; }
+ .euiProgress--fixed.euiProgress--native::-moz-progress-bar,
+ .euiProgress--absolute.euiProgress--native::-moz-progress-bar {
+ background-color: transparent; }
+
+.euiProgress--primary.euiProgress--native::-webkit-progress-value {
+ background-color: #07C; }
+
+.euiProgress--primary.euiProgress--native::-moz-progress-bar {
+ background-color: #07C; }
+
+.euiProgress--primary.euiProgress--indeterminate:before {
+ background-color: #07C; }
+
+.euiProgress__data--primary .euiProgress__valueText {
+ color: #003c56; }
+
+.euiProgress--success.euiProgress--native::-webkit-progress-value {
+ background-color: #00BFB3; }
+
+.euiProgress--success.euiProgress--native::-moz-progress-bar {
+ background-color: #00BFB3; }
+
+.euiProgress--success.euiProgress--indeterminate:before {
+ background-color: #00BFB3; }
+
+.euiProgress__data--success .euiProgress__valueText {
+ color: #007e77; }
+
+.euiProgress--warning.euiProgress--native::-webkit-progress-value {
+ background-color: #FEC514; }
+
+.euiProgress--warning.euiProgress--native::-moz-progress-bar {
+ background-color: #FEC514; }
+
+.euiProgress--warning.euiProgress--indeterminate:before {
+ background-color: #FEC514; }
+
+.euiProgress__data--warning .euiProgress__valueText {
+ color: #8a6a0a; }
+
+.euiProgress--danger.euiProgress--native::-webkit-progress-value {
+ background-color: #BD271E; }
+
+.euiProgress--danger.euiProgress--native::-moz-progress-bar {
+ background-color: #BD271E; }
+
+.euiProgress--danger.euiProgress--indeterminate:before {
+ background-color: #BD271E; }
+
+.euiProgress__data--danger .euiProgress__valueText {
+ color: #BD271E; }
+
+.euiProgress--accent.euiProgress--native::-webkit-progress-value {
+ background-color: #F04E98; }
+
+.euiProgress--accent.euiProgress--native::-moz-progress-bar {
+ background-color: #F04E98; }
+
+.euiProgress--accent.euiProgress--indeterminate:before {
+ background-color: #F04E98; }
+
+.euiProgress__data--accent .euiProgress__valueText {
+ color: #c4407c; }
+
+.euiProgress--subdued.euiProgress--native::-webkit-progress-value {
+ background-color: #69707D; }
+
+.euiProgress--subdued.euiProgress--native::-moz-progress-bar {
+ background-color: #69707D; }
+
+.euiProgress--subdued.euiProgress--indeterminate:before {
+ background-color: #69707D; }
+
+.euiProgress__data--subdued .euiProgress__valueText {
+ color: #69707D; }
+
+.euiProgress--vis0.euiProgress--native::-webkit-progress-value {
+ background-color: #54B399; }
+
+.euiProgress--vis0.euiProgress--native::-moz-progress-bar {
+ background-color: #54B399; }
+
+.euiProgress--vis0.euiProgress--indeterminate:before {
+ background-color: #54B399; }
+
+.euiProgress__data--vis0 .euiProgress__valueText {
+ color: #3b7d6a; }
+
+.euiProgress--vis1.euiProgress--native::-webkit-progress-value {
+ background-color: #6092C0; }
+
+.euiProgress--vis1.euiProgress--native::-moz-progress-bar {
+ background-color: #6092C0; }
+
+.euiProgress--vis1.euiProgress--indeterminate:before {
+ background-color: #6092C0; }
+
+.euiProgress__data--vis1 .euiProgress__valueText {
+ color: #4e779c; }
+
+.euiProgress--vis2.euiProgress--native::-webkit-progress-value {
+ background-color: #D36086; }
+
+.euiProgress--vis2.euiProgress--native::-moz-progress-bar {
+ background-color: #D36086; }
+
+.euiProgress--vis2.euiProgress--indeterminate:before {
+ background-color: #D36086; }
+
+.euiProgress__data--vis2 .euiProgress__valueText {
+ color: #b55273; }
+
+.euiProgress--vis3.euiProgress--native::-webkit-progress-value {
+ background-color: #9170B8; }
+
+.euiProgress--vis3.euiProgress--native::-moz-progress-bar {
+ background-color: #9170B8; }
+
+.euiProgress--vis3.euiProgress--indeterminate:before {
+ background-color: #9170B8; }
+
+.euiProgress__data--vis3 .euiProgress__valueText {
+ color: #8365a6; }
+
+.euiProgress--vis4.euiProgress--native::-webkit-progress-value {
+ background-color: #CA8EAE; }
+
+.euiProgress--vis4.euiProgress--native::-moz-progress-bar {
+ background-color: #CA8EAE; }
+
+.euiProgress--vis4.euiProgress--indeterminate:before {
+ background-color: #CA8EAE; }
+
+.euiProgress__data--vis4 .euiProgress__valueText {
+ color: #8d647a; }
+
+.euiProgress--vis5.euiProgress--native::-webkit-progress-value {
+ background-color: #D6BF57; }
+
+.euiProgress--vis5.euiProgress--native::-moz-progress-bar {
+ background-color: #D6BF57; }
+
+.euiProgress--vis5.euiProgress--indeterminate:before {
+ background-color: #D6BF57; }
+
+.euiProgress__data--vis5 .euiProgress__valueText {
+ color: #807234; }
+
+.euiProgress--vis6.euiProgress--native::-webkit-progress-value {
+ background-color: #B9A888; }
+
+.euiProgress--vis6.euiProgress--native::-moz-progress-bar {
+ background-color: #B9A888; }
+
+.euiProgress--vis6.euiProgress--indeterminate:before {
+ background-color: #B9A888; }
+
+.euiProgress__data--vis6 .euiProgress__valueText {
+ color: #7b705a; }
+
+.euiProgress--vis7.euiProgress--native::-webkit-progress-value {
+ background-color: #DA8B45; }
+
+.euiProgress--vis7.euiProgress--native::-moz-progress-bar {
+ background-color: #DA8B45; }
+
+.euiProgress--vis7.euiProgress--indeterminate:before {
+ background-color: #DA8B45; }
+
+.euiProgress__data--vis7 .euiProgress__valueText {
+ color: #a16633; }
+
+.euiProgress--vis8.euiProgress--native::-webkit-progress-value {
+ background-color: #AA6556; }
+
+.euiProgress--vis8.euiProgress--native::-moz-progress-bar {
+ background-color: #AA6556; }
+
+.euiProgress--vis8.euiProgress--indeterminate:before {
+ background-color: #AA6556; }
+
+.euiProgress__data--vis8 .euiProgress__valueText {
+ color: #a26052; }
+
+.euiProgress--vis9.euiProgress--native::-webkit-progress-value {
+ background-color: #E7664C; }
+
+.euiProgress--vis9.euiProgress--native::-moz-progress-bar {
+ background-color: #E7664C; }
+
+.euiProgress--vis9.euiProgress--indeterminate:before {
+ background-color: #E7664C; }
+
+.euiProgress__data--vis9 .euiProgress__valueText {
+ color: #bc533e; }
+
+.euiProgress--customColor.euiProgress--native::-webkit-progress-value {
+ background-color: currentColor; }
+
+.euiProgress--customColor.euiProgress--native::-moz-progress-bar {
+ background-color: currentColor; }
+
+.euiProgress--customColor.euiProgress--indeterminate:before {
+ background-color: currentColor; }
+
+@-webkit-keyframes euiProgress {
+ 0% {
+ -webkit-transform: scaleX(1) translateX(-100%);
+ transform: scaleX(1) translateX(-100%); }
+ 100% {
+ -webkit-transform: scaleX(1) translateX(100%);
+ transform: scaleX(1) translateX(100%); } }
+
+@keyframes euiProgress {
+ 0% {
+ -webkit-transform: scaleX(1) translateX(-100%);
+ transform: scaleX(1) translateX(-100%); }
+ 100% {
+ -webkit-transform: scaleX(1) translateX(100%);
+ transform: scaleX(1) translateX(100%); } }
+
+.euiProgress__data {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: space-between;
+ justify-content: space-between; }
+
+.euiProgress__label,
+.euiProgress__valueText {
+ color: #343741;
+ font-weight: 400;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.euiProgress__label {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiProgress__label + .euiProgress__valueText {
+ padding-left: 4px;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ text-align: right;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiProgress__valueText {
+ font-feature-settings: 'tnum' 1;
+ margin-left: auto; }
+
+.euiProgress__data--l .euiProgress__label,
+.euiProgress__data--l .euiProgress__valueText {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiTreeView__wrapper .euiTreeView {
+ margin: 0;
+ list-style-type: none; }
+
+.euiTreeView .euiTreeView {
+ padding-left: 24px; }
+
+.euiTreeView__node {
+ max-height: 32px;
+ line-height: 32px; }
+
+.euiTreeView__node--expanded {
+ max-height: 100vh; }
+
+.euiTreeView__nodeInner {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ padding-left: 8px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: center;
+ align-items: center;
+ height: 32px;
+ border-radius: 6px;
+ width: 100%;
+ -moz-text-align-last: left;
+ text-align-last: left; }
+ .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:hover, .euiTreeView__nodeInner:active, .euiTreeView__nodeInner:focus {
+ background-color: rgba(52, 55, 65, 0.1); }
+ .euiTreeView__nodeInner .euiTreeView__iconPlaceholder {
+ width: 32px; }
+
+.euiTreeView__nodeLabel {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.euiTreeView__iconWrapper {
+ margin-top: -2px;
+ margin-right: 8px; }
+ .euiTreeView__iconWrapper .euiToken {
+ margin-top: 2px; }
+
+.euiTreeView--compressed .euiTreeView__node {
+ max-height: 24px;
+ line-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 {
+ position: relative;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ z-index: 1; }
+ .euiResizableButton:before, .euiResizableButton:after {
+ content: '';
+ display: block;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ background-color: #343741;
+ transition: width 150ms ease, height 150ms ease, background-color 150ms ease, -webkit-transform 150ms ease;
+ transition: width 150ms ease, height 150ms ease, transform 150ms ease, background-color 150ms ease;
+ transition: width 150ms ease, height 150ms ease, transform 150ms ease, background-color 150ms ease, -webkit-transform 150ms ease; }
+ .euiResizableButton.euiResizableButton--horizontal {
+ cursor: col-resize;
+ width: 16px;
+ margin-left: -8px;
+ margin-right: -8px; }
+ .euiResizableButton.euiResizableButton--horizontal:before, .euiResizableButton.euiResizableButton--horizontal:after {
+ width: 1px;
+ height: 12px; }
+ .euiResizableButton.euiResizableButton--horizontal:before {
+ -webkit-transform: translate(-2px, -50%);
+ transform: translate(-2px, -50%); }
+ .euiResizableButton.euiResizableButton--horizontal:after {
+ -webkit-transform: translate(1px, -50%);
+ transform: translate(1px, -50%); }
+ .euiResizableButton.euiResizableButton--vertical {
+ cursor: row-resize;
+ height: 16px;
+ margin-top: -8px;
+ margin-bottom: -8px; }
+ .euiResizableButton.euiResizableButton--vertical:before, .euiResizableButton.euiResizableButton--vertical:after {
+ width: 12px;
+ height: 1px; }
+ .euiResizableButton.euiResizableButton--vertical:before {
+ -webkit-transform: translate(-50%, -2px);
+ transform: translate(-50%, -2px); }
+ .euiResizableButton.euiResizableButton--vertical:after {
+ -webkit-transform: translate(-50%, 1px);
+ transform: translate(-50%, 1px); }
+ .euiResizableButton:hover:not(:disabled):before, .euiResizableButton:hover:not(:disabled):after {
+ background-color: #98A2B3;
+ transition-delay: 150ms; }
+ .euiResizableButton:focus:not(:disabled) {
+ background-color: rgba(0, 119, 204, 0.1); }
+ .euiResizableButton:focus:not(:disabled):before, .euiResizableButton:focus:not(:disabled):after {
+ background-color: #07C;
+ transition: width 150ms ease, height 150ms ease, -webkit-transform 150ms ease;
+ transition: width 150ms ease, height 150ms ease, transform 150ms ease;
+ transition: width 150ms ease, height 150ms ease, transform 150ms ease, -webkit-transform 150ms ease;
+ transition-delay: 75ms; }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:before, .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:after, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:before, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:after {
+ height: 100%; }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:before, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:before {
+ -webkit-transform: translate(-1px, -50%);
+ transform: translate(-1px, -50%); }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--horizontal:after, .euiResizableButton:focus:not(:disabled).euiResizableButton--horizontal:after {
+ -webkit-transform: translate(0, -50%);
+ transform: translate(0, -50%); }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:before, .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:after, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:before, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:after {
+ width: 100%; }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:before, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:before {
+ -webkit-transform: translate(-50%, -1px);
+ transform: translate(-50%, -1px); }
+ .euiResizableButton:hover:not(:disabled).euiResizableButton--vertical:after, .euiResizableButton:focus:not(:disabled).euiResizableButton--vertical:after {
+ -webkit-transform: translate(-50%, 0);
+ transform: translate(-50%, 0); }
+ .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 {
+ box-shadow: 0 0.8px 0.8px rgba(0, 0, 0, 0.04), 0 2.3px 2px rgba(0, 0, 0, 0.03);
+ position: absolute;
+ z-index: 2;
+ -webkit-animation: none !important;
+ animation: none !important;
+ transition-property: background, box-shadow; }
+ .euiResizableToggleButton:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05); }
+ .euiResizableToggleButton-isCollapsed {
+ box-shadow: none;
+ background: transparent;
+ border-radius: 0; }
+ .euiResizableToggleButton:not(:focus):not(:active):not(.euiResizableToggleButton-isVisible):not(.euiResizableToggleButton-isCollapsed) {
+ position: absolute;
+ top: auto;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ clip: rect(0 0 0 0);
+ -webkit-clip-path: inset(50%);
+ clip-path: inset(50%);
+ overflow: hidden;
+ margin: -1px; }
+
+.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after {
+ right: 0;
+ top: 50%;
+ /* 1 */
+ -webkit-transform: translate(50%, -50%);
+ transform: translate(50%, -50%);
+ /* 1 */ }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--top {
+ top: 0;
+ -webkit-transform: translate(50%, 16px);
+ transform: translate(50%, 16px); }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--bottom {
+ top: auto;
+ bottom: 0;
+ -webkit-transform: translate(50%, -16px);
+ transform: translate(50%, -16px); }
+
+.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before {
+ left: 0;
+ top: 50%;
+ /* 1 */
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ /* 1 */ }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--top {
+ top: 0;
+ -webkit-transform: translate(-50%, 16px);
+ transform: translate(-50%, 16px); }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--bottom {
+ top: auto;
+ bottom: 0;
+ -webkit-transform: translate(-50%, -16px);
+ transform: translate(-50%, -16px); }
+
+.euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
+ top: 0 !important;
+ bottom: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ height: 100%; }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--top {
+ padding-top: 16px;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ /* 2 */ }
+ .euiResizableToggleButton--horizontal.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--bottom {
+ padding-bottom: 16px;
+ -webkit-align-items: flex-end;
+ align-items: flex-end;
+ /* 2 */ }
+
+.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after {
+ top: 100%;
+ left: 50%;
+ /* 1 */
+ -webkit-transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
+ /* 1 */ }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--left {
+ left: 0;
+ -webkit-transform: translate(16px, -50%);
+ transform: translate(16px, -50%); }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--after.euiResizableToggleButton--right {
+ left: auto;
+ right: 0;
+ -webkit-transform: translate(-16px, -50%);
+ transform: translate(-16px, -50%); }
+
+.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before {
+ bottom: 100%;
+ left: 50%;
+ /* 1 */
+ -webkit-transform: translate(-50%, 50%);
+ transform: translate(-50%, 50%);
+ /* 1 */ }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--left {
+ left: 0;
+ -webkit-transform: translate(16px, 50%);
+ transform: translate(16px, 50%); }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton--before.euiResizableToggleButton--right {
+ left: auto;
+ right: 0;
+ -webkit-transform: translate(-16px, 50%);
+ transform: translate(-16px, 50%); }
+
+.euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed {
+ top: 0 !important;
+ bottom: 0 !important;
+ left: 0 !important;
+ -webkit-transform: none !important;
+ transform: none !important;
+ width: 100%; }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--left {
+ padding-left: 16px;
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ /* 2 */ }
+ .euiResizableToggleButton--vertical.euiResizableToggleButton.euiResizableToggleButton-isCollapsed.euiResizableToggleButton--right {
+ padding-right: 16px;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ /* 2 */ }
+
+.euiResizableContainer {
+ display: -webkit-flex;
+ display: flex;
+ width: 100%; }
+ .euiResizableContainer--vertical {
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+
+.euiResizablePanel {
+ position: relative; }
+
+.euiResizablePanel--paddingSmall {
+ padding: 8px; }
+
+.euiResizablePanel--paddingMedium {
+ padding: 16px; }
+
+.euiResizablePanel--paddingLarge {
+ padding: 24px; }
+
+.euiResizablePanel__content {
+ height: 100%; }
+ .euiResizablePanel__content:not([class*='plain']) {
+ border-width: 0; }
+
+.euiResizablePanel__content--scrollable {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ overflow-y: auto; }
+ .euiResizablePanel__content--scrollable::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiResizablePanel__content--scrollable::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiResizablePanel__content--scrollable::-webkit-scrollbar-corner, .euiResizablePanel__content--scrollable::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiResizablePanel-isCollapsed {
+ overflow: hidden; }
+ .euiResizablePanel-isCollapsed .euiResizablePanel__content * {
+ display: none; }
+
+.euiResizableContainer--horizontal .euiResizablePanel-isCollapsed {
+ min-width: 0 !important; }
+
+.euiResizableContainer--horizontal .euiResizablePanel--collapsible.euiResizablePanel-isCollapsed {
+ min-width: 24px !important; }
+
+.euiResizableContainer--vertical .euiResizablePanel-isCollapsed {
+ min-height: 0 !important; }
+
+.euiResizableContainer--vertical .euiResizablePanel--collapsible.euiResizablePanel-isCollapsed {
+ min-height: 24px !important; }
+
+.euiSideNav__mobileToggle {
+ height: auto;
+ border-bottom: 1px solid #D3DAE6;
+ width: 100%;
+ text-align: left;
+ border-radius: 0 !important;
+ font-size: 16px;
+ padding: 0 16px; }
+ .euiSideNav__mobileToggle .euiSideNav__mobileToggleText {
+ padding: 16px 0; }
+ .euiSideNav__mobileToggle .euiSideNav__mobileToggleContent {
+ -webkit-justify-content: space-between;
+ justify-content: space-between; }
+
+.euiSideNav__heading {
+ margin-bottom: 24px; }
+
+@media only screen and (max-width: 574px) {
+ .euiSideNav__contentMobile-xs {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (max-width: 574px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xs {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiSideNav__contentMobile-s {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (min-width: 575px) and (max-width: 767px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-s {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+ .euiSideNav__contentMobile-m {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (min-width: 768px) and (max-width: 991px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-m {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiSideNav__contentMobile-l {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (min-width: 992px) and (max-width: 1199px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-l {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); } }
+
+@media only screen and (min-width: 1200px) {
+ .euiSideNav__contentMobile-xl {
+ overflow: hidden;
+ visibility: hidden;
+ opacity: 0;
+ max-height: 0;
+ padding: 0 24px; }
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
+ visibility: visible;
+ opacity: 1;
+ padding: 24px;
+ max-height: 5000px;
+ /* 1 */ } }
+ @media only screen and (min-width: 1200px) and (prefers-reduced-motion: no-preference) {
+ .euiSideNav-isOpenMobile .euiSideNav__contentMobile-xl {
+ transition: all 250ms cubic-bezier(0.694, 0.0482, 0.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 {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ text-align: left;
+ /* 1 */
+ display: block;
+ width: 100%;
+ padding: 2px 0;
+ color: inherit;
+ /* 2 */ }
+ .euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover {
+ cursor: pointer; }
+ .euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):hover .euiSideNavItemButton__label, .euiSideNavItemButton.euiSideNavItemButton--isClickable:not(:disabled):focus .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 {
+ cursor: not-allowed;
+ text-decoration: none;
+ color: #a2abba; }
+
+.euiSideNavItemButton__content {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiSideNavItemButton__icon {
+ margin-right: 8px; }
+
+.euiSideNavItemButton__labelContainer {
+ min-width: 0;
+ /* 3 */ }
+
+.euiSideNavItemButton__label {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiSideNavItemButton__label--truncated {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+.euiSideNavItem--root {
+ /**
+ * 1. Create padding around focus area without indenting the item itself.
+ */ }
+ .euiSideNavItem--root.euiSideNavItem--rootIcon > .euiSideNavItem__items {
+ margin-left: 24px; }
+ .euiSideNavItem--root > .euiSideNavItemButton {
+ margin-bottom: 8px;
+ padding: 0;
+ padding-left: 8px;
+ /* 1 */
+ padding-right: 8px;
+ /* 1 */
+ margin-left: -8px;
+ /* 1 */
+ width: calc(100% + 16px);
+ /* 1 */ }
+ .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ color: inherit; }
+ .euiSideNavItem--root > .euiSideNavItem__items {
+ position: static;
+ margin-left: 0; }
+ .euiSideNavItem--root > .euiSideNavItem__items:after {
+ display: none; }
+ .euiSideNavItem--root + .euiSideNavItem--root {
+ margin-top: 32px; }
+
+.euiSideNavItem--trunk {
+ color: #e83765;
+ /* 2 */
+ /**
+ * 1. Create padding around focus area without indenting the item itself.
+ */ }
+ .euiSideNavItem--trunk > .euiSideNavItemButton {
+ padding-left: 8px;
+ /* 1 */
+ padding-right: 8px;
+ /* 1 */
+ margin-left: -8px;
+ /* 1 */
+ width: calc(100% + 16px);
+ /* 1 */ }
+ .euiSideNavItem--trunk > .euiSideNavItem__items {
+ margin-left: 8px;
+ width: 100%; }
+
+.euiSideNavItem--branch {
+ /**
+ * 1. Draw the vertical line to group an expanded item's child items together.
+ */
+ position: relative;
+ color: #646a77;
+ /* 2 */
+ /**
+ * 2. Absolutely position the horizontal tick connecting the item to the vertical line.
+ */ }
+ .euiSideNavItem--branch::after {
+ /* 1 */
+ position: absolute;
+ content: '';
+ top: 0;
+ bottom: 0;
+ width: 1px;
+ background: #D3DAE6;
+ left: 0; }
+ .euiSideNavItem--branch:last-of-type::after {
+ height: 12px; }
+ .euiSideNavItem--branch > .euiSideNavItemButton {
+ position: relative;
+ /* 2 */
+ padding-left: 8px;
+ padding-right: 8px;
+ /* 2 */ }
+ .euiSideNavItem--branch > .euiSideNavItemButton:after {
+ position: absolute;
+ /* 2 */
+ content: '';
+ top: 12px;
+ left: 0;
+ width: 4px;
+ height: 1px;
+ background: #D3DAE6; }
+ .euiSideNavItem--branch > .euiSideNavItem__items {
+ margin-left: 16px; }
+
+.euiSideNavItem--emphasized {
+ background: rgba(211, 218, 230, 0.3);
+ color: #e83765;
+ box-shadow: 100px 0 0 0 rgba(211, 218, 230, 0.3), -100px 0 0 0 rgba(211, 218, 230, 0.3); }
+ .euiSideNavItem--emphasized > .euiSideNavItemButton {
+ font-weight: 700; }
+ .euiSideNavItem--emphasized .euiSideNavItem--emphasized {
+ background: transparent;
+ box-shadow: none; }
+
+.euiSpacer {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiSpacer--xs {
+ height: 4px; }
+
+.euiSpacer--s {
+ height: 8px; }
+
+.euiSpacer--m {
+ height: 16px; }
+
+.euiSpacer--l {
+ height: 24px; }
+
+.euiSpacer--xl {
+ height: 32px; }
+
+.euiSpacer--xxl {
+ height: 40px; }
+
+.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: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column; }
+
+.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 {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiSelectableList-bordered {
+ overflow: hidden;
+ border: 1px solid #D3DAE6;
+ border-radius: 6px; }
+
+.euiSelectableList__list {
+ -webkit-mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ mask-image: linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin; }
+ .euiSelectableList__list::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiSelectableList__list::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiSelectableList__list::-webkit-scrollbar-corner, .euiSelectableList__list::-webkit-scrollbar-track {
+ background-color: transparent; }
+
+.euiSelectableList__groupLabel {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 700;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ border-bottom: 1px solid #eef2f7;
+ padding: 4px 12px; }
+
+.euiSelectableListItem {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ width: 100%;
+ text-align: left;
+ cursor: pointer;
+ overflow: hidden; }
+ .euiSelectableListItem:not(:last-of-type) {
+ border-bottom: 1px solid #eef2f7; }
+ .euiSelectableListItem-isFocused:not([aria-disabled='true']), .euiSelectableListItem:hover:not([aria-disabled='true']) {
+ color: #003c56;
+ background-color: rgba(0, 119, 204, 0.1); }
+ .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 {
+ width: 100%;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiSelectableListItem__icon,
+.euiSelectableListItem__prepend {
+ margin-right: 12px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiSelectableListItem__append {
+ margin-left: 12px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+
+.euiSelectableListItem__text {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiSelectableListItem__text--truncate {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+/**
+ * 1. Prevent really long input from overflowing the container.
+ */
+.euiSelectableMessage {
+ padding: 8px;
+ text-align: center;
+ word-wrap: break-word;
+ /* 1 */
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiSelectableMessage--bordered {
+ overflow: hidden;
+ border: 1px solid #D3DAE6;
+ border-radius: 6px; }
+
+.euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout {
+ background-color: transparent; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout--group,
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout input {
+ box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) {
+ color: #FFF; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input {
+ color: inherit;
+ background-color: transparent; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::-webkit-input-placeholder {
+ color: #bdc0c6;
+ opacity: 1; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::-moz-placeholder {
+ color: #bdc0c6;
+ opacity: 1; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) input::placeholder {
+ color: #bdc0c6;
+ opacity: 1; }
+ .euiHeader--dark .euiSelectableTemplateSitewide .euiFormControlLayout:not(:focus-within) .euiFormControlLayout__append {
+ background-color: transparent;
+ color: inherit; }
+
+.euiSelectableTemplateSitewide__listItem .euiSelectableListItem__text {
+ text-decoration: none !important; }
+
+.euiSelectableTemplateSitewide__listItem[class*='-isFocused']:not([aria-disabled='true']) .euiSelectableTemplateSitewide__listItemTitle, .euiSelectableTemplateSitewide__listItem:hover:not([aria-disabled='true']) .euiSelectableTemplateSitewide__listItemTitle {
+ text-decoration: underline; }
+
+.euiSelectableTemplateSitewide__optionMetasList {
+ display: block;
+ margin-top: 4px;
+ font-size: 12px;
+ color: #69707D; }
+
+.euiSelectableTemplateSitewide__optionMeta:not(:last-of-type)::after {
+ content: '•';
+ margin: 0 4px;
+ color: #69707D; }
+
+.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; }
+
+.euiStat .euiStat__title {
+ color: #000; }
+ .euiStat .euiStat__title--subdued {
+ color: #69707D; }
+ .euiStat .euiStat__title--primary {
+ color: #003c56; }
+ .euiStat .euiStat__title--success {
+ color: #007e77; }
+ .euiStat .euiStat__title--danger {
+ color: #BD271E; }
+ .euiStat .euiStat__title--accent {
+ color: #c4407c; }
+
+.euiStat .euiStat__title-isLoading {
+ -webkit-animation: euiStatPulse 1.5s infinite ease-in-out;
+ animation: euiStatPulse 1.5s infinite ease-in-out; }
+
+.euiStat.euiStat--leftAligned {
+ text-align: left;
+ -webkit-align-items: flex-start;
+ align-items: flex-start; }
+
+.euiStat.euiStat--centerAligned {
+ text-align: center;
+ -webkit-align-items: center;
+ align-items: center; }
+
+.euiStat.euiStat--rightAligned {
+ text-align: right;
+ -webkit-align-items: flex-end;
+ align-items: flex-end; }
+
+@-webkit-keyframes euiStatPulse {
+ 0% {
+ opacity: 1; }
+ 50% {
+ opacity: .25; }
+ 100% {
+ opacity: 1; } }
+
+@keyframes euiStatPulse {
+ 0% {
+ opacity: 1; }
+ 50% {
+ opacity: .25; }
+ 100% {
+ opacity: 1; } }
+
+.euiStepNumber {
+ width: 32px;
+ height: 32px;
+ display: inline-block;
+ line-height: 32px;
+ border-radius: 32px;
+ text-align: center;
+ color: #FFF;
+ background-color: #07C;
+ font-size: 14px;
+ font-weight: 500; }
+ .euiStepNumber .euiStepNumber__icon {
+ vertical-align: middle;
+ position: relative;
+ top: -2px; }
+ .euiStepNumber--small {
+ width: 24px;
+ height: 24px;
+ display: inline-block;
+ line-height: 24px;
+ border-radius: 24px;
+ text-align: center;
+ color: #FFF;
+ background-color: #07C;
+ font-size: 12px;
+ font-weight: 500; }
+ .euiStepNumber--small .euiStepNumber__icon {
+ top: -1px; }
+ .euiStepNumber--complete .euiStepNumber__icon {
+ stroke: currentColor;
+ stroke-width: .5px; }
+ @media screen and (prefers-reduced-motion: no-preference) {
+ .euiStepNumber--complete, .euiStepNumber--warning, .euiStepNumber--danger {
+ -webkit-animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
+ animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1); } }
+ .euiStepNumber--loading {
+ background: transparent; }
+ .euiStepNumber.euiStepNumber-isHollow {
+ background-color: transparent;
+ border: 2px solid #07C; }
+ .euiStepNumber.euiStepNumber-isHollow .euiStepNumber__number {
+ display: none; }
+ .euiStepNumber--warning {
+ color: #8a6a0a;
+ background-color: #fff9e8; }
+ .euiStepNumber--danger {
+ color: #BD271E;
+ background-color: #f8e9e9; }
+ .euiStepNumber--disabled {
+ color: #646a77;
+ background-color: #f0f1f2; }
+ .euiStepNumber--incomplete {
+ color: #646a77;
+ background-color: #f0f1f2; }
+
+/**
+ * 1. Ensure that the step number vertically aligns with the title text
+ */
+.euiStep:not(:last-of-type) {
+ background-image: linear-gradient(to right, transparent 0, transparent 15px, #D3DAE6 15px, #D3DAE6 17px, transparent 17px, transparent 100%);
+ background-repeat: no-repeat;
+ background-position: left 40px; }
+
+.euiStep--small:not(:last-of-type) {
+ background-position: left -4px top 32px; }
+
+.euiStep--small .euiStep__content {
+ padding-left: 28px;
+ margin-left: 12px; }
+
+.euiStep__titleWrapper {
+ display: -webkit-flex;
+ display: flex; }
+
+.euiStep__circle {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ margin-right: 16px;
+ vertical-align: top;
+ /* 1 */ }
+
+.euiStep__title {
+ font-weight: 500; }
+
+.euiStep__content {
+ padding: 16px 16px 32px;
+ margin: 8px 0;
+ padding-left: 32px;
+ margin-left: 16px; }
+
+.euiSubSteps {
+ padding: 16px;
+ background-color: #F5F7FA;
+ margin-bottom: 16px; }
+ .euiSubSteps > *:last-child {
+ margin-bottom: 0; }
+ .euiText .euiSubSteps ol,
+ .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 {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ background: rgba(245, 247, 250, 0.5); }
+
+.euiStepHorizontal__item {
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ /* 2 */
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%;
+ /* 2 */ }
+ .euiStepHorizontal__item:first-of-type > .euiStepHorizontal::before,
+ .euiStepHorizontal__item:last-of-type > .euiStepHorizontal::after {
+ display: none; }
+
+.euiStepHorizontal {
+ padding: 24px 16px 16px;
+ display: -webkit-flex;
+ display: flex;
+ /* 3 */
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ /* 3 */
+ -webkit-align-items: center;
+ align-items: center;
+ /* 3 */
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start;
+ /* 3 */
+ cursor: pointer;
+ 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::before, .euiStepHorizontal::after {
+ content: '';
+ position: absolute;
+ width: calc(50% - 16px);
+ height: 1px;
+ top: 40px;
+ background-color: #D3DAE6;
+ z-index: 0;
+ /* 1 */ }
+ .euiStepHorizontal::before {
+ left: 0; }
+ .euiStepHorizontal::after {
+ right: 0; }
+
+.euiStepHorizontal__number {
+ position: relative;
+ /* 1 */
+ z-index: 1;
+ /* 1 */
+ transition: all 150ms ease-in-out; }
+
+.euiStepHorizontal__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ margin-top: 8px;
+ font-weight: 400;
+ text-align: center; }
+ .euiStepHorizontal-isDisabled .euiStepHorizontal__title {
+ color: #69707D; }
+
+.euiStepHorizontal-isComplete::before, .euiStepHorizontal-isComplete::after {
+ height: 2px;
+ background-color: #07C; }
+
+.euiStepHorizontal-isSelected .euiStepHorizontal__number:not([class*='danger']):not([class*='warning']):not([class*='loading']) {
+ box-shadow: 0 0.8px 0.8px rgba(20, 116, 184, 0.04), 0 2.3px 2px rgba(20, 116, 184, 0.03); }
+
+.euiStepHorizontal-isSelected::before {
+ height: 2px;
+ background-color: #07C; }
+
+@media only screen and (max-width: 574px) {
+ .euiStepHorizontal {
+ padding-top: 16px; }
+ .euiStepHorizontal::before, .euiStepHorizontal::after {
+ top: 32px; }
+ .euiStepHorizontal__title {
+ display: none; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiStepHorizontal {
+ padding-top: 16px; }
+ .euiStepHorizontal::before, .euiStepHorizontal::after {
+ top: 32px; }
+ .euiStepHorizontal__title {
+ display: none; } }
+
+.euiSuggestItem {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ font-size: 12px;
+ line-height: 16px;
+ color: #343741;
+ -webkit-flex: 1 1 100%;
+ flex: 1 1 100%;
+ max-width: 100%; }
+ .euiSuggestItem--truncate .euiSuggestItem__label,
+ .euiSuggestItem--truncate .euiSuggestItem__description {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+
+button.euiSuggestItem {
+ width: 100%;
+ text-align: left; }
+ button.euiSuggestItem:hover, button.euiSuggestItem:focus {
+ cursor: pointer;
+ background-color: rgba(0, 119, 204, 0.1); }
+ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus .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 {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ padding-top: 8px;
+ width: 32px;
+ min-height: 32px;
+ -webkit-align-self: stretch;
+ align-self: stretch; }
+
+.euiSuggestItem__label,
+.euiSuggestItem__description {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ display: inline-block;
+ padding: 8px;
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+
+.euiSuggestItem__label {
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace; }
+ .euiSuggestItem__label.euiSuggestItem__label--width20 {
+ -webkit-flex-basis: calc(20% - 16px);
+ flex-basis: calc(20% - 16px);
+ min-width: calc(20% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width21 {
+ -webkit-flex-basis: calc(21% - 16px);
+ flex-basis: calc(21% - 16px);
+ min-width: calc(21% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width22 {
+ -webkit-flex-basis: calc(22% - 16px);
+ flex-basis: calc(22% - 16px);
+ min-width: calc(22% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width23 {
+ -webkit-flex-basis: calc(23% - 16px);
+ flex-basis: calc(23% - 16px);
+ min-width: calc(23% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width24 {
+ -webkit-flex-basis: calc(24% - 16px);
+ flex-basis: calc(24% - 16px);
+ min-width: calc(24% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width25 {
+ -webkit-flex-basis: calc(25% - 16px);
+ flex-basis: calc(25% - 16px);
+ min-width: calc(25% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width26 {
+ -webkit-flex-basis: calc(26% - 16px);
+ flex-basis: calc(26% - 16px);
+ min-width: calc(26% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width27 {
+ -webkit-flex-basis: calc(27% - 16px);
+ flex-basis: calc(27% - 16px);
+ min-width: calc(27% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width28 {
+ -webkit-flex-basis: calc(28% - 16px);
+ flex-basis: calc(28% - 16px);
+ min-width: calc(28% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width29 {
+ -webkit-flex-basis: calc(29% - 16px);
+ flex-basis: calc(29% - 16px);
+ min-width: calc(29% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width30 {
+ -webkit-flex-basis: calc(30% - 16px);
+ flex-basis: calc(30% - 16px);
+ min-width: calc(30% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width31 {
+ -webkit-flex-basis: calc(31% - 16px);
+ flex-basis: calc(31% - 16px);
+ min-width: calc(31% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width32 {
+ -webkit-flex-basis: calc(32% - 16px);
+ flex-basis: calc(32% - 16px);
+ min-width: calc(32% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width33 {
+ -webkit-flex-basis: calc(33% - 16px);
+ flex-basis: calc(33% - 16px);
+ min-width: calc(33% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width34 {
+ -webkit-flex-basis: calc(34% - 16px);
+ flex-basis: calc(34% - 16px);
+ min-width: calc(34% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width35 {
+ -webkit-flex-basis: calc(35% - 16px);
+ flex-basis: calc(35% - 16px);
+ min-width: calc(35% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width36 {
+ -webkit-flex-basis: calc(36% - 16px);
+ flex-basis: calc(36% - 16px);
+ min-width: calc(36% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width37 {
+ -webkit-flex-basis: calc(37% - 16px);
+ flex-basis: calc(37% - 16px);
+ min-width: calc(37% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width38 {
+ -webkit-flex-basis: calc(38% - 16px);
+ flex-basis: calc(38% - 16px);
+ min-width: calc(38% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width39 {
+ -webkit-flex-basis: calc(39% - 16px);
+ flex-basis: calc(39% - 16px);
+ min-width: calc(39% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width40 {
+ -webkit-flex-basis: calc(40% - 16px);
+ flex-basis: calc(40% - 16px);
+ min-width: calc(40% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width41 {
+ -webkit-flex-basis: calc(41% - 16px);
+ flex-basis: calc(41% - 16px);
+ min-width: calc(41% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width42 {
+ -webkit-flex-basis: calc(42% - 16px);
+ flex-basis: calc(42% - 16px);
+ min-width: calc(42% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width43 {
+ -webkit-flex-basis: calc(43% - 16px);
+ flex-basis: calc(43% - 16px);
+ min-width: calc(43% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width44 {
+ -webkit-flex-basis: calc(44% - 16px);
+ flex-basis: calc(44% - 16px);
+ min-width: calc(44% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width45 {
+ -webkit-flex-basis: calc(45% - 16px);
+ flex-basis: calc(45% - 16px);
+ min-width: calc(45% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width46 {
+ -webkit-flex-basis: calc(46% - 16px);
+ flex-basis: calc(46% - 16px);
+ min-width: calc(46% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width47 {
+ -webkit-flex-basis: calc(47% - 16px);
+ flex-basis: calc(47% - 16px);
+ min-width: calc(47% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width48 {
+ -webkit-flex-basis: calc(48% - 16px);
+ flex-basis: calc(48% - 16px);
+ min-width: calc(48% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width49 {
+ -webkit-flex-basis: calc(49% - 16px);
+ flex-basis: calc(49% - 16px);
+ min-width: calc(49% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width50 {
+ -webkit-flex-basis: calc(50% - 16px);
+ flex-basis: calc(50% - 16px);
+ min-width: calc(50% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width51 {
+ -webkit-flex-basis: calc(51% - 16px);
+ flex-basis: calc(51% - 16px);
+ min-width: calc(51% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width52 {
+ -webkit-flex-basis: calc(52% - 16px);
+ flex-basis: calc(52% - 16px);
+ min-width: calc(52% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width53 {
+ -webkit-flex-basis: calc(53% - 16px);
+ flex-basis: calc(53% - 16px);
+ min-width: calc(53% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width54 {
+ -webkit-flex-basis: calc(54% - 16px);
+ flex-basis: calc(54% - 16px);
+ min-width: calc(54% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width55 {
+ -webkit-flex-basis: calc(55% - 16px);
+ flex-basis: calc(55% - 16px);
+ min-width: calc(55% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width56 {
+ -webkit-flex-basis: calc(56% - 16px);
+ flex-basis: calc(56% - 16px);
+ min-width: calc(56% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width57 {
+ -webkit-flex-basis: calc(57% - 16px);
+ flex-basis: calc(57% - 16px);
+ min-width: calc(57% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width58 {
+ -webkit-flex-basis: calc(58% - 16px);
+ flex-basis: calc(58% - 16px);
+ min-width: calc(58% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width59 {
+ -webkit-flex-basis: calc(59% - 16px);
+ flex-basis: calc(59% - 16px);
+ min-width: calc(59% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width60 {
+ -webkit-flex-basis: calc(60% - 16px);
+ flex-basis: calc(60% - 16px);
+ min-width: calc(60% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width61 {
+ -webkit-flex-basis: calc(61% - 16px);
+ flex-basis: calc(61% - 16px);
+ min-width: calc(61% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width62 {
+ -webkit-flex-basis: calc(62% - 16px);
+ flex-basis: calc(62% - 16px);
+ min-width: calc(62% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width63 {
+ -webkit-flex-basis: calc(63% - 16px);
+ flex-basis: calc(63% - 16px);
+ min-width: calc(63% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width64 {
+ -webkit-flex-basis: calc(64% - 16px);
+ flex-basis: calc(64% - 16px);
+ min-width: calc(64% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width65 {
+ -webkit-flex-basis: calc(65% - 16px);
+ flex-basis: calc(65% - 16px);
+ min-width: calc(65% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width66 {
+ -webkit-flex-basis: calc(66% - 16px);
+ flex-basis: calc(66% - 16px);
+ min-width: calc(66% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width67 {
+ -webkit-flex-basis: calc(67% - 16px);
+ flex-basis: calc(67% - 16px);
+ min-width: calc(67% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width68 {
+ -webkit-flex-basis: calc(68% - 16px);
+ flex-basis: calc(68% - 16px);
+ min-width: calc(68% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width69 {
+ -webkit-flex-basis: calc(69% - 16px);
+ flex-basis: calc(69% - 16px);
+ min-width: calc(69% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width70 {
+ -webkit-flex-basis: calc(70% - 16px);
+ flex-basis: calc(70% - 16px);
+ min-width: calc(70% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width71 {
+ -webkit-flex-basis: calc(71% - 16px);
+ flex-basis: calc(71% - 16px);
+ min-width: calc(71% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width72 {
+ -webkit-flex-basis: calc(72% - 16px);
+ flex-basis: calc(72% - 16px);
+ min-width: calc(72% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width73 {
+ -webkit-flex-basis: calc(73% - 16px);
+ flex-basis: calc(73% - 16px);
+ min-width: calc(73% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width74 {
+ -webkit-flex-basis: calc(74% - 16px);
+ flex-basis: calc(74% - 16px);
+ min-width: calc(74% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width75 {
+ -webkit-flex-basis: calc(75% - 16px);
+ flex-basis: calc(75% - 16px);
+ min-width: calc(75% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width76 {
+ -webkit-flex-basis: calc(76% - 16px);
+ flex-basis: calc(76% - 16px);
+ min-width: calc(76% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width77 {
+ -webkit-flex-basis: calc(77% - 16px);
+ flex-basis: calc(77% - 16px);
+ min-width: calc(77% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width78 {
+ -webkit-flex-basis: calc(78% - 16px);
+ flex-basis: calc(78% - 16px);
+ min-width: calc(78% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width79 {
+ -webkit-flex-basis: calc(79% - 16px);
+ flex-basis: calc(79% - 16px);
+ min-width: calc(79% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width80 {
+ -webkit-flex-basis: calc(80% - 16px);
+ flex-basis: calc(80% - 16px);
+ min-width: calc(80% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width81 {
+ -webkit-flex-basis: calc(81% - 16px);
+ flex-basis: calc(81% - 16px);
+ min-width: calc(81% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width82 {
+ -webkit-flex-basis: calc(82% - 16px);
+ flex-basis: calc(82% - 16px);
+ min-width: calc(82% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width83 {
+ -webkit-flex-basis: calc(83% - 16px);
+ flex-basis: calc(83% - 16px);
+ min-width: calc(83% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width84 {
+ -webkit-flex-basis: calc(84% - 16px);
+ flex-basis: calc(84% - 16px);
+ min-width: calc(84% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width85 {
+ -webkit-flex-basis: calc(85% - 16px);
+ flex-basis: calc(85% - 16px);
+ min-width: calc(85% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width86 {
+ -webkit-flex-basis: calc(86% - 16px);
+ flex-basis: calc(86% - 16px);
+ min-width: calc(86% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width87 {
+ -webkit-flex-basis: calc(87% - 16px);
+ flex-basis: calc(87% - 16px);
+ min-width: calc(87% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width88 {
+ -webkit-flex-basis: calc(88% - 16px);
+ flex-basis: calc(88% - 16px);
+ min-width: calc(88% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width89 {
+ -webkit-flex-basis: calc(89% - 16px);
+ flex-basis: calc(89% - 16px);
+ min-width: calc(89% - 16px); }
+ .euiSuggestItem__label.euiSuggestItem__label--width90 {
+ -webkit-flex-basis: calc(90% - 16px);
+ flex-basis: calc(90% - 16px);
+ min-width: calc(90% - 16px); }
+ .euiSuggestItem__label--expand {
+ -webkit-flex-basis: auto;
+ flex-basis: auto; }
+
+.euiSuggestItem__description {
+ color: #69707D;
+ padding-top: 9px;
+ -webkit-flex-basis: auto;
+ flex-basis: auto;
+ -webkit-align-self: baseline;
+ align-self: baseline; }
+ .euiSuggestItem__description.euiSuggestItem__description--wrap {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ white-space: normal !important; }
+
+.euiSuggestItemOption[class*='isFocused'] .euiSuggestItem__label, .euiSuggestItemOption:hover:not([aria-disabled='true']) .euiSuggestItem__label, .euiSuggestItemOption:focus .euiSuggestItem__label {
+ text-decoration: underline; }
+
+.euiSuggestInput__statusIcon {
+ background-color: transparent !important; }
+
+/**
+ * NOTE: table-layout: fixed causes a bug in IE11 and Edge (see #9929). It also prevents us from
+ * specifying a column width, e.g. the checkbox column.
+ */
+.euiTable {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
+ width: 100%;
+ table-layout: fixed;
+ border: none;
+ border-collapse: collapse;
+ background-color: #FFF; }
+ .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: 0.85714rem;
+ line-height: 1.14286rem;
+ padding: 4px; } }
+
+@media only screen and (min-width: 992px) and (max-width: 1199px) {
+ .euiTable--compressed .euiTableCellContent {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding: 4px; } }
+
+@media only screen and (min-width: 1200px) {
+ .euiTable--compressed .euiTableCellContent {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ padding: 4px; } }
+
+.euiTableFooterCell,
+.euiTableHeaderCell {
+ vertical-align: middle;
+ border-top: 1px solid #D3DAE6;
+ border-bottom: 1px solid #D3DAE6;
+ font-weight: inherit;
+ text-align: left;
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 500;
+ border-top: none; }
+ .euiTableFooterCell .euiTableHeaderButton,
+ .euiTableHeaderCell .euiTableHeaderButton {
+ text-align: left;
+ font-weight: 500; }
+ .euiTableFooterCell .euiTableCellContent__text,
+ .euiTableHeaderCell .euiTableCellContent__text {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 600; }
+
+.euiTableHeaderButton {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ color: inherit;
+ width: 100%; }
+ .euiTableHeaderButton:hover .euiTableCellContent__text, .euiTableHeaderButton:focus .euiTableCellContent__text {
+ text-decoration: underline;
+ color: #07C; }
+ .euiTableHeaderButton:hover .euiTableSortIcon, .euiTableHeaderButton:focus .euiTableSortIcon {
+ fill: #07C; }
+
+.euiTableSortIcon {
+ margin-left: 4px;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiTableHeaderButton-isSorted .euiTableSortIcon {
+ fill: #e83765; }
+
+.euiTableHeaderCellCheckbox {
+ vertical-align: middle;
+ border-top: 1px solid #D3DAE6;
+ border-bottom: 1px solid #D3DAE6;
+ font-weight: inherit;
+ text-align: left;
+ width: 32px;
+ vertical-align: middle;
+ border-top: none; }
+
+.euiTableRow:hover {
+ background-color: #fafbfd; }
+
+.euiTableRow.euiTableRow-isClickable:hover {
+ background-color: rgba(0, 119, 204, 0.05);
+ cursor: pointer; }
+
+.euiTableRow.euiTableRow-isClickable:focus {
+ background-color: rgba(0, 119, 204, 0.1); }
+
+.euiTableRow.euiTableRow-isExpandedRow {
+ background-color: #fafbfd; }
+ .euiTableRow.euiTableRow-isExpandedRow.euiTableRow-isSelectable .euiTableCellContent {
+ padding-left: 40px; }
+
+.euiTableRow.euiTableRow-isSelected {
+ background-color: rgba(227, 240, 249, 0.37); }
+ .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
+ background-color: rgba(227, 240, 249, 0.37); }
+ .euiTableRow.euiTableRow-isSelected:hover,
+ .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
+ background-color: rgba(0, 119, 204, 0.1); }
+
+.euiTableRowCell {
+ vertical-align: middle;
+ border-top: 1px solid #D3DAE6;
+ border-bottom: 1px solid #D3DAE6;
+ font-weight: inherit;
+ text-align: left;
+ color: #343741; }
+ .euiTableRowCell--top {
+ vertical-align: top; }
+ .euiTableRowCell--bottom {
+ vertical-align: bottom; }
+ .euiTableRowCell--baseline {
+ vertical-align: baseline; }
+ .euiTableRowCell.euiTableRowCell--isMobileHeader {
+ display: none; }
+
+.euiTableRowCellCheckbox {
+ vertical-align: middle;
+ border-top: 1px solid #D3DAE6;
+ border-bottom: 1px solid #D3DAE6;
+ font-weight: inherit;
+ text-align: left;
+ width: 32px;
+ vertical-align: middle; }
+
+.euiTableFooterCell {
+ background-color: #F5F7FA;
+ border-bottom: none; }
+
+/**
+ * 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 {
+ overflow: hidden;
+ /* 4 */
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: center;
+ align-items: center;
+ /* 1 */
+ padding: 8px;
+ /* 2 */ }
+
+.euiTableCellContent__text {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ /* 4 */
+ min-width: 0;
+ text-overflow: ellipsis; }
+
+.euiTableCellContent--alignRight {
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ text-align: right; }
+
+.euiTableCellContent--alignCenter {
+ -webkit-justify-content: center;
+ justify-content: center;
+ text-align: center; }
+
+.euiTableHeaderCell,
+.euiTableFooterCell,
+.euiTableCellContent--truncateText {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important; }
+ .euiTableHeaderCell .euiTableCellContent__text,
+ .euiTableFooterCell .euiTableCellContent__text,
+ .euiTableCellContent--truncateText .euiTableCellContent__text {
+ overflow: hidden; }
+
+.euiTableCellContent--overflowingContent {
+ overflow: visible;
+ white-space: normal;
+ word-break: break-all;
+ word-break: break-word; }
+
+.euiTableCellContent--showOnHover > *:not(:first-child) {
+ margin-left: 8px; }
+
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ opacity: .7;
+ -webkit-filter: grayscale(100%);
+ filter: grayscale(100%);
+ transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
+ transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide,
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled,
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:hover,
+.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:focus,
+.euiTableRow:hover .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled {
+ -webkit-filter: grayscale(0%);
+ filter: grayscale(0%);
+ opacity: 0; }
+
+.euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled), .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):hover, .euiTableRow-hasActions:hover .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem:not(:disabled):focus {
+ opacity: 1;
+ -webkit-filter: grayscale(0%);
+ filter: grayscale(0%); }
+
+.euiTableRow-isExpandedRow .euiTableCellContent {
+ overflow: hidden;
+ -webkit-animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow;
+ animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow; }
+
+@-webkit-keyframes growExpandedRow {
+ 0% {
+ max-height: 0; }
+ 99% {
+ max-height: 100vh; }
+ 100% {
+ max-height: unset; } }
+
+@keyframes growExpandedRow {
+ 0% {
+ max-height: 0; }
+ 99% {
+ max-height: 100vh; }
+ 100% {
+ 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 thead {
+ display: none; }
+ .euiTable.euiTable--responsive tfoot {
+ display: none; }
+ .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 9.625px;
+ font-size: 0.6875rem;
+ display: block;
+ color: #69707D;
+ padding: 8px;
+ padding-bottom: 0;
+ margin-bottom: -8px;
+ min-height: 24px; }
+ .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
+ min-height: 0; }
+ .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem; }
+ .euiTable.euiTable--responsive .euiTableRow {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
+ border: 1px solid #D3DAE6;
+ box-shadow: none; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .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: transparent; }
+ .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 {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
+ background-color: #FFF;
+ border-radius: 6px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 8px;
+ margin-bottom: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow:hover {
+ background-color: #FFF; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
+ background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
+ background-size: 40px 100%;
+ background-position-x: right;
+ background-repeat: no-repeat;
+ padding-right: 40px;
+ position: relative; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
+ min-width: 0;
+ width: 24px;
+ position: absolute;
+ top: 16px;
+ right: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
+ display: none; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ padding: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
+ padding: 4px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
+ top: auto;
+ bottom: 16px;
+ right: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
+ padding-left: 36px;
+ position: relative; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
+ position: absolute;
+ left: 4px;
+ top: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
+ background-color: rgba(227, 240, 249, 0.37); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
+ background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
+ background-size: 40px 100%;
+ background-position-x: right;
+ background-repeat: no-repeat;
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
+ margin-top: -16px;
+ position: relative;
+ z-index: 2;
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ padding-left: 8px; }
+ .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 {
+ display: block;
+ /* IE requires block to grow and wrap. */
+ min-width: 50%;
+ border: none; }
+ .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 {
+ opacity: 1;
+ -webkit-filter: none;
+ filter: none;
+ margin-left: 0;
+ margin-bottom: 8px; }
+ .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; }
+ .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiTable.euiTable--responsive thead {
+ display: none; }
+ .euiTable.euiTable--responsive tfoot {
+ display: none; }
+ .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 9.625px;
+ font-size: 0.6875rem;
+ display: block;
+ color: #69707D;
+ padding: 8px;
+ padding-bottom: 0;
+ margin-bottom: -8px;
+ min-height: 24px; }
+ .euiTableRowCell:only-child .euiTable.euiTable--responsive .euiTableRowCell__mobileHeader {
+ min-height: 0; }
+ .euiTable.euiTable--responsive .euiTableRowCell--enlargeForMobile {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem; }
+ .euiTable.euiTable--responsive .euiTableRow {
+ -webkit-flex-grow: 1;
+ flex-grow: 1; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
+ -webkit-flex-grow: 0;
+ flex-grow: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasShadow {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--hasBorder {
+ border: 1px solid #D3DAE6;
+ box-shadow: none; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
+ transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:enabled {
+ display: block;
+ width: 100%;
+ text-align: left; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ -webkit-transform: translateY(-2px);
+ transform: translateY(-2px);
+ cursor: pointer; }
+ .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: transparent; }
+ .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 {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
+ background-color: #FFF;
+ border-radius: 6px;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-wrap: wrap;
+ flex-wrap: wrap;
+ padding: 8px;
+ margin-bottom: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow:hover {
+ background-color: #FFF; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
+ background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
+ background-size: 40px 100%;
+ background-position-x: right;
+ background-repeat: no-repeat;
+ padding-right: 40px;
+ position: relative; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
+ min-width: 0;
+ width: 24px;
+ position: absolute;
+ top: 16px;
+ right: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
+ display: none; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ padding: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
+ padding: 4px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
+ top: auto;
+ bottom: 16px;
+ right: 0; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
+ padding-left: 36px;
+ position: relative; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
+ position: absolute;
+ left: 4px;
+ top: 8px; }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow,
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
+ background-color: rgba(227, 240, 249, 0.37); }
+ .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
+ background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
+ background-size: 40px 100%;
+ background-position-x: right;
+ background-repeat: no-repeat;
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05);
+ margin-top: -16px;
+ position: relative;
+ z-index: 2;
+ border-top: none;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ padding-left: 8px; }
+ .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 {
+ display: block;
+ /* IE requires block to grow and wrap. */
+ min-width: 50%;
+ border: none; }
+ .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 {
+ opacity: 1;
+ -webkit-filter: none;
+ filter: none;
+ margin-left: 0;
+ margin-bottom: 8px; }
+ .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; }
+ .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
+ -webkit-justify-content: flex-start;
+ justify-content: flex-start; } }
+
+.euiTableHeaderMobile,
+.euiTableHeaderCell--hideForDesktop {
+ display: none; }
+
+@media only screen and (max-width: 574px) {
+ .euiTableHeaderMobile {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ padding: 8px 0; }
+ .euiTableSortMobile {
+ display: block; } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ .euiTableHeaderMobile {
+ display: -webkit-flex;
+ display: flex;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+ padding: 8px 0; }
+ .euiTableSortMobile {
+ display: block; } }
+
+.euiTabs {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ display: -webkit-flex;
+ display: flex;
+ max-width: 100%;
+ overflow-x: auto;
+ overflow-y: hidden;
+ position: relative;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0; }
+ .euiTabs::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiTabs::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiTabs::-webkit-scrollbar-corner, .euiTabs::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiTabs--bottomBorder {
+ box-shadow: inset 0 -1px 0 #D3DAE6; }
+ .euiTabs::-webkit-scrollbar {
+ height: 2px; }
+
+.euiTab {
+ color: #343741;
+ padding: 12px 16px;
+ cursor: pointer;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: row;
+ flex-direction: row;
+ -webkit-align-items: center;
+ align-items: center; }
+ .euiTab .euiTab__content {
+ max-width: 100%;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+ word-wrap: normal !important;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ color: #343741;
+ line-height: 1.5;
+ display: block; }
+ .euiTab:not(.euiTab-isDisabled):hover .euiTab__content,
+ .euiTab:not(.euiTab-isDisabled):focus .euiTab__content {
+ text-decoration: underline; }
+ .euiTab:focus {
+ background-color: rgba(0, 119, 204, 0.1);
+ outline-offset: -2px; }
+ .euiTab.euiTab-isSelected {
+ box-shadow: inset 0 -2px 0 #003c56; }
+ .euiTab.euiTab-isSelected,
+ .euiTab.euiTab-isSelected .euiTab__content {
+ color: #003c56 !important; }
+ .euiTab.euiTab-isDisabled,
+ .euiTab.euiTab-isDisabled .euiTab__content {
+ color: #ABB4C4 !important; }
+ .euiTab.euiTab-isDisabled:hover {
+ cursor: not-allowed; }
+ .euiTab.euiTab-isDisabled.euiTab-isSelected {
+ box-shadow: inset 0 -2px 0 #ABB4C4; }
+ .euiTabs--small .euiTab {
+ padding: 8px; }
+ .euiTabs--small .euiTab .euiTab__content {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+ .euiTabs--large .euiTab {
+ padding: 12px 16px; }
+ .euiTabs--xlarge .euiTab {
+ padding: 8px 24px; }
+ .euiTabs--xlarge .euiTab .euiTab__content {
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem; }
+ .euiTabs--expand .euiTab {
+ -webkit-flex-basis: 0%;
+ flex-basis: 0%;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ -webkit-justify-content: center;
+ justify-content: center; }
+
+.euiTab__prepend {
+ margin-right: 8px; }
+
+.euiTab__append {
+ margin-left: 8px; }
+
+.euiTabs--condensed .euiTab {
+ padding: 8px 4px; }
+ .euiTabs--condensed .euiTab .euiTab__content {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 600; }
+ .euiTabs--condensed .euiTab + .euiTab {
+ margin-left: 16px; }
+
+.euiTabs--condensed.euiTabs--small .euiTab {
+ padding: 6px 4px; }
+ .euiTabs--condensed.euiTabs--small .euiTab .euiTab__content {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem; }
+
+.euiTabs--condensed.euiTabs--large .euiTab + .euiTab {
+ margin-left: 24px; }
+
+.euiTabs--condensed.euiTabs--xlarge .euiTab {
+ padding: 12px 4px; }
+ .euiTabs--condensed.euiTabs--xlarge .euiTab .euiTab__content {
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem; }
+ .euiTabs--condensed.euiTabs--xlarge .euiTab + .euiTab {
+ margin-left: 24px; }
+
+.euiTextDiff del {
+ color: #BD271E; }
+
+.euiTextDiff ins {
+ color: #007e77; }
+
+.euiTitle + .euiTitle {
+ margin-top: 24px; }
+
+.euiTitle--uppercase {
+ text-transform: uppercase; }
+
+.euiTitle--xxxsmall {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 700; }
+
+.euiTitle--xxsmall {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+
+.euiTitle--xsmall {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+
+.euiTitle--small {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+
+.euiTitle--medium {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 27px;
+ font-size: 1.92857rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+
+.euiTitle--large {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 34px;
+ font-size: 2.42857rem;
+ line-height: 2.85714rem;
+ font-weight: 700; }
+
+/**
+ * 1. Allow list to expand as items are added, but cap it at the screen height.
+ * 2. Allow some padding for shadow
+ */
+.euiGlobalToastList {
+ scrollbar-color: rgba(105, 112, 125, 0.5) transparent;
+ scrollbar-width: thin;
+ display: -webkit-flex;
+ display: flex;
+ -webkit-flex-direction: column;
+ flex-direction: column;
+ -webkit-align-items: stretch;
+ align-items: stretch;
+ position: fixed;
+ z-index: 9000;
+ bottom: 0;
+ width: 400px;
+ /* 2 */
+ max-height: 100vh;
+ /* 1 */
+ overflow-y: auto;
+ scrollbar-width: none; }
+ .euiGlobalToastList::-webkit-scrollbar {
+ width: 16px;
+ height: 16px; }
+ .euiGlobalToastList::-webkit-scrollbar-thumb {
+ background-color: rgba(105, 112, 125, 0.5);
+ background-clip: content-box;
+ border-radius: 16px;
+ border: 6px solid transparent; }
+ .euiGlobalToastList::-webkit-scrollbar-corner, .euiGlobalToastList::-webkit-scrollbar-track {
+ background-color: transparent; }
+ .euiGlobalToastList::-webkit-scrollbar {
+ width: 0;
+ height: 0; }
+ .euiGlobalToastList:not(:empty) {
+ padding: 16px; }
+
+.euiGlobalToastList--right:not(:empty) {
+ right: 0;
+ padding-left: 64px;
+ /* 2 */ }
+
+.euiGlobalToastList--left:not(:empty) {
+ left: 0;
+ padding-right: 64px;
+ /* 2 */ }
+
+.euiGlobalToastListItem {
+ margin-bottom: 16px;
+ -webkit-animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
+ animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
+ opacity: 1;
+ /**
+ * 1. justify-content: flex-end interferes with overflowing content, so we'll use this to push
+ * items to the bottom instead.
+ */ }
+ .euiGlobalToastListItem:first-child {
+ margin-top: auto;
+ /* 1 */ }
+ .euiGlobalToastListItem:last-child {
+ margin-bottom: 0; }
+ .euiGlobalToastListItem.euiGlobalToastListItem-isDismissed {
+ transition: opacity 250ms;
+ opacity: 0; }
+
+@-webkit-keyframes euiShowToast {
+ from {
+ -webkit-transform: translateY(24px) scale(0.9);
+ transform: translateY(24px) scale(0.9);
+ opacity: 0; }
+ to {
+ -webkit-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ opacity: 1; } }
+
+@keyframes euiShowToast {
+ from {
+ -webkit-transform: translateY(24px) scale(0.9);
+ transform: translateY(24px) scale(0.9);
+ opacity: 0; }
+ to {
+ -webkit-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ opacity: 1; } }
+
+@media only screen and (max-width: 574px) {
+ /**
+ * 1. Mobile we make these 100%. Matching change happens on the item as well.
+ */
+ .euiGlobalToastList:not(:empty) {
+ left: 0;
+ padding-left: 16px;
+ padding-right: 16px;
+ width: 100%;
+ /* 1 */ } }
+
+@media only screen and (min-width: 575px) and (max-width: 767px) {
+ /**
+ * 1. Mobile we make these 100%. Matching change happens on the item as well.
+ */
+ .euiGlobalToastList:not(:empty) {
+ left: 0;
+ padding-left: 16px;
+ padding-right: 16px;
+ width: 100%;
+ /* 1 */ } }
+
+.euiToast {
+ border: 1px solid #D3DAE6;
+ box-shadow: 0 2.7px 9px rgba(0, 0, 0, 0.13), 0 9.4px 24px rgba(0, 0, 0, 0.09), 0 21.8px 43px rgba(0, 0, 0, 0.08);
+ position: relative;
+ padding: 16px;
+ background-color: #FFF;
+ width: 100%; }
+ .euiToast:hover .euiToast__closeButton,
+ .euiToast:focus .euiToast__closeButton {
+ opacity: 1; }
+
+/**
+ * 1. Fit button to icon.
+ */
+.euiToast__closeButton {
+ position: absolute;
+ top: 16px;
+ right: 16px;
+ line-height: 0;
+ /* 1 */
+ -webkit-appearance: none;
+ -moz-appearance: none;
+ appearance: none;
+ opacity: 0;
+ transition: opacity 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
+ .euiToast__closeButton svg {
+ fill: #8d8e90; }
+ .euiToast__closeButton:hover svg {
+ fill: #e83765; }
+ .euiToast__closeButton:focus {
+ background-color: rgba(0, 119, 204, 0.1);
+ opacity: 1; }
+ .euiToast__closeButton:focus svg {
+ fill: #07C; }
+
+.euiToast--primary {
+ border-top: 2px solid #07C; }
+
+.euiToast--success {
+ border-top: 2px solid #00a39a; }
+
+.euiToast--warning {
+ border-top: 2px solid #b28a0d; }
+
+.euiToast--danger {
+ border-top: 2px solid #BD271E; }
+
+/**
+ * 1. Align icon with first line of title text if it wraps.
+ * 2. Apply margin to all but last item in the flex.
+ * 3. Account for close button.
+ */
+.euiToastHeader {
+ padding-right: 24px;
+ /* 3 */
+ display: -webkit-flex;
+ display: flex;
+ -webkit-align-items: baseline;
+ align-items: baseline;
+ /* 1 */ }
+ .euiToastHeader > * + * {
+ margin-left: 8px;
+ /* 2 */ }
+
+/**
+ * 1. Vertically center icon with first line of title.
+ */
+.euiToastHeader__icon {
+ -webkit-flex: 0 0 auto;
+ flex: 0 0 auto;
+ fill: #e83765;
+ -webkit-transform: translateY(2px);
+ transform: translateY(2px);
+ /* 1 */ }
+
+.euiToastHeader__title {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ font-weight: 300; }
+
+.euiToastHeader--withBody {
+ margin-bottom: 8px; }
+
+/**
+ * 1. Prevent long lines from overflowing.
+ */
+.euiToastBody {
+ word-wrap: break-word;
+ /* 1 */ }
+
+.euiToken {
+ display: -webkit-inline-flex;
+ display: inline-flex;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-justify-content: center;
+ justify-content: center; }
+ .euiToken svg {
+ height: 100%;
+ margin: auto; }
+
+.euiToken--circle {
+ border-radius: 50%; }
+
+.euiToken--square {
+ border-radius: 5px; }
+
+.euiToken--xsmall {
+ width: 12px;
+ height: 12px; }
+ .euiToken--xsmall.euiToken--rectangle {
+ padding: 0 4px; }
+
+.euiToken--small {
+ width: 16px;
+ height: 16px; }
+ .euiToken--small.euiToken--rectangle {
+ padding: 0 4px; }
+
+.euiToken--medium {
+ width: 24px;
+ height: 24px; }
+ .euiToken--medium.euiToken--rectangle {
+ padding: 0 8px; }
+
+.euiToken--large {
+ width: 32px;
+ height: 32px; }
+ .euiToken--large.euiToken--rectangle {
+ padding: 0 8px; }
+
+.euiToken--rectangle {
+ box-sizing: content-box; }
+
+.euiToken--euiColorVis0 {
+ color: #54B399; }
+ .euiToken--euiColorVis0.euiToken--light {
+ color: #387765;
+ background-color: #eef7f5;
+ box-shadow: inset 0 0 0 1px #cce8e0; }
+ .euiToken--euiColorVis0.euiToken--dark {
+ background-color: #6DCCB1;
+ color: #000; }
+
+.euiToken--euiColorVis1 {
+ color: #6092C0; }
+ .euiToken--euiColorVis1.euiToken--light {
+ color: #4a7194;
+ background-color: #eff4f9;
+ box-shadow: inset 0 0 0 1px #cfdeec; }
+ .euiToken--euiColorVis1.euiToken--dark {
+ background-color: #79AAD9;
+ color: #000; }
+
+.euiToken--euiColorVis2 {
+ color: #D36086; }
+ .euiToken--euiColorVis2.euiToken--light {
+ color: #ac4e6d;
+ background-color: #fbeff3;
+ box-shadow: inset 0 0 0 1px #f2cfdb; }
+ .euiToken--euiColorVis2.euiToken--dark {
+ background-color: #EE789D;
+ color: #000; }
+
+.euiToken--euiColorVis3 {
+ color: #9170B8; }
+ .euiToken--euiColorVis3.euiToken--light {
+ color: #7c609e;
+ background-color: #f4f1f8;
+ box-shadow: inset 0 0 0 1px #ded4ea; }
+ .euiToken--euiColorVis3.euiToken--dark {
+ background-color: #A987D1;
+ color: #000; }
+
+.euiToken--euiColorVis4 {
+ color: #CA8EAE; }
+ .euiToken--euiColorVis4.euiToken--light {
+ color: #8d647a;
+ background-color: #faf4f7;
+ box-shadow: inset 0 0 0 1px #efdde7; }
+ .euiToken--euiColorVis4.euiToken--dark {
+ background-color: #E4A6C7;
+ color: #000; }
+
+.euiToken--euiColorVis5 {
+ color: #D6BF57; }
+ .euiToken--euiColorVis5.euiToken--light {
+ color: #807234;
+ background-color: #fbf9ee;
+ box-shadow: inset 0 0 0 1px #f3eccd; }
+ .euiToken--euiColorVis5.euiToken--dark {
+ background-color: #F1D86F;
+ color: #000; }
+
+.euiToken--euiColorVis6 {
+ color: #B9A888; }
+ .euiToken--euiColorVis6.euiToken--light {
+ color: #7b705a;
+ background-color: #f8f6f3;
+ box-shadow: inset 0 0 0 1px #eae5db; }
+ .euiToken--euiColorVis6.euiToken--dark {
+ background-color: #D2C0A0;
+ color: #000; }
+
+.euiToken--euiColorVis7 {
+ color: #DA8B45; }
+ .euiToken--euiColorVis7.euiToken--light {
+ color: #996130;
+ background-color: #fbf3ec;
+ box-shadow: inset 0 0 0 1px #f4dcc7; }
+ .euiToken--euiColorVis7.euiToken--dark {
+ background-color: #F5A35C;
+ color: #000; }
+
+.euiToken--euiColorVis8 {
+ color: #AA6556; }
+ .euiToken--euiColorVis8.euiToken--light {
+ color: #9a5b4e;
+ background-color: #f7f0ee;
+ box-shadow: inset 0 0 0 1px #e6d1cc; }
+ .euiToken--euiColorVis8.euiToken--dark {
+ background-color: #C47C6C;
+ color: #000; }
+
+.euiToken--euiColorVis9 {
+ color: #E7664C; }
+ .euiToken--euiColorVis9.euiToken--light {
+ color: #b34f3b;
+ background-color: #fdf0ed;
+ box-shadow: inset 0 0 0 1px #f8d1c9; }
+ .euiToken--euiColorVis9.euiToken--dark {
+ background-color: #FF7E62;
+ color: #000; }
+
+.euiToken--gray {
+ color: #69707D; }
+ .euiToken--gray.euiToken--light {
+ color: #646a77;
+ background-color: #f0f1f2;
+ box-shadow: inset 0 0 0 1px #d2d4d8; }
+ .euiToken--gray.euiToken--dark {
+ background-color: #69707D;
+ color: #FFF; }
+
+/*
+ * 1. Shift arrow 1px more than half its size to account for border radius
+ */
+.euiToolTip {
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1), 0 3.6px 13px rgba(0, 0, 0, 0.07), 0 8.4px 23px rgba(0, 0, 0, 0.06), 0 23px 35px rgba(0, 0, 0, 0.05);
+ border-radius: 6px;
+ background-color: #404040;
+ color: #FFF;
+ z-index: 9000;
+ max-width: 256px;
+ overflow-wrap: break-word;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ padding: 12px;
+ -webkit-animation: euiToolTipTop 350ms ease-out 0s forwards;
+ animation: euiToolTipTop 350ms ease-out 0s forwards;
+ position: absolute;
+ opacity: 0;
+ /* 1 */
+ /* 1 */ }
+ .euiToolTip .euiToolTip__arrow {
+ content: '';
+ position: absolute;
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ border-radius: 2px;
+ background-color: #404040;
+ width: 12px;
+ height: 12px;
+ -webkit-transform: translateY(-7px) rotateZ(45deg);
+ transform: translateY(-7px) rotateZ(45deg);
+ /* 1 */ }
+ .euiToolTip.euiToolTip--right {
+ -webkit-animation-name: euiToolTipRight;
+ animation-name: euiToolTipRight; }
+ .euiToolTip.euiToolTip--right .euiToolTip__arrow {
+ -webkit-transform: translateX(-5px) rotateZ(45deg);
+ transform: translateX(-5px) rotateZ(45deg);
+ /* 1 */ }
+ .euiToolTip.euiToolTip--bottom {
+ -webkit-animation-name: euiToolTipBottom;
+ animation-name: euiToolTipBottom; }
+ .euiToolTip.euiToolTip--bottom .euiToolTip__arrow {
+ -webkit-transform: translateY(-5px) rotateZ(45deg);
+ transform: translateY(-5px) rotateZ(45deg);
+ /* 1 */ }
+ .euiToolTip.euiToolTip--left {
+ -webkit-animation-name: euiToolTipLeft;
+ animation-name: euiToolTipLeft; }
+ .euiToolTip.euiToolTip--left .euiToolTip__arrow {
+ -webkit-transform: translateX(-7px) rotateZ(45deg);
+ transform: translateX(-7px) rotateZ(45deg);
+ /* 1 */ }
+ .euiToolTip .euiToolTip__title {
+ font-weight: 700;
+ border-bottom: solid 1px #595959;
+ padding-bottom: 4px;
+ margin-bottom: 4px; }
+
+.euiToolTipAnchor {
+ display: inline-block; }
+ .euiToolTipAnchor *[disabled] {
+ pointer-events: none; }
+ .euiToolTipAnchor.euiToolTipAnchor--displayBlock {
+ display: block; }
+
+@-webkit-keyframes euiToolTipTop {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-16px);
+ transform: translateY(-16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiToolTipTop {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(-16px);
+ transform: translateY(-16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@-webkit-keyframes euiToolTipBottom {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(16px);
+ transform: translateY(16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiToolTipBottom {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateY(16px);
+ transform: translateY(16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@-webkit-keyframes euiToolTipLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-16px);
+ transform: translateX(-16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiToolTipLeft {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(-16px);
+ transform: translateX(-16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@-webkit-keyframes euiToolTipRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(16px);
+ transform: translateX(16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+@keyframes euiToolTipRight {
+ 0% {
+ opacity: 0;
+ -webkit-transform: translateX(16px);
+ transform: translateX(16px); }
+ 100% {
+ opacity: 1;
+ -webkit-transform: translateY(0);
+ transform: translateY(0); } }
+
+.euiTourHeader {
+ border-bottom: none;
+ margin-bottom: 8px !important; }
+ .euiTourHeader .euiTourHeader__title {
+ margin-top: 0; }
+
+.euiTourHeader__subtitle {
+ color: #69707D; }
+
+.euiTourFooter {
+ background-color: #fafbfd;
+ border-radius: 0 0 6px 6px; }
+
+.euiTour .euiTour__beacon {
+ pointer-events: none;
+ position: absolute;
+ opacity: 0;
+ transition: opacity 0s 350ms; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--right .euiTour__beacon {
+ opacity: 1;
+ top: 6px;
+ left: -24px; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--left .euiTour__beacon {
+ opacity: 1;
+ top: 6px;
+ left: 12px; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
+ border-top-color: #F5F7FA; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--top .euiTour__beacon {
+ opacity: 1;
+ top: 12px;
+ left: 6px; }
+
+.euiTour .euiPopover__panelArrow.euiPopover__panelArrow--bottom .euiTour__beacon {
+ opacity: 1;
+ top: -24px;
+ left: 6px; }
+
+.euiTourStepIndicator {
+ display: inline-block; }
+
+.euiText {
+ color: #343741;
+ font-weight: 400;
+ color: inherit;
+ clear: both; }
+ .euiText a:not([class]) {
+ text-align: left;
+ font-weight: 500; }
+ .euiText a:not([class]):hover {
+ text-decoration: underline; }
+ .euiText a:not([class]):focus {
+ outline: 2px solid currentColor;
+ outline-offset: 2px;
+ text-decoration: underline;
+ text-decoration-thickness: 2px !important; }
+ .euiText a:not([class]):focus:focus-visible {
+ outline-style: auto; }
+ .euiText a:not([class]):focus:not(:focus-visible) {
+ outline: none; }
+ .euiText img {
+ display: block;
+ width: 100%; }
+ .euiText ul {
+ list-style: disc; }
+ .euiText ol {
+ list-style: decimal; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote) {
+ position: relative;
+ text-align: center;
+ margin-left: auto;
+ margin-right: auto;
+ font-family: Georgia, Times, Times New Roman, serif;
+ font-style: italic;
+ letter-spacing: normal; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote) p:last-child {
+ margin-bottom: 0; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote):before, .euiText blockquote:not(.euiMarkdownFormat__blockquote):after {
+ position: absolute;
+ content: '';
+ height: 2px;
+ width: 50%;
+ right: 0;
+ -webkit-transform: translateX(-50%);
+ transform: translateX(-50%);
+ background: #69707D; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote):before {
+ top: 0; }
+ .euiText blockquote:not(.euiMarkdownFormat__blockquote):after {
+ bottom: 0; }
+ .euiText h1 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 34px;
+ font-size: 2.42857rem;
+ line-height: 2.85714rem;
+ font-weight: 700; }
+ .euiText h2 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 27px;
+ font-size: 1.92857rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+ .euiText h3 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 22px;
+ font-size: 1.57143rem;
+ line-height: 2.28571rem;
+ font-weight: 700; }
+ .euiText h4,
+ .euiText dt {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+ .euiText h5 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+ .euiText h6 {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 700;
+ text-transform: uppercase; }
+ .euiText h1,
+ .euiText h2,
+ .euiText h3,
+ .euiText h4,
+ .euiText h5,
+ .euiText h6,
+ .euiText dt {
+ color: inherit; }
+ .euiText pre {
+ white-space: pre-wrap;
+ background: #F5F7FA;
+ color: #343741; }
+ .euiText pre,
+ .euiText pre code {
+ display: block; }
+ .euiText code {
+ font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
+ letter-spacing: normal; }
+ .euiText.euiText--constrainedWidth {
+ max-width: 36em;
+ min-width: 75%; }
+ .euiText > :last-child,
+ .euiText .euiTextColor > :last-child {
+ margin-bottom: 0 !important; }
+
+.euiText--medium {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.5; }
+ .euiText--medium p,
+ .euiText--medium ul,
+ .euiText--medium ol,
+ .euiText--medium dl,
+ .euiText--medium blockquote,
+ .euiText--medium img,
+ .euiText--medium pre {
+ margin-bottom: 1.5rem; }
+ .euiText--medium ul,
+ .euiText--medium ol {
+ margin-left: 1.5rem; }
+ .euiText--medium blockquote {
+ font-size: 1rem;
+ padding: 1.5rem; }
+ .euiText--medium h1 {
+ font-size: 2.125rem;
+ line-height: 1.41176;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h2 {
+ font-size: 1.6875rem;
+ line-height: 1.48148;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h3 {
+ font-size: 1.375rem;
+ line-height: 1.45455;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h4 {
+ font-size: 1rem;
+ line-height: 1.5;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h5 {
+ font-size: 0.875rem;
+ line-height: 1.14286;
+ margin-bottom: 0.5rem; }
+ .euiText--medium h6 {
+ font-size: 0.75rem;
+ line-height: 1.33333;
+ margin-bottom: 0.5rem; }
+ .euiText--medium * + h2 {
+ margin-top: 2rem; }
+ .euiText--medium * + h3 {
+ margin-top: 2rem; }
+ .euiText--medium * + h4 {
+ margin-top: 2rem; }
+ .euiText--medium * + h5 {
+ margin-top: 2rem; }
+ .euiText--medium * + h6 {
+ margin-top: 2rem; }
+ .euiText--medium dd + dt {
+ margin-top: 1rem; }
+ .euiText--medium dt,
+ .euiText--medium .eui-definitionListReverse dd {
+ font-size: 1rem;
+ line-height: 1.5; }
+ .euiText--medium .eui-definitionListReverse dt {
+ font-size: 0.75rem;
+ color: #343741; }
+ .euiText--medium small {
+ font-size: 0.875rem; }
+ .euiText--medium pre {
+ padding: 1rem; }
+ .euiText--medium code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 0.9rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 1rem;
+ border-left-width: 0.25rem;
+ margin-bottom: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 1rem;
+ padding-left: 1.5rem;
+ line-height: 1.5; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 1rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.25rem 0.5rem; }
+
+.euiText--small {
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.5; }
+ .euiText--small p,
+ .euiText--small ul,
+ .euiText--small ol,
+ .euiText--small dl,
+ .euiText--small blockquote,
+ .euiText--small img,
+ .euiText--small pre {
+ margin-bottom: 1.5rem; }
+ .euiText--small ul,
+ .euiText--small ol {
+ margin-left: 1.5rem; }
+ .euiText--small blockquote {
+ font-size: 1rem;
+ padding: 1.5rem; }
+ .euiText--small h1 {
+ font-size: 2.125rem;
+ line-height: 1.41176;
+ margin-bottom: 0.5rem; }
+ .euiText--small h2 {
+ font-size: 1.6875rem;
+ line-height: 1.48148;
+ margin-bottom: 0.5rem; }
+ .euiText--small h3 {
+ font-size: 1.375rem;
+ line-height: 1.45455;
+ margin-bottom: 0.5rem; }
+ .euiText--small h4 {
+ font-size: 1rem;
+ line-height: 1.5;
+ margin-bottom: 0.5rem; }
+ .euiText--small h5 {
+ font-size: 0.875rem;
+ line-height: 1.14286;
+ margin-bottom: 0.5rem; }
+ .euiText--small h6 {
+ font-size: 0.75rem;
+ line-height: 1.33333;
+ margin-bottom: 0.5rem; }
+ .euiText--small * + h2 {
+ margin-top: 2rem; }
+ .euiText--small * + h3 {
+ margin-top: 2rem; }
+ .euiText--small * + h4 {
+ margin-top: 2rem; }
+ .euiText--small * + h5 {
+ margin-top: 2rem; }
+ .euiText--small * + h6 {
+ margin-top: 2rem; }
+ .euiText--small dd + dt {
+ margin-top: 1rem; }
+ .euiText--small dt,
+ .euiText--small .eui-definitionListReverse dd {
+ font-size: 1rem;
+ line-height: 1.5; }
+ .euiText--small .eui-definitionListReverse dt {
+ font-size: 0.75rem;
+ color: #343741; }
+ .euiText--small small {
+ font-size: 0.875rem; }
+ .euiText--small pre {
+ padding: 1rem; }
+ .euiText--small code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 0.9rem; }
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 1rem;
+ border-left-width: 0.25rem;
+ margin-bottom: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 1rem;
+ padding-left: 1.5rem;
+ line-height: 1.5; }
+ .euiText--small.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 1rem; }
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--small.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.25rem 0.5rem; }
+
+.euiText--extraSmall {
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.5; }
+ .euiText--extraSmall p,
+ .euiText--extraSmall ul,
+ .euiText--extraSmall ol,
+ .euiText--extraSmall dl,
+ .euiText--extraSmall blockquote,
+ .euiText--extraSmall img,
+ .euiText--extraSmall pre {
+ margin-bottom: 1.28571rem; }
+ .euiText--extraSmall ul,
+ .euiText--extraSmall ol {
+ margin-left: 1.28571rem; }
+ .euiText--extraSmall blockquote {
+ font-size: 0.85714rem;
+ padding: 1.28571rem; }
+ .euiText--extraSmall h1 {
+ font-size: 1.82143rem;
+ line-height: 1.41176;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h2 {
+ font-size: 1.44643rem;
+ line-height: 1.48148;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h3 {
+ font-size: 1.17857rem;
+ line-height: 1.45455;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h4 {
+ font-size: 0.85714rem;
+ line-height: 1.5;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h5 {
+ font-size: 0.75rem;
+ line-height: 1.14286;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall h6 {
+ font-size: 0.64286rem;
+ line-height: 1.33333;
+ margin-bottom: 0.42857rem; }
+ .euiText--extraSmall * + h2 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall * + h3 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall * + h4 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall * + h5 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall * + h6 {
+ margin-top: 1.71429rem; }
+ .euiText--extraSmall dd + dt {
+ margin-top: 0.85714rem; }
+ .euiText--extraSmall dt,
+ .euiText--extraSmall .eui-definitionListReverse dd {
+ font-size: 0.85714rem;
+ line-height: 1.5; }
+ .euiText--extraSmall .eui-definitionListReverse dt {
+ font-size: 0.64286rem;
+ color: #343741; }
+ .euiText--extraSmall small {
+ font-size: 0.75rem; }
+ .euiText--extraSmall pre {
+ padding: 0.85714rem; }
+ .euiText--extraSmall code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 0.77143rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 0.85714rem;
+ border-left-width: 0.21429rem;
+ margin-bottom: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 0.85714rem;
+ padding-left: 1.28571rem;
+ line-height: 1.5; }
+ .euiText--extraSmall.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 0.85714rem; }
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--extraSmall.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.21429rem 0.42857rem; }
+
+.euiText--relative {
+ font-size: 1em;
+ line-height: 1.5; }
+ .euiText--relative p,
+ .euiText--relative ul,
+ .euiText--relative ol,
+ .euiText--relative dl,
+ .euiText--relative blockquote,
+ .euiText--relative img,
+ .euiText--relative pre {
+ margin-bottom: 1.5em; }
+ .euiText--relative ul,
+ .euiText--relative ol {
+ margin-left: 1.5em; }
+ .euiText--relative blockquote {
+ font-size: 1em;
+ padding: 1.5em; }
+ .euiText--relative h1 {
+ font-size: 2.125em;
+ line-height: 1.41176;
+ margin-bottom: 0.23529em; }
+ .euiText--relative h2 {
+ font-size: 1.6875em;
+ line-height: 1.48148;
+ margin-bottom: 0.2963em; }
+ .euiText--relative h3 {
+ font-size: 1.375em;
+ line-height: 1.45455;
+ margin-bottom: 0.36364em; }
+ .euiText--relative h4 {
+ font-size: 1em;
+ line-height: 1.5;
+ margin-bottom: 0.5em; }
+ .euiText--relative h5 {
+ font-size: 0.875em;
+ line-height: 1.14286;
+ margin-bottom: 0.57143em; }
+ .euiText--relative h6 {
+ font-size: 0.75em;
+ line-height: 1.33333;
+ margin-bottom: 0.66667em; }
+ .euiText--relative * + h2 {
+ margin-top: 1.18519em; }
+ .euiText--relative * + h3 {
+ margin-top: 1.45455em; }
+ .euiText--relative * + h4 {
+ margin-top: 2em; }
+ .euiText--relative * + h5 {
+ margin-top: 2.28571em; }
+ .euiText--relative * + h6 {
+ margin-top: 2.66667em; }
+ .euiText--relative dd + dt {
+ margin-top: 14pxem; }
+ .euiText--relative dt,
+ .euiText--relative .eui-definitionListReverse dd {
+ font-size: 1em;
+ line-height: 1.5; }
+ .euiText--relative .eui-definitionListReverse dt {
+ font-size: 0.75em;
+ color: #343741; }
+ .euiText--relative small {
+ font-size: 0.875em; }
+ .euiText--relative pre {
+ padding: 1em; }
+ .euiText--relative code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 0.9em; }
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 1em;
+ border-left-width: 0.25em;
+ margin-bottom: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 1em;
+ padding-left: 1.5em;
+ line-height: 1.5; }
+ .euiText--relative.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 1em; }
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--relative.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.25em 0.5em; }
+
+.euiTextColor--default {
+ color: #343741; }
+
+.euiTextColor--subdued {
+ color: #69707D; }
+
+.euiTextColor--success {
+ color: #00857d; }
+
+.euiTextColor--accent {
+ color: #c4407c; }
+
+.euiTextColor--warning {
+ color: #91700a; }
+
+.euiTextColor--danger {
+ color: #BD271E; }
+
+.euiTextColor--ghost {
+ color: #717171;
+ color: #FFF !important; }
+
+.euiTextColor--inherit {
+ color: inherit; }
+
+.euiTextAlign--left {
+ text-align: left; }
+
+.euiTextAlign--right {
+ text-align: right; }
+
+.euiTextAlign--center {
+ text-align: center; }
+
+.euiAvatar--space:after,
+.euiAvatar--user:after {
+ display: none; }
+
+.euiBreadcrumb__content.euiLink:focus {
+ outline-offset: -1px; }
+
+.euiBreadcrumb--last,
+.euiBreadcrumb__content,
+.euiBreadcrumbs__inPopover .euiBreadcrumb--last .euiBreadcrumb__content {
+ font-weight: 500; }
+
+.euiButton,
+.euiButtonIcon {
+ box-shadow: none !important; }
+
+.euiButton.euiButton-isDisabled:not(.euiButton--ghost), .euiButton.euiButton-isDisabled:not(.euiButton--ghost):hover,
+.euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost),
+.euiButtonIcon.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost):hover {
+ background-color: rgba(171, 180, 196, 0.1);
+ color: #a2abba; }
+
+.euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost), .euiButtonIcon--empty.euiButtonIcon-isDisabled:not(.euiButtonIcon--ghost):hover {
+ background-color: transparent;
+ color: #ABB4C4; }
+
+.euiButton--small,
+.euiButtonIcon--small,
+.euiButtonIcon--xSmall {
+ border-radius: 4px; }
+
+.euiButton--primary {
+ color: #0061a6;
+ background-color: rgba(0, 119, 204, 0.2); }
+ .euiButton--primary:not([class*='isDisabled']):hover, .euiButton--primary:not([class*='isDisabled']):focus {
+ background-color: rgba(0, 119, 204, 0.2); }
+ .euiButton--primary.euiButton--fill:focus {
+ outline-color: #000; }
+ .euiButton--primary.euiButton--fill:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButton--primary.euiButton--fill:not([class*='isDisabled']), .euiButton--primary.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--primary.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #07C; }
+
+.euiButton--accent {
+ color: #a8376a;
+ background-color: rgba(240, 78, 152, 0.2); }
+ .euiButton--accent:not([class*='isDisabled']):hover, .euiButton--accent:not([class*='isDisabled']):focus {
+ background-color: rgba(240, 78, 152, 0.2); }
+ .euiButton--accent.euiButton--fill:focus {
+ outline-color: #000; }
+ .euiButton--accent.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--accent.euiButton--fill:not([class*='isDisabled']), .euiButton--accent.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--accent.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #F04E98; }
+
+.euiButton--success {
+ color: #00726b;
+ background-color: rgba(0, 191, 179, 0.2); }
+ .euiButton--success:not([class*='isDisabled']):hover, .euiButton--success:not([class*='isDisabled']):focus {
+ background-color: rgba(0, 191, 179, 0.2); }
+ .euiButton--success.euiButton--fill:focus {
+ outline-color: #000; }
+ .euiButton--success.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--success.euiButton--fill:not([class*='isDisabled']), .euiButton--success.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--success.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #00BFB3; }
+
+.euiButton--warning {
+ color: #83650a;
+ background-color: rgba(254, 197, 20, 0.2); }
+ .euiButton--warning:not([class*='isDisabled']):hover, .euiButton--warning:not([class*='isDisabled']):focus {
+ background-color: rgba(254, 197, 20, 0.2); }
+ .euiButton--warning.euiButton--fill:focus {
+ outline-color: #000; }
+ .euiButton--warning.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--warning.euiButton--fill:not([class*='isDisabled']), .euiButton--warning.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--warning.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #FEC514; }
+
+.euiButton--danger {
+ color: #b4251d;
+ background-color: rgba(189, 39, 30, 0.2); }
+ .euiButton--danger:not([class*='isDisabled']):hover, .euiButton--danger:not([class*='isDisabled']):focus {
+ background-color: rgba(189, 39, 30, 0.2); }
+ .euiButton--danger.euiButton--fill:focus {
+ outline-color: #000; }
+ .euiButton--danger.euiButton--fill:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButton--danger.euiButton--fill:not([class*='isDisabled']), .euiButton--danger.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--danger.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #BD271E; }
+
+.euiButton--subdued {
+ color: #5a606b;
+ background-color: rgba(105, 112, 125, 0.2); }
+ .euiButton--subdued:not([class*='isDisabled']):hover, .euiButton--subdued:not([class*='isDisabled']):focus {
+ background-color: rgba(105, 112, 125, 0.2); }
+ .euiButton--subdued.euiButton--fill:focus {
+ outline-color: #000; }
+ .euiButton--subdued.euiButton--fill:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButton--subdued.euiButton--fill:not([class*='isDisabled']), .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--subdued.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #69707D; }
+
+.euiButton--ghost {
+ color: #717171;
+ background-color: rgba(255, 255, 255, 0.2);
+ color: #FFF; }
+ .euiButton--ghost:not([class*='isDisabled']):hover, .euiButton--ghost:not([class*='isDisabled']):focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .euiButton--ghost.euiButton--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButton--ghost.euiButton--fill:not([class*='isDisabled']), .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--ghost.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #FFF; }
+
+.euiButton--text {
+ color: #5a606b;
+ background-color: rgba(105, 112, 125, 0.2);
+ color: #343741; }
+ .euiButton--text:not([class*='isDisabled']):hover, .euiButton--text:not([class*='isDisabled']):focus {
+ background-color: rgba(105, 112, 125, 0.2); }
+ .euiButton--text.euiButton--fill:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButton--text.euiButton--fill:not([class*='isDisabled']), .euiButton--text.euiButton--fill:not([class*='isDisabled']):hover, .euiButton--text.euiButton--fill:not([class*='isDisabled']):focus {
+ background-color: #69707D; }
+
+.euiButton.euiButton-isDisabled.euiButton--ghost, .euiButton.euiButton-isDisabled.euiButton--ghost:focus,
+.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill,
+.euiButton.euiButton-isDisabled.euiButton--ghost.euiButton--fill:focus {
+ color: #69707D;
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButtonIcon--primary:not(.euiButtonIcon--empty) {
+ color: #0061a6;
+ background-color: rgba(0, 119, 204, 0.2); }
+ .euiButtonIcon--primary:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--primary:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(0, 119, 204, 0.2); }
+ .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #000; }
+ .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--primary:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #07C; }
+
+.euiButtonIcon--accent:not(.euiButtonIcon--empty) {
+ color: #a8376a;
+ background-color: rgba(240, 78, 152, 0.2); }
+ .euiButtonIcon--accent:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--accent:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(240, 78, 152, 0.2); }
+ .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #000; }
+ .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--accent:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #F04E98; }
+
+.euiButtonIcon--success:not(.euiButtonIcon--empty) {
+ color: #00726b;
+ background-color: rgba(0, 191, 179, 0.2); }
+ .euiButtonIcon--success:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--success:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(0, 191, 179, 0.2); }
+ .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #000; }
+ .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--success:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #00BFB3; }
+
+.euiButtonIcon--warning:not(.euiButtonIcon--empty) {
+ color: #83650a;
+ background-color: rgba(254, 197, 20, 0.2); }
+ .euiButtonIcon--warning:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--warning:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(254, 197, 20, 0.2); }
+ .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #000; }
+ .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--warning:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #FEC514; }
+
+.euiButtonIcon--danger:not(.euiButtonIcon--empty) {
+ color: #b4251d;
+ background-color: rgba(189, 39, 30, 0.2); }
+ .euiButtonIcon--danger:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--danger:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(189, 39, 30, 0.2); }
+ .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #000; }
+ .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--danger:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #BD271E; }
+
+.euiButtonIcon--subdued:not(.euiButtonIcon--empty) {
+ color: #5a606b;
+ background-color: rgba(105, 112, 125, 0.2); }
+ .euiButtonIcon--subdued:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--subdued:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(105, 112, 125, 0.2); }
+ .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:focus {
+ outline-color: #000; }
+ .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--subdued:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #69707D; }
+
+.euiButtonIcon--ghost:not(.euiButtonIcon--empty) {
+ color: #717171;
+ background-color: rgba(255, 255, 255, 0.2);
+ color: #FFF; }
+ .euiButtonIcon--ghost:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+ .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #000; }
+ .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--ghost:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #FFF; }
+
+.euiButtonIcon--text:not(.euiButtonIcon--empty) {
+ color: #5a606b;
+ background-color: rgba(105, 112, 125, 0.2);
+ color: #343741; }
+ .euiButtonIcon--text:not(.euiButtonIcon--empty):not([class*='isDisabled']):hover, .euiButtonIcon--text:not(.euiButtonIcon--empty):not([class*='isDisabled']):focus {
+ background-color: rgba(105, 112, 125, 0.2); }
+ .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']) {
+ color: #FFF; }
+ .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']), .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):hover, .euiButtonIcon--text:not(.euiButtonIcon--empty).euiButtonIcon--fill:not([class*='isDisabled']):focus {
+ background-color: #69707D; }
+
+.euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost, .euiButtonIcon:not(.euiButtonIcon--empty).euiButtonIcon-isDisabled.euiButtonIcon--ghost:focus,
+.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill,
+.euiButtonIcon.euiButtonIcon-isDisabled.euiButtonIcon--ghost.euiButtonIcon--fill:focus {
+ color: #69707D;
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButtonEmpty {
+ border-radius: 6px; }
+ .euiButtonEmpty.euiButtonEmpty--small, .euiButtonEmpty.euiButtonEmpty--xSmall {
+ border-radius: 4.002px; }
+ .euiButtonEmpty.euiButtonEmpty--xSmall {
+ font-size: 12px; }
+
+.euiButtonEmpty--primary:enabled:focus {
+ background-color: rgba(0, 119, 204, 0.1); }
+
+.euiButtonEmpty--accent:enabled:focus {
+ background-color: rgba(240, 78, 152, 0.1); }
+
+.euiButtonEmpty--success:enabled:focus {
+ background-color: rgba(0, 191, 179, 0.1); }
+
+.euiButtonEmpty--warning:enabled:focus {
+ background-color: rgba(254, 197, 20, 0.1); }
+
+.euiButtonEmpty--danger:enabled:focus {
+ background-color: rgba(189, 39, 30, 0.1); }
+
+.euiButtonEmpty--subdued:enabled:focus {
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButtonEmpty--ghost:enabled:focus {
+ background-color: rgba(255, 255, 255, 0.1); }
+
+.euiButtonEmpty--text:enabled:focus {
+ background-color: rgba(105, 112, 125, 0.1); }
+
+.euiButtonGroup__buttons {
+ box-shadow: none !important; }
+
+.euiButtonGroup--medium .euiButtonGroupButton,
+.euiButtonGroup--small .euiButtonGroupButton {
+ border: none !important;
+ 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-style: solid;
+ outline-color: #000;
+ outline-offset: -2px; }
+ .euiButtonGroup--medium .euiButtonGroupButton:focus:focus-visible, .euiButtonGroup--medium .euiButtonGroupButton:focus-within:focus-visible,
+ .euiButtonGroup--small .euiButtonGroupButton:focus:focus-visible,
+ .euiButtonGroup--small .euiButtonGroupButton:focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--medium .euiButtonGroupButton:focus:not(:focus-visible),
+ .euiButtonGroup--small .euiButtonGroupButton:focus:not(:focus-visible) {
+ outline: none; }
+
+.euiButtonGroup--medium .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected),
+.euiButtonGroup--small .euiButtonGroupButton-isDisabled:not(.euiButtonGroupButton--ghost):not(.euiButtonGroupButton-isSelected) {
+ background-color: rgba(171, 180, 196, 0.3);
+ color: #9aa2b1; }
+
+.euiButtonGroup--medium .euiButtonGroupButton--primary,
+.euiButtonGroup--small .euiButtonGroupButton--primary {
+ color: #0061a6;
+ background-color: rgba(0, 119, 204, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--primary:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--primary:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--primary:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--primary:not([class*='isDisabled']):focus {
+ background-color: rgba(0, 119, 204, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--accent,
+.euiButtonGroup--small .euiButtonGroupButton--accent {
+ color: #a8376a;
+ background-color: rgba(240, 78, 152, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--accent:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--accent:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--accent:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--accent:not([class*='isDisabled']):focus {
+ background-color: rgba(240, 78, 152, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--success,
+.euiButtonGroup--small .euiButtonGroupButton--success {
+ color: #00726b;
+ background-color: rgba(0, 191, 179, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--success:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--success:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--success:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--success:not([class*='isDisabled']):focus {
+ background-color: rgba(0, 191, 179, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--warning,
+.euiButtonGroup--small .euiButtonGroupButton--warning {
+ color: #83650a;
+ background-color: rgba(254, 197, 20, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--warning:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--warning:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--warning:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--warning:not([class*='isDisabled']):focus {
+ background-color: rgba(254, 197, 20, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--danger,
+.euiButtonGroup--small .euiButtonGroupButton--danger {
+ color: #b4251d;
+ background-color: rgba(189, 39, 30, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--danger:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--danger:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--danger:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--danger:not([class*='isDisabled']):focus {
+ background-color: rgba(189, 39, 30, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--subdued,
+.euiButtonGroup--small .euiButtonGroupButton--subdued {
+ color: #5a606b;
+ background-color: rgba(105, 112, 125, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--subdued:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--subdued:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus {
+ background-color: rgba(105, 112, 125, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--ghost,
+.euiButtonGroup--small .euiButtonGroupButton--ghost {
+ color: #717171;
+ background-color: rgba(255, 255, 255, 0.2);
+ color: #FFF; }
+ .euiButtonGroup--medium .euiButtonGroupButton--ghost:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--ghost:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus {
+ background-color: rgba(255, 255, 255, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton--text,
+.euiButtonGroup--small .euiButtonGroupButton--text {
+ color: #5a606b;
+ background-color: rgba(105, 112, 125, 0.2); }
+ .euiButtonGroup--medium .euiButtonGroupButton--text:not([class*='isDisabled']):hover, .euiButtonGroup--medium .euiButtonGroupButton--text:not([class*='isDisabled']):focus,
+ .euiButtonGroup--small .euiButtonGroupButton--text:not([class*='isDisabled']):hover,
+ .euiButtonGroup--small .euiButtonGroupButton--text:not([class*='isDisabled']):focus {
+ background-color: rgba(105, 112, 125, 0.2); }
+
+.euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected), .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):hover, .euiButtonGroup--medium .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):focus,
+.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected),
+.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):hover,
+.euiButtonGroup--small .euiButtonGroupButton-isDisabled.euiButtonGroupButton--ghost:not(.euiButtonGroupButton-isSelected):focus {
+ background-color: rgba(105, 112, 125, 0.3); }
+
+.euiButtonGroup--small .euiButtonGroup__buttons {
+ border-radius: 4px; }
+
+.euiButtonGroup--compressed .euiButtonGroupButton {
+ border-radius: 5px; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within {
+ outline-color: #07C; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--primary:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within {
+ outline-color: #F04E98; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--accent:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus-within {
+ outline-color: #00BFB3; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--success:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within {
+ outline-color: #FEC514; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--warning:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within {
+ outline-color: #BD271E; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--danger:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus-within {
+ outline-color: #69707D; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--subdued:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within {
+ outline-color: #FFF; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--ghost:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus, .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus-within {
+ outline-color: #69707D; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus:focus-visible, .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus-within:focus-visible {
+ outline-style: auto; }
+ .euiButtonGroup--compressed .euiButtonGroupButton--text:not([class*='isDisabled']):focus:not(:focus-visible) {
+ outline: none; }
+
+.euiCallOut {
+ border-left: none; }
+ .euiCallOut .euiCallOutHeader__title {
+ font-weight: 500; }
+
+.euiCard .euiCardSelect {
+ border-top-left-radius: 0;
+ border-top-right-radius: 0; }
+
+.euiCode {
+ border-radius: 4px;
+ font-weight: 700;
+ color: #7c609e; }
+
+.euiCodeBlock.euiCodeBlock--fontLarge {
+ font-size: 16px; }
+
+.euiColorStops__addTarget,
+.euiColorStops__addContainer {
+ z-index: 1; }
+
+.euiColorStops__addTarget {
+ border: 1px solid #69707D;
+ box-shadow: none; }
+
+.euiColorStopThumb.euiRangeThumb:not(:disabled) {
+ border: 2px solid #FFF;
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiColorStopThumb.euiRangeThumb:not(:disabled):focus {
+ box-shadow: 0 0 0 2px #003c56;
+ outline: none; }
+ .euiColorStopThumb.euiRangeThumb:not(:disabled):focus:not(:focus-visible) {
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ outline: none; }
+
+.euiColorStops:not(.euiColorStops-isDisabled) .euiRangeTrack::after {
+ transition-property: box-shadow;
+ transition-delay: 90ms; }
+
+.euiColorStops:not(.euiColorStops-isDisabled):focus {
+ outline: none; }
+ .euiColorStops:not(.euiColorStops-isDisabled):focus .euiRangeTrack::after {
+ box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.8), 0 0 0 3px #003c56; }
+
+.euiColorStops:not(.euiColorStops-isDisabled):focus:not(:focus-visible) .euiRangeTrack::after {
+ box-shadow: none; }
+
+.euiColorStops__highlight {
+ color: #D3DAE6; }
+ .euiColorStops__highlight .euiRangeHighlight__progress {
+ background-color: #D3DAE6; }
+
+.euiComboBox--appended .euiFormControlLayout__childrenWrapper {
+ border-top-left-radius: 6px;
+ border-bottom-left-radius: 6px; }
+
+.euiComboBox--appended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px; }
+
+.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
+ border-radius: 0; }
+
+.euiComboBox--appended.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
+ border-radius: 0; }
+
+.euiComboBox--prepended .euiFormControlLayout__childrenWrapper {
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.euiComboBox--prepended .euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+.euiCommentEvent--regular {
+ box-shadow: none; }
+
+.euiDataGrid--fontSizeLarge .euiDataGridRowCell {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem; }
+
+.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-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.euiFormControlLayout--compressed.euiSuperDatePicker .euiSuperDatePicker__prettyFormat {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px; }
+
+.euiDatePopoverButton--start {
+ text-align: center; }
+
+.euiDatePopoverButton--end {
+ text-align: center;
+ border-top-right-radius: 6px;
+ border-bottom-right-radius: 6px; }
+
+.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
+ line-height: 1.5; }
+
+.euiFacetButton:focus {
+ background-color: transparent;
+ box-shadow: none; }
+ .euiFacetButton:focus:not(:disabled) .euiFacetButton__text {
+ text-decoration: underline;
+ text-decoration-thickness: 2px !important; }
+
+.euiFilterGroup {
+ border: none;
+ border-radius: 6px;
+ background-color: #fbfcfd;
+ box-shadow: inset 0 0 0 1px rgba(17, 43, 134, 0.1); }
+
+.euiFilterGroup--compressed {
+ border-radius: 4px; }
+ .euiFilterGroup--compressed .euiFilterButton {
+ height: 32px; }
+
+.euiFilterButton {
+ border-radius: 0;
+ border: none;
+ background-color: transparent;
+ box-shadow: 0 1px 0 0 rgba(17, 43, 134, 0.1), -1px 0 0 0 rgba(17, 43, 134, 0.1); }
+ .euiFilterButton--withNext + .euiFilterButton {
+ box-shadow: 0 1px 0 0 rgba(17, 43, 134, 0.1); }
+
+.euiFormControlLayout--group {
+ border-radius: 6px;
+ background-color: #e9edf3; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend:first-child {
+ border-radius: 5px 0 0 5px; }
+ .euiFormControlLayout--group .euiFormControlLayout__prepend:first-child [class*='euiButton'] {
+ border-radius: 5px 0 0 5px; }
+ .euiFormControlLayout--group .euiFormControlLayout__append:last-child {
+ border-radius: 0 5px 5px 0; }
+ .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 [class*='euiButton'],
+ .euiFormControlLayout--group .euiToolTipAnchor:last-child .euiText {
+ border-radius: 0 5px 5px 0; }
+ .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-of-type(2) [class*='euiField'],
+ .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:nth-of-type(3) [class*='euiField'] {
+ border-radius: 0; }
+ .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper:first-child .euiSelect,
+ .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 [class*='euiField'] {
+ border-radius: 0 6px 6px 0; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed {
+ border-radius: 4px;
+ background-color: #e9edf3; }
+ .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 {
+ border-radius: 0 3px 3px 0; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append:last-child [class*='euiButton'] {
+ border-radius: 0 3px 3px 0; }
+ .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 [class*='euiButton'],
+ .euiFormControlLayout--group.euiFormControlLayout--compressed .euiToolTipAnchor:last-child .euiText {
+ border-radius: 0 3px 3px 0; }
+ .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-of-type(2) [class*='euiField'],
+ .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__childrenWrapper:nth-of-type(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 {
+ outline: 2px solid #003c56;
+ outline-offset: 2px; }
+
+.euiRadio .euiRadio__input:focus:focus-visible + .euiRadio__circle {
+ outline: 2px solid #003c56;
+ outline-offset: 2px; }
+
+.euiRadio .euiRadio__input:focus:not(:focus-visible) + .euiRadio__circle {
+ outline: none; }
+
+.euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square {
+ outline: 2px solid #003c56;
+ outline-offset: 2px; }
+
+.euiCheckbox .euiCheckbox__input:focus:focus-visible + .euiCheckbox__square {
+ outline: 2px solid #003c56;
+ 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:not(:focus-visible) {
+ outline: none; }
+ .euiSwitch .euiSwitch__button:focus .euiSwitch__track {
+ outline: none; }
+
+.euiHeaderBreadcrumbs {
+ line-height: 16px;
+ margin-left: 8px;
+ margin-right: 8px; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content {
+ color: #343741;
+ background-color: rgba(52, 55, 65, 0.2);
+ font-size: 12px;
+ line-height: 16px;
+ font-weight: 500;
+ padding: 4px 16px;
+ -webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%);
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%, 8px 50%); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content:not([class*='isDisabled']):focus {
+ background-color: rgba(52, 55, 65, 0.2); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink {
+ color: #0061a6;
+ background-color: rgba(0, 119, 204, 0.2); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):hover, .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:not([class*='isDisabled']):focus {
+ background-color: rgba(0, 119, 204, 0.2); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus {
+ outline: 2px solid currentColor;
+ outline-offset: -2px; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:focus-visible {
+ outline-style: auto; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:not(:focus-visible) {
+ outline: none; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb__content.euiLink:focus:focus-visible {
+ border-radius: 6px;
+ -webkit-clip-path: none;
+ clip-path: none; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb::after {
+ display: none; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb:not(.euiBreadcrumb--last) {
+ margin-right: -4px; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb:first-child .euiBreadcrumb__content {
+ padding-left: 12px;
+ border-radius: 6px 0 0 6px;
+ -webkit-clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%);
+ clip-path: polygon(0 0, calc(100% - 8px) 0, 100% 50%, calc(100% - 8px) 100%, 0 100%); }
+ .euiHeaderBreadcrumbs .euiBreadcrumb:only-child .euiBreadcrumb__content {
+ -webkit-clip-path: none;
+ clip-path: none;
+ padding-left: 12px;
+ padding-right: 12px;
+ border-radius: 6px; }
+ .euiHeaderBreadcrumbs .euiBreadcrumb--last .euiBreadcrumb__content {
+ border-radius: 0 6px 6px 0;
+ padding-right: 12px;
+ -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%);
+ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 8px 50%); }
+
+/*
+ * Creates the Amsterdam style of button with a transparent background
+ */
+/*
+ * Creates the Amsterdam style of fill button
+ */
+.euiHeader {
+ height: 48px;
+ padding-left: 8px;
+ padding-right: 8px; }
+
+.euiHeaderSectionItem:after {
+ display: none !important; }
+
+.euiHeaderLogo {
+ padding-left: 8px;
+ padding-right: 8px;
+ min-width: 40px; }
+ @media only screen and (max-width: 574px) {
+ .euiHeaderLogo {
+ padding-left: 4px; } }
+
+.euiHeaderLogo__text {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700; }
+
+.euiHeader--default + .euiHeader--default {
+ border-top: 1px solid #D3DAE6; }
+
+.euiHue {
+ position: relative;
+ height: 12px;
+ border-radius: 12px;
+ margin: 8px 0; }
+ .euiHue::before, .euiHue::after {
+ display: none; }
+ .euiHue__range {
+ top: -6px; }
+ .euiHue__range::-webkit-slider-thumb {
+ border: 3px solid #FFF;
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: inherit; }
+ .euiHue__range::-moz-range-thumb {
+ border: 3px solid #FFF;
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: inherit; }
+ .euiHue__range::-ms-thumb {
+ border: 3px solid #FFF;
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: inherit; }
+ .euiHue__range:focus {
+ outline: none; }
+ .euiHue__range:focus::-webkit-slider-thumb {
+ box-shadow: 0 0 0 2px #003c56;
+ border: 3px solid #FFF; }
+ .euiHue__range:focus::-moz-range-thumb {
+ box-shadow: 0 0 0 2px #003c56;
+ border: 3px solid #FFF; }
+ .euiHue__range:focus::-ms-thumb {
+ box-shadow: 0 0 0 2px #003c56;
+ border: 3px solid #FFF; }
+ .euiHue__range:focus:not(:focus-visible)::-webkit-slider-thumb {
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiHue__range:focus:not(:focus-visible)::-moz-range-thumb {
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiHue__range:focus:not(:focus-visible)::-ms-thumb {
+ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2); }
+ .euiHue__range:focus:focus-visible {
+ outline: none; }
+
+.euiListGroupItem--medium {
+ font-size: 16px; }
+
+.euiImage-isFullScreen .euiImage__caption {
+ color: #FFF;
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
+
+.euiImage-isFullScreenCloseIcon {
+ fill: #FFF; }
+
+.euiKeyPadMenuItem {
+ border: none !important;
+ box-shadow: none; }
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus:hover, .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus-within {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05); }
+ .euiKeyPadMenuItem:not(.euiKeyPadMenuItem-isDisabled):focus {
+ box-shadow: none; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled) {
+ box-shadow: none; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover {
+ box-shadow: 0 0.7px 1.4px rgba(0, 0, 0, 0.07), 0 1.9px 4px rgba(0, 0, 0, 0.05), 0 4.5px 10px rgba(0, 0, 0, 0.05); }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled), .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):hover, .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus, .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected:not(.euiKeyPadMenuItem-isDisabled):focus-within {
+ background-color: rgba(0, 119, 204, 0.1);
+ color: #006bb8; }
+ .euiKeyPadMenuItem.euiKeyPadMenuItem-isSelected.euiKeyPadMenuItem-isDisabled {
+ background-color: rgba(171, 180, 196, 0.1);
+ 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; }
+
+.euiMarkdownEditorPreview,
+.euiMarkdownEditorFooter {
+ border-radius: 0 0 6px 6px; }
+
+.euiModal {
+ border: none; }
+
+.euiNotificationBadge {
+ font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
+ border-radius: 4px; }
+
+.euiOverlayMask {
+ background: rgba(0, 0, 0, 0.5); }
+
+.euiPopover__panel:focus {
+ outline-offset: 0; }
+
+.euiPopover__panel.euiPopover__panel-isAttached {
+ box-shadow: 0 0.9px 4px -1px rgba(0, 0, 0, 0.08), 0 2.6px 8px -1px rgba(0, 0, 0, 0.06), 0 5.7px 12px -1px rgba(0, 0, 0, 0.05), 0 15px 15px -1px rgba(0, 0, 0, 0.04); }
+ .euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusNone {
+ border-radius: 0; }
+ .euiPopover__panel.euiPopover__panel-isAttached.euiPanel--borderRadiusMedium {
+ border-radius: 6px; }
+
+.euiPopover__panel .euiPopover__panelArrow:before {
+ -webkit-filter: blur(3px);
+ filter: blur(3px);
+ opacity: .2; }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
+ bottom: -12px;
+ border-top-color: #000;
+ -webkit-clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px);
+ clip-path: polygon(-4px 0, 28px 0, 28px 16px, -4px 16px); }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
+ bottom: -11px; }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
+ border-right-color: #000;
+ -webkit-clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px);
+ clip-path: polygon(-4px -4px, 12px -4px, 12px 28px, -4px 28px); }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
+ left: -11px; }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
+ border-bottom-color: #000;
+ -webkit-clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px);
+ clip-path: polygon(-4px -4px, 28px -4px, 28px 12px, -4px 12px); }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
+ top: -11px; }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
+ right: -12px;
+ border-left-color: #000;
+ -webkit-clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px);
+ clip-path: polygon(0 -4px, 16px -4px, 16px 28px, 0 28px); }
+
+.euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
+ right: -11px; }
+
+.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 0; }
+
+.euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 8px; }
+
+.euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 16px; }
+
+.euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle:not([class*='euiPopoverTitle--padding']) {
+ padding: 24px; }
+
+/**
+ * Footer specific overrides
+ */
+.euiPopover__panel:not([class*='euiPanel--padding']) .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 0; }
+
+.euiPopover__panel.euiPanel--paddingSmall .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 8px; }
+
+.euiPopover__panel.euiPanel--paddingMedium .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 16px; }
+
+.euiPopover__panel.euiPanel--paddingLarge .euiPopoverFooter:not([class*='euiPopoverFooter--padding']) {
+ padding: 24px; }
+
+.euiProgress--native {
+ border-radius: 8px; }
+
+.euiRangeTooltip__value {
+ border-radius: 4px; }
+
+.euiRangeDraggable:focus {
+ outline: none; }
+ .euiRangeDraggable:focus ~ .euiRangeThumb {
+ border: 2px solid #FFF;
+ box-shadow: 0 0 0 2px #003c56;
+ background-color: #07C; }
+
+.euiRangeDraggable:focus:not(:focus-visible) ~ .euiRangeThumb {
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ outline: none; }
+
+.euiRangeDraggable:focus-visible {
+ outline: none; }
+ .euiRangeDraggable:focus-visible ~ .euiRangeThumb {
+ border: 2px solid #FFF;
+ box-shadow: 0 0 0 2px #003c56;
+ background-color: #07C; }
+
+.euiRangeHighlight {
+ z-index: 1;
+ pointer-events: none; }
+ .euiRangeHighlight__progress {
+ background-color: #69707D;
+ border-color: #69707D; }
+ .euiRangeHighlight__progress--hasFocus {
+ background-color: #07C; }
+ .euiRangeHighlight--compressed {
+ top: calc(50% - 2px); }
+ .euiRangeHighlight--compressed .euiRangeHighlight__progress {
+ height: 4px; }
+ .euiRangeHighlight--compressed.euiRangeHighlight--hasTicks {
+ top: 6px; }
+ .euiRangeHighlight:not(.euiRangeHighlight--compressed).euiRangeHighlight--hasTicks {
+ top: 5px; }
+
+.euiRangeLevels .euiRangeLevel {
+ margin-top: 0;
+ margin-bottom: 0; }
+ .euiRangeLevels .euiRangeLevel:first-child {
+ margin-left: 0; }
+ .euiRangeLevels .euiRangeLevel:last-child {
+ margin-right: 0; }
+
+.euiRangeLevels--compressed .euiRangeLevel {
+ height: 4px; }
+ .euiRangeLevels--compressed .euiRangeLevel:first-child {
+ margin-left: 0; }
+ .euiRangeLevels--compressed .euiRangeLevel:last-child {
+ margin-right: 0; }
+
+.euiRangeLevels--compressed .euiRangeThumb--hasTicks {
+ top: 0; }
+
+.euiRangeSlider {
+ z-index: 2; }
+ .euiRangeSlider::-webkit-slider-runnable-track {
+ background-color: transparent; }
+ .euiRangeSlider::-moz-range-track {
+ background-color: transparent; }
+ .euiRangeSlider::-ms-fill-lower {
+ background-color: transparent; }
+ .euiRangeSlider::-ms-fill-upper {
+ background-color: transparent; }
+ .euiRangeSlider--hasTicks {
+ height: 16px; }
+ .euiRangeSlider:focus {
+ outline: none; }
+ .euiRangeSlider:focus::-webkit-slider-thumb {
+ border: 2px solid #FFF;
+ box-shadow: 0 0 0 2px #003c56;
+ background-color: #07C; }
+ .euiRangeSlider:focus::-moz-range-thumb {
+ border: 2px solid #FFF;
+ box-shadow: 0 0 0 2px #003c56;
+ background-color: #07C; }
+ .euiRangeSlider:focus::-ms-thumb {
+ border: 2px solid #FFF;
+ box-shadow: 0 0 0 2px #003c56;
+ background-color: #07C; }
+ .euiRangeSlider:focus::-webkit-slider-runnable-track {
+ background-color: transparent; }
+ .euiRangeSlider:focus::-moz-range-track {
+ background-color: transparent; }
+ .euiRangeSlider:focus::-ms-fill-lower {
+ background-color: transparent; }
+ .euiRangeSlider:focus::-ms-fill-upper {
+ background-color: transparent; }
+ .euiRangeSlider:focus ~ .euiRangeHighlight .euiRangeHighlight__progress {
+ background-color: #07C; }
+ .euiRangeSlider:focus:not(:focus-visible)::-webkit-slider-thumb {
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: #69707D; }
+ .euiRangeSlider:focus:not(:focus-visible)::-moz-range-thumb {
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: #69707D; }
+ .euiRangeSlider:focus:not(:focus-visible)::-ms-thumb {
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ background-color: #69707D; }
+ .euiRangeSlider:focus:not(:focus-visible) ~ .euiRangeHighlight .euiRangeHighlight__progress {
+ background-color: #69707D; }
+ .euiRangeSlider:disabled::-webkit-slider-thumb {
+ background-color: #69707D; }
+ .euiRangeSlider:disabled::-moz-range-thumb {
+ background-color: #69707D; }
+ .euiRangeSlider:disabled::-ms-thumb {
+ background-color: #69707D; }
+ .euiRangeSlider:disabled ~ .euiRangeThumb {
+ background-color: #69707D; }
+
+.euiRangeThumb {
+ box-shadow: 0 0 0 1px #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
+ border: 2px solid #FFF;
+ background-color: #69707D;
+ z-index: 2;
+ pointer-events: none; }
+ .euiRangeThumb--hasTicks {
+ top: 0;
+ margin-top: 0; }
+ .euiRangeThumb:focus {
+ border: 2px solid #FFF;
+ box-shadow: 0 0 0 2px #003c56;
+ background-color: #07C;
+ outline: none; }
+ .euiRangeThumb:focus:focus-visible {
+ outline: none; }
+
+.euiRangeTicks:not(.euiRangeTicks--compressed) .euiRangeTick {
+ padding-top: 0; }
+
+.euiRangeTicks:not(.euiRangeTicks--compressed) .euiRangeTick:not(.euiRangeTick--hasTickMark)::before,
+.euiRangeTicks:not(.euiRangeTicks--compressed) .euiRangeTick__pseudo {
+ width: 4px;
+ height: 6px;
+ background-color: #D3DAE6;
+ border-radius: 4px; }
+
+.euiRangeTicks--compressed .euiRangeTick {
+ padding-top: 14px; }
+ .euiRangeTicks--compressed .euiRangeTick::before,
+ .euiRangeTicks--compressed .euiRangeTick .euiRangeTick__pseudo {
+ background-color: #D3DAE6;
+ border-radius: 4px; }
+
+.euiRangeTick::before {
+ background-color: #D3DAE6;
+ border-radius: 4px; }
+
+.euiRangeTick:enabled:hover, .euiRangeTick:focus, .euiRangeTick--selected {
+ color: #07C; }
+
+.euiRangeTick--selected {
+ font-weight: 500; }
+
+.euiRangeTrack::after {
+ content: '';
+ display: block;
+ background: #D3DAE6;
+ border: 0 solid #69707D;
+ border-radius: 4px;
+ position: absolute;
+ left: 0; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed)::after {
+ height: 6px;
+ width: 100%; }
+
+.euiRangeTrack--compressed::after {
+ height: 6px;
+ width: 100%;
+ height: 4px; }
+
+.euiRangeTrack--compressed.euiRangeTrack--hasLevels .euiRangeTicks {
+ height: 18px;
+ top: 16px; }
+
+.euiRangeTrack--compressed.euiRangeTrack--hasLevels .euiRangeTick {
+ padding-top: 4px; }
+
+.euiRangeTrack--compressed:not(.euiRangeTrack--hasLevels) .euiRangeTicks {
+ height: 20px;
+ top: 12px; }
+
+.euiRangeTrack--compressed:not(.euiRangeTrack--hasLevels) .euiRangeTick {
+ padding-top: 6px; }
+
+.euiRangeTrack--compressed.euiRangeTrack--hasTicks::after {
+ top: 6px; }
+
+.euiRangeTrack--compressed:not(.euiRangeTrack--hasTicks)::after {
+ top: calc(50% - 2px); }
+
+.euiRangeTrack--compressed .euiRangeThumb--hasTicks {
+ top: 0; }
+
+.euiRangeTrack--compressed .euiRangeLevels:not(.euiRangeLevels--hasTicks) {
+ top: 19px; }
+
+.euiRangeTrack--compressed .euiRangeLevels--hasTicks {
+ top: 11px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed).euiRangeTrack--hasLevels .euiRangeTicks {
+ height: 20px;
+ top: 20px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed).euiRangeTrack--hasLevels .euiRangeTick {
+ padding-top: 6px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed):not(.euiRangeTrack--hasLevels) .euiRangeTicks {
+ height: 24px;
+ top: 16px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed):not(.euiRangeTrack--hasLevels) .euiRangeTick {
+ padding-top: 11px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed).euiRangeTrack--hasTicks .euiRangeTooltip {
+ top: -2px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed).euiRangeTrack--hasTicks::after {
+ top: 5px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed):not(.euiRangeTrack--hasTicks)::after {
+ top: calc(50% - 3px); }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed) .euiRangeLevels:not(.euiRangeLevels--hasTicks) {
+ top: 24px; }
+
+.euiRangeTrack:not(.euiRangeTrack--compressed) .euiRangeLevels--hasTicks {
+ top: 12px; }
+
+.euiRangeTooltip {
+ z-index: 3; }
+
+.euiSideNavItem--root {
+ padding-bottom: 8px; }
+ .euiSideNavItem--root + .euiSideNavItem--root {
+ padding-top: 8px;
+ margin-top: 8px; }
+ .euiSideNavItem--root > .euiSideNavItemButton {
+ margin-bottom: 4px; }
+ .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ color: inherit; }
+
+.euiStepHorizontal-isDisabled .euiStepHorizontal__title,
+.euiStep-isDisabled .euiStep__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: transparent;
+ color: #343741;
+ border: 2px solid #D3DAE6; }
+ .euiStepNumber.euiStepNumber--incomplete .euiStepNumber__number {
+ display: unset;
+ position: relative;
+ top: -2px; }
+
+.euiStepNumber--disabled {
+ background-color: rgba(171, 180, 196, 0.1);
+ color: #a2abba; }
+
+.euiStepHorizontal__title {
+ font-weight: 700; }
+
+.euiStepHorizontal::before, .euiStepHorizontal::after {
+ height: 2px;
+ background-color: #07C;
+ background-color: #D3DAE6; }
+
+.euiStep:not(:last-of-type) {
+ background-position: left 32px; }
+
+.euiStep--small:not(:last-of-type) {
+ background-position: -4px 24px; }
+
+.euiStep__content {
+ padding-bottom: 40px;
+ margin-bottom: 0; }
+
+.euiStepsHorizontal {
+ background: none; }
+
+.euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number:not(:focus-visible) {
+ outline: 2px solid #07C; }
+
+.euiTab,
+.euiTabs--condensed .euiTab {
+ padding: 0 4px; }
+ .euiTab .euiTab__content,
+ .euiTabs--condensed .euiTab .euiTab__content {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 14px;
+ font-size: 1rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 40px; }
+ .euiTab + .euiTab,
+ .euiTabs--condensed .euiTab + .euiTab {
+ margin-left: 16px; }
+ .euiTab:focus,
+ .euiTabs--condensed .euiTab:focus {
+ background-color: transparent; }
+
+.euiTabs--small .euiTab,
+.euiTabs--condensed.euiTabs--small .euiTab {
+ padding: 0 4px; }
+ .euiTabs--small .euiTab .euiTab__content,
+ .euiTabs--condensed.euiTabs--small .euiTab .euiTab__content {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 12px;
+ font-size: 0.85714rem;
+ line-height: 1.14286rem;
+ font-weight: 700;
+ line-height: 32px; }
+ .euiTabs--small .euiTab + .euiTab,
+ .euiTabs--condensed.euiTabs--small .euiTab + .euiTab {
+ margin-left: 12px; }
+
+.euiTabs--large .euiTab,
+.euiTabs--condensed.euiTabs--large .euiTab {
+ padding: 0 4px; }
+ .euiTabs--large .euiTab .euiTab__content,
+ .euiTabs--condensed.euiTabs--large .euiTab .euiTab__content {
+ overflow-wrap: break-word !important;
+ word-wrap: break-word !important;
+ word-break: break-word;
+ color: #e83765;
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.71429rem;
+ font-weight: 700;
+ line-height: 48px; }
+ .euiTabs--large .euiTab + .euiTab,
+ .euiTabs--condensed.euiTabs--large .euiTab + .euiTab {
+ margin-left: 24px; }
+
+.euiTabs--xlarge .euiTab,
+.euiTabs--condensed.euiTabs--xlarge .euiTab {
+ padding: 0 4px; }
+ .euiTabs--xlarge .euiTab .euiTab__content,
+ .euiTabs--condensed.euiTabs--xlarge .euiTab .euiTab__content {
+ font-size: 20px;
+ font-size: 1.42857rem;
+ line-height: 48px; }
+ .euiTabs--xlarge .euiTab + .euiTab,
+ .euiTabs--condensed.euiTabs--xlarge .euiTab + .euiTab {
+ margin-left: 32px; }
+
+.euiTabs .euiTab-isSelected,
+.euiTabs--condensed.euiTabs .euiTab-isSelected {
+ color: #003c56; }
+ .euiTabs .euiTab-isSelected:hover, .euiTabs .euiTab-isSelected:focus,
+ .euiTabs--condensed.euiTabs .euiTab-isSelected:hover,
+ .euiTabs--condensed.euiTabs .euiTab-isSelected:focus {
+ text-decoration: underline;
+ cursor: pointer; }
+ .euiTabs .euiTab-isSelected:focus-visible,
+ .euiTabs--condensed.euiTabs .euiTab-isSelected:focus-visible {
+ box-shadow: none; }
+
+.euiText--medium {
+ font-size: 16px;
+ font-size: 1.14286rem;
+ line-height: 1.5; }
+ .euiText--medium p,
+ .euiText--medium ul,
+ .euiText--medium ol,
+ .euiText--medium dl,
+ .euiText--medium blockquote,
+ .euiText--medium img,
+ .euiText--medium pre {
+ margin-bottom: 1.71429rem; }
+ .euiText--medium ul,
+ .euiText--medium ol {
+ margin-left: 1.71429rem; }
+ .euiText--medium blockquote {
+ font-size: 1.14286rem;
+ padding: 1.71429rem; }
+ .euiText--medium h1 {
+ font-size: 2.42857rem;
+ line-height: 1.41176;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h2 {
+ font-size: 1.92857rem;
+ line-height: 1.48148;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h3 {
+ font-size: 1.57143rem;
+ line-height: 1.45455;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h4 {
+ font-size: 1.14286rem;
+ line-height: 1.5;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h5 {
+ font-size: 1rem;
+ line-height: 1.14286;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium h6 {
+ font-size: 0.85714rem;
+ line-height: 1.33333;
+ margin-bottom: 0.57143rem; }
+ .euiText--medium * + h2 {
+ margin-top: 2.28571rem; }
+ .euiText--medium * + h3 {
+ margin-top: 2.28571rem; }
+ .euiText--medium * + h4 {
+ margin-top: 2.28571rem; }
+ .euiText--medium * + h5 {
+ margin-top: 2.28571rem; }
+ .euiText--medium * + h6 {
+ margin-top: 2.28571rem; }
+ .euiText--medium dd + dt {
+ margin-top: 1.14286rem; }
+ .euiText--medium dt,
+ .euiText--medium .eui-definitionListReverse dd {
+ font-size: 1.14286rem;
+ line-height: 1.5; }
+ .euiText--medium .eui-definitionListReverse dt {
+ font-size: 0.85714rem;
+ color: #343741; }
+ .euiText--medium small {
+ font-size: 1rem; }
+ .euiText--medium pre {
+ padding: 1.14286rem; }
+ .euiText--medium code:not(.euiCode):not(.euiCodeBlock__code) {
+ font-size: 1.02857rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__blockquote {
+ padding: 0 1.14286rem;
+ border-left-width: 0.28571rem;
+ margin-bottom: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox__label {
+ font-size: 1.14286rem;
+ padding-left: 1.71429rem;
+ line-height: 1.5; }
+ .euiText--medium.euiMarkdownFormat .euiCheckbox + *:not(.euiCheckbox) {
+ margin-top: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__codeblockWrapper {
+ margin-bottom: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table {
+ margin-bottom: 1.14286rem; }
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table th,
+ .euiText--medium.euiMarkdownFormat .euiMarkdownFormat__table td {
+ padding: 0.28571rem 0.57143rem; }
+
+.euiToast {
+ border: none;
+ border-radius: 6px; }
+
+.euiToast--primary {
+ border-top: 2px solid #07C; }
+
+.euiToast--success {
+ border-top: 2px solid #00BFB3; }
+
+.euiToast--warning {
+ border-top: 2px solid #FEC514; }
+
+.euiToast--danger {
+ border-top: 2px solid #BD271E; }
+
+.euiToastHeader__title {
+ font-weight: 700; }
+
+.euiToken--square {
+ border-radius: 3px; }
+
+.euiToolTip {
+ padding: 8px; }
+ .euiToolTip .euiHorizontalRule {
+ background-color: #595959; }
diff --git a/css/light.css b/css/light.css
new file mode 100644
index 0000000000000000000000000000000000000000..85c5e58b0bcea778aa28d2f54958672ba9120e90
--- /dev/null
+++ b/css/light.css
@@ -0,0 +1,12 @@
+body {
+ font-family: "Roboto", Sans-serif;
+ font-size: 15px;
+ line-height: 18px;
+ -webkit-font-smoothing: antialiased;
+ color: #e83765;
+ background-color: #ffffff;
+}
+.euiLink--primary {
+ color: #33abff;
+ font-weight: bold;
+}