K4wJ0PX9

1@-webkit-keyframes euiAnimFadeIn {
2  0% {
3    opacity: 0; }
4  100% {
5    opacity: 1; } }
6
7@keyframes euiAnimFadeIn {
8  0% {
9    opacity: 0; }
10  100% {
11    opacity: 1; } }
12
13@-webkit-keyframes euiGrow {
14  0% {
15    opacity: 0; }
16  1% {
17    opacity: 0;
18    -webkit-transform: scale(0);
19            transform: scale(0); }
20  100% {
21    opacity: 1;
22    -webkit-transform: scale(1);
23            transform: scale(1); } }
24
25@keyframes euiGrow {
26  0% {
27    opacity: 0; }
28  1% {
29    opacity: 0;
30    -webkit-transform: scale(0);
31            transform: scale(0); }
32  100% {
33    opacity: 1;
34    -webkit-transform: scale(1);
35            transform: scale(1); } }
36
37@-webkit-keyframes focusRingAnimate {
38  0% {
39    -webkit-box-shadow: 0 0 0 6px rgba(0, 107, 180, 0);
40            box-shadow: 0 0 0 6px rgba(0, 107, 180, 0); }
41  100% {
42    -webkit-box-shadow: 0 0 0 2px rgba(0, 107, 180, 0.3);
43            box-shadow: 0 0 0 2px rgba(0, 107, 180, 0.3); } }
44
45@keyframes focusRingAnimate {
46  0% {
47    -webkit-box-shadow: 0 0 0 6px rgba(0, 107, 180, 0);
48            box-shadow: 0 0 0 6px rgba(0, 107, 180, 0); }
49  100% {
50    -webkit-box-shadow: 0 0 0 2px rgba(0, 107, 180, 0.3);
51            box-shadow: 0 0 0 2px rgba(0, 107, 180, 0.3); } }
52
53@-webkit-keyframes focusRingAnimateLarge {
54  0% {
55    -webkit-box-shadow: 0 0 0 10px rgba(0, 107, 180, 0);
56            box-shadow: 0 0 0 10px rgba(0, 107, 180, 0); }
57  100% {
58    -webkit-box-shadow: 0 0 0 4px rgba(0, 107, 180, 0.3);
59            box-shadow: 0 0 0 4px rgba(0, 107, 180, 0.3); } }
60
61@keyframes focusRingAnimateLarge {
62  0% {
63    -webkit-box-shadow: 0 0 0 10px rgba(0, 107, 180, 0);
64            box-shadow: 0 0 0 10px rgba(0, 107, 180, 0); }
65  100% {
66    -webkit-box-shadow: 0 0 0 4px rgba(0, 107, 180, 0.3);
67            box-shadow: 0 0 0 4px rgba(0, 107, 180, 0.3); } }
68
69.eui-alignBaseline {
70  vertical-align: baseline !important; }
71
72.eui-alignBottom {
73  vertical-align: bottom !important; }
74
75.eui-alignMiddle {
76  vertical-align: middle !important; }
77
78.eui-alignTop {
79  vertical-align: top !important; }
80
81.eui-displayBlock {
82  display: block !important; }
83
84.eui-displayInline {
85  display: inline !important; }
86
87.eui-displayInlineBlock {
88  display: inline-block !important; }
89
90.eui-textCenter {
91  text-align: center !important; }
92
93.eui-textLeft {
94  text-align: left !important; }
95
96.eui-textRight {
97  text-align: right !important; }
98
99.eui-textNoWrap {
100  white-space: nowrap !important; }
101
102.eui-textInheritColor {
103  color: inherit !important; }
104
105.eui-textBreakWord {
106  word-break: break-all !important;
107  word-break: break-word !important; }
108
109.eui-textBreakAll {
110  word-break: break-all !important; }
111
112.eui-textBreakNormal {
113  word-break: normal !important; }
114
115.eui-textOverflowWrap {
116  overflow-wrap: break-word !important; }
117  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
118    .eui-textOverflowWrap {
119      word-break: break-all !important; } }
120
121.eui-textTruncate {
122  max-width: 100%;
123  /* 1 */
124  overflow: hidden !important;
125  text-overflow: ellipsis !important;
126  white-space: nowrap !important;
127  word-wrap: normal !important;
128  /* 2 */ }
129
130/**
131 *  Responsive
132 *
133 *  3. Be sure to hide/show the element initially
134 */
135[class*='eui-hideFor'] {
136  display: inline !important;
137  /* 3 */ }
138
139[class*='eui-showFor'] {
140  display: none !important;
141  /* 3 */ }
142
143@media only screen and (max-width: 574px) {
144  .eui-hideFor--xs {
145    display: none !important; } }
146
147@media only screen and (max-width: 574px) {
148  .eui-showFor--xs {
149    display: inline !important; } }
150
151@media only screen and (min-width: 575px) and (max-width: 767px) {
152  .eui-hideFor--s {
153    display: none !important; } }
154
155@media only screen and (min-width: 575px) and (max-width: 767px) {
156  .eui-showFor--s {
157    display: inline !important; } }
158
159@media only screen and (min-width: 768px) and (max-width: 991px) {
160  .eui-hideFor--m {
161    display: none !important; } }
162
163@media only screen and (min-width: 768px) and (max-width: 991px) {
164  .eui-showFor--m {
165    display: inline !important; } }
166
167@media only screen and (min-width: 992px) and (max-width: 1199px) {
168  .eui-hideFor--l {
169    display: none !important; } }
170
171@media only screen and (min-width: 992px) and (max-width: 1199px) {
172  .eui-showFor--l {
173    display: inline !important; } }
174
175@media only screen and (min-width: 1200px) {
176  .eui-hideFor--xl {
177    display: none !important; } }
178
179@media only screen and (min-width: 1200px) {
180  .eui-showFor--xl {
181    display: inline !important; } }
182
183/**
184  * IE doesn't properly wrap groups if it is within a flex-item of a flex-group.
185  * Adding the following styles to the flex-item that contains the wrapping group, will fix IE.
186  * https://github.com/philipwalton/flexbugs/issues/104
187  */
188.euiIEFlexWrapFix {
189  -webkit-box-flex: 1;
190      -ms-flex-positive: 1;
191          flex-grow: 1;
192  -ms-flex-negative: 1;
193      flex-shrink: 1;
194  -ms-flex-preferred-size: 0%;
195      flex-basis: 0%; }
196
197/**
198 * Adapted from Eric Meyer's reset (http://meyerweb.com/eric/tools/css/reset/, v2.0 | 20110126).
199 *
200 */
201*, *:before, *:after {
202  -webkit-box-sizing: border-box;
203          box-sizing: border-box; }
204
205html, body, div, span, applet, object, iframe,
206h1, h2, h3, h4, h5, h6, p, blockquote, pre,
207a, abbr, acronym, address, big, cite, code,
208del, dfn, em, img, ins, kbd, q, s, samp,
209small, strike, strong, sub, sup, tt, var,
210b, u, i, center,
211dl, dt, dd, ol, ul, li,
212fieldset, form, label, legend,
213table, caption, tbody, tfoot, thead, tr, th, td,
214article, aside, canvas, details, embed,
215figure, figcaption, footer, header, hgroup,
216menu, nav, output, ruby, section, summary,
217time, mark, audio, video {
218  margin: 0;
219  padding: 0;
220  border: none;
221  vertical-align: baseline; }
222
223code, pre {
224  font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace; }
225
226input, textarea, select, button {
227  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; }
228
229em {
230  font-style: italic; }
231
232strong {
233  font-weight: 700; }
234
235/* HTML5 display-role reset for older browsers */
236article, aside, details, figcaption, figure,
237footer, header, hgroup, menu, nav, section {
238  display: block; }
239
240html {
241  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
242  font-weight: 400;
243  letter-spacing: -.005em;
244  -webkit-text-size-adjust: 100%;
245  -ms-text-size-adjust: 100%;
246  -webkit-font-kerning: normal;
247          font-kerning: normal;
248  font-size: 16px;
249  color: #343741;
250  height: 100%;
251  background-color: #fafbfd; }
252
253body {
254  line-height: 1; }
255
256*:focus {
257  outline: none; }
258
259a {
260  text-decoration: none;
261  color: #006BB4; }
262  a:hover {
263    text-decoration: none; }
264  a:focus {
265    text-decoration: none;
266    outline: none; }
267
268a:hover, button, [role='button'] {
269  cursor: pointer; }
270
271input {
272  margin: 0;
273  padding: 0; }
274
275button {
276  background: none;
277  border: none;
278  padding: 0;
279  margin: 0;
280  outline: none;
281  font-size: 16px;
282  font-size: inherit;
283  color: inherit;
284  border-radius: 0; }
285  button:hover {
286    cursor: pointer; }
287
288ol, ul {
289  list-style: none; }
290
291blockquote, q {
292  quotes: none; }
293
294blockquote:before, blockquote:after,
295q:before, q:after {
296  content: '';
297  content: none; }
298
299table {
300  border-collapse: collapse;
301  border-spacing: 0; }
302
303hr {
304  margin: 0; }
305
306fieldset {
307  min-inline-size: auto; }
308
309html {
310  scrollbar-width: thin;
311  scrollbar-color: rgba(105, 112, 125, 0.5) transparent; }
312
313.euiScreenReaderOnly {
314  position: absolute;
315  left: -10000px;
316  top: auto;
317  width: 1px;
318  height: 1px;
319  overflow: hidden; }
320
321.euiAccordion__button {
322  text-align: left;
323  width: 100%; }
324  .euiAccordion__button:hover {
325    text-decoration: underline;
326    cursor: pointer; }
327  .euiAccordion__button:focus .euiAccordion__iconWrapper {
328    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
329            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
330    color: #006BB4;
331    border-radius: 4px; }
332
333.euiAccordion__childWrapper {
334  visibility: hidden;
335  height: 0;
336  opacity: 0;
337  overflow-y: hidden;
338  -webkit-transform: translatez(0);
339          transform: translatez(0);
340  -webkit-transition: height 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
341  transition: height 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
342
343.euiAccordion__padding--xs {
344  padding: 4px; }
345
346.euiAccordion__padding--s {
347  padding: 8px; }
348
349.euiAccordion__padding--m {
350  padding: 16px; }
351
352.euiAccordion__padding--l {
353  padding: 24px; }
354
355.euiAccordion__padding--xl {
356  padding: 32px; }
357
358.euiAccordion.euiAccordion-isOpen .euiAccordion__childWrapper {
359  visibility: visible;
360  opacity: 1;
361  height: auto; }
362
363.euiAccordionForm__extraAction {
364  opacity: 0;
365  -webkit-transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
366  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
367  .euiAccordionForm__extraAction:focus {
368    opacity: 1; }
369
370.euiAccordionForm__title {
371  display: inline-block; }
372
373.euiAccordionForm__button {
374  padding: 16px 16px 16px 0; }
375  .euiAccordionForm__button:hover {
376    text-decoration: none; }
377    .euiAccordionForm__button:hover .euiAccordionForm__title {
378      text-decoration: underline; }
379
380.euiAccordionForm {
381  border-top: 1px solid #D3DAE6;
382  border-bottom: 1px solid #D3DAE6; }
383  .euiAccordionForm + .euiAccordionForm {
384    border-top: none; }
385  .euiAccordionForm:hover .euiAccordionForm__extraAction {
386    opacity: 1;
387    visibility: visible; }
388
389.euiAvatar {
390  display: inline-block;
391  background-size: cover;
392  text-align: center;
393  vertical-align: middle;
394  overflow-x: hidden;
395  font-weight: 400; }
396
397.euiAvatar--user {
398  position: relative;
399  border-radius: 50%; }
400  .euiAvatar--user:after {
401    position: absolute;
402    top: 0;
403    left: 0;
404    right: 0;
405    bottom: 0;
406    border-radius: 50%;
407    content: '';
408    pointer-events: none;
409    border: 1px solid rgba(52, 55, 65, 0.05); }
410
411.euiAvatar--space {
412  position: relative;
413  border-radius: 4px; }
414  .euiAvatar--space:after {
415    position: absolute;
416    top: 0;
417    left: 0;
418    right: 0;
419    bottom: 0;
420    border-radius: 4px;
421    content: '';
422    pointer-events: none;
423    border: 1px solid rgba(52, 55, 65, 0.05); }
424
425.euiAvatar--s {
426  width: 24px;
427  height: 24px;
428  line-height: 24px;
429  font-size: 10.8px; }
430
431.euiAvatar--m {
432  width: 32px;
433  height: 32px;
434  line-height: 32px;
435  font-size: 14.4px; }
436
437.euiAvatar--l {
438  width: 40px;
439  height: 40px;
440  line-height: 40px;
441  font-size: 19.2px; }
442
443.euiAvatar--xl {
444  width: 64px;
445  height: 64px;
446  line-height: 64px;
447  font-size: 25.6px; }
448
449/**
450 * 1. Accounts for the border
451 */
452.euiBadge {
453  font-size: 12px;
454  font-weight: 500;
455  line-height: 18px;
456  /* 1 */
457  display: inline-block;
458  text-decoration: none;
459  -webkit-box-sizing: content-box;
460          box-sizing: content-box;
461  border-radius: 2px;
462  border: solid 1px transparent;
463  padding: 0 8px;
464  background-color: transparent;
465  white-space: nowrap;
466  vertical-align: middle;
467  text-align: center;
468  overflow: hidden; }
469  .euiBadge + .euiBadge {
470    margin-left: 4px; }
471  .euiBadge .euiBadge__content {
472    display: -webkit-box;
473    display: -ms-flexbox;
474    display: flex;
475    -webkit-box-align: center;
476        -ms-flex-align: center;
477            align-items: center;
478    overflow: hidden; }
479  .euiBadge .euiBadge__text {
480    overflow: hidden;
481    text-overflow: ellipsis;
482    -webkit-box-flex: 1;
483        -ms-flex: 1 1 auto;
484            flex: 1 1 auto; }
485  .euiBadge:focus {
486    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
487            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
488  .euiBadge .euiBadge__icon {
489    -webkit-box-flex: 0;
490        -ms-flex: 0 0 auto;
491            flex: 0 0 auto;
492    margin-right: 4px; }
493    .euiBadge .euiBadge__icon:focus {
494      background-color: rgba(255, 255, 255, 0.8);
495      color: #000;
496      border-radius: 2px; }
497  .euiBadge.euiBadge--iconRight .euiBadge__content {
498    -webkit-box-orient: horizontal;
499    -webkit-box-direction: reverse;
500        -ms-flex-direction: row-reverse;
501            flex-direction: row-reverse; }
502    .euiBadge.euiBadge--iconRight .euiBadge__content .euiBadge__icon {
503      margin-left: 4px;
504      margin-right: 0; }
505
506.euiBadge--default {
507  background-color: #D3DAE6;
508  color: #000; }
509
510.euiBadge--primary {
511  background-color: #69b2e4;
512  color: #000; }
513
514.euiBadge--secondary {
515  background-color: #70dad1;
516  color: #000; }
517
518.euiBadge--warning {
519  background-color: #e7c274;
520  color: #000; }
521
522.euiBadge--danger {
523  background-color: #ec8e88;
524  color: #000; }
525
526.euiBadge--accent {
527  background-color: #edc6d9;
528  color: #000; }
529
530.euiBadge--hollow {
531  background-color: #FFF;
532  border-color: #D3DAE6;
533  color: #343741; }
534
535/**
536 * 1. Extend beta badges to at least 40% of the container's width
537 * 2. Fix for IE to ensure badges are visible outside of a <button> tag
538 */
539.euiBetaBadge {
540  display: inline-block;
541  padding: 0 16px;
542  border-radius: 24px;
543  -webkit-box-shadow: inset 0 0 0 1px #D3DAE6;
544          box-shadow: inset 0 0 0 1px #D3DAE6;
545  vertical-align: super;
546  font-size: 12px;
547  font-weight: 700;
548  text-transform: uppercase;
549  letter-spacing: .05em;
550  line-height: 24px;
551  text-align: center;
552  white-space: nowrap;
553  cursor: default; }
554  .euiBetaBadge.euiBetaBadge--iconOnly {
555    padding: 0;
556    width: 24px; }
557    .euiBetaBadge.euiBetaBadge--iconOnly .euiBetaBadge__icon {
558      position: relative;
559      margin-top: -1px; }
560
561.euiNotificationBadge {
562  display: inline-block;
563  border-radius: 4px;
564  background: #DD0A73;
565  color: #FFF;
566  font-size: 12px;
567  font-weight: 500;
568  line-height: 16px;
569  height: 16px;
570  min-width: 16px;
571  padding-left: 4px;
572  padding-right: 4px;
573  vertical-align: middle;
574  text-align: center; }
575
576.euiBasicTable-loading {
577  position: relative; }
578  .euiBasicTable-loading tbody {
579    overflow: hidden; }
580  .euiBasicTable-loading tbody:before {
581    position: absolute;
582    content: '';
583    width: 100%;
584    height: 2px;
585    background-color: #006BB4;
586    -webkit-animation: euiBasicTableLoading 1000ms linear;
587            animation: euiBasicTableLoading 1000ms linear;
588    -webkit-animation-iteration-count: infinite;
589            animation-iteration-count: infinite; }
590
591@-webkit-keyframes euiBasicTableLoading {
592  from {
593    left: 0;
594    width: 0; }
595  20% {
596    left: 0;
597    width: 40%; }
598  80% {
599    left: 60%;
600    width: 40%; }
601  100% {
602    left: 100%;
603    width: 0; } }
604
605@keyframes euiBasicTableLoading {
606  from {
607    left: 0;
608    width: 0; }
609  20% {
610    left: 0;
611    width: 40%; }
612  80% {
613    left: 60%;
614    width: 40%; }
615  100% {
616    left: 100%;
617    width: 0; } }
618
619.euiBottomBar {
620  background: #404040;
621  color: #FFF;
622  position: fixed;
623  bottom: 0;
624  right: 0;
625  left: 0;
626  -webkit-animation: euiBottomBarAppear 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
627          animation: euiBottomBarAppear 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
628  z-index: 4000; }
629  .euiBottomBar.euiBottomBar--paddingSmall {
630    padding: 8px; }
631  .euiBottomBar.euiBottomBar--paddingMedium {
632    padding: 16px; }
633  .euiBottomBar.euiBottomBar--paddingLarge {
634    padding: 24px; }
635
636@-webkit-keyframes euiBottomBarAppear {
637  0% {
638    -webkit-transform: translateY(100%);
639            transform: translateY(100%);
640    opacity: 0; }
641  100% {
642    -webkit-transform: translateY(0%);
643            transform: translateY(0%);
644    opacity: 1; } }
645
646@keyframes euiBottomBarAppear {
647  0% {
648    -webkit-transform: translateY(100%);
649            transform: translateY(100%);
650    opacity: 0; }
651  100% {
652    -webkit-transform: translateY(0%);
653            transform: translateY(0%);
654    opacity: 1; } }
655
656/**
657 * 1. Apply margin to all but last item in the flex.
658 * 2. Margin gets flipped because of the row-reverse.
659 */
660@-webkit-keyframes euiButtonActive {
661  50% {
662    -webkit-transform: translateY(1px);
663            transform: translateY(1px); } }
664@keyframes euiButtonActive {
665  50% {
666    -webkit-transform: translateY(1px);
667            transform: translateY(1px); } }
668
669.euiButton {
670  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
671  font-weight: 400;
672  letter-spacing: -.005em;
673  -webkit-text-size-adjust: 100%;
674  -ms-text-size-adjust: 100%;
675  -webkit-font-kerning: normal;
676          font-kerning: normal;
677  display: inline-block;
678  -webkit-appearance: none;
679     -moz-appearance: none;
680          appearance: none;
681  cursor: pointer;
682  height: 40px;
683  line-height: 40px;
684  text-decoration: none;
685  border: solid 1px transparent;
686  text-align: center;
687  -webkit-transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
688  transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
689  white-space: nowrap;
690  max-width: 100%;
691  vertical-align: middle;
692  -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
693          box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
694  border-radius: 4px;
695  min-width: 112px; }
696  .euiButton:hover:not(:disabled) {
697    -webkit-transform: translateY(-1px);
698            transform: translateY(-1px); }
699  .euiButton:hover:not(:disabled), .euiButton:focus {
700    text-decoration: underline; }
701  .euiButton:focus {
702    -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
703            animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
704  .euiButton:active:not(:disabled) {
705    -webkit-transform: translateY(1px);
706            transform: translateY(1px); }
707  .euiButton .euiButton__content {
708    height: 100%;
709    width: 100%;
710    vertical-align: middle;
711    display: -webkit-box;
712    display: -ms-flexbox;
713    display: flex;
714    -webkit-box-pack: center;
715        -ms-flex-pack: center;
716            justify-content: center;
717    -webkit-box-align: center;
718        -ms-flex-align: center;
719            align-items: center;
720    padding: 0 12px; }
721    .euiButton .euiButton__content .euiButton__icon,
722    .euiButton .euiButton__content .euiButton__spinner {
723      -ms-flex-negative: 0;
724          flex-shrink: 0; }
725    .euiButton .euiButton__content > * + * {
726      margin-left: 8px;
727      /* 1 */ }
728  .euiButton .euiButton__text {
729    text-overflow: ellipsis;
730    overflow: hidden; }
731  .euiButton.euiButton--small {
732    height: 32px;
733    line-height: 32px; }
734  .euiButton.euiButton--iconRight .euiButton__content {
735    height: 100%;
736    width: 100%;
737    vertical-align: middle;
738    -webkit-box-orient: horizontal;
739    -webkit-box-direction: reverse;
740        -ms-flex-direction: row-reverse;
741            flex-direction: row-reverse; }
742    .euiButton.euiButton--iconRight .euiButton__content .euiButton__icon,
743    .euiButton.euiButton--iconRight .euiButton__content .euiButton__spinner {
744      -ms-flex-negative: 0;
745          flex-shrink: 0; }
746    .euiButton.euiButton--iconRight .euiButton__content > * + * {
747      margin-left: 0;
748      /* 1 */
749      margin-right: 8px;
750      /* 1 */ }
751  .euiButton:hover, .euiButton:active {
752    -webkit-box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
753            box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3); }
754  .euiButton:enabled:hover, .euiButton:enabled:focus {
755    background-color: rgba(0, 107, 180, 0.1); }
756  .euiButton:disabled {
757    color: #c2c3c6;
758    border-color: #c2c3c6;
759    pointer-events: none; }
760    .euiButton:disabled .euiButton__content {
761      pointer-events: auto;
762      cursor: not-allowed; }
763    .euiButton:disabled.euiButton--fill {
764      background-color: #c2c3c6;
765      border-color: #c2c3c6; }
766      .euiButton:disabled.euiButton--fill:hover, .euiButton:disabled.euiButton--fill:focus {
767        background-color: #c2c3c6;
768        border-color: #c2c3c6; }
769    .euiButton:disabled:hover, .euiButton:disabled:focus {
770      -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
771              box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
772      text-decoration: none; }
773
774.euiButton--primary {
775  color: #006BB4;
776  border-color: #006BB4; }
777  .euiButton--primary.euiButton--fill {
778    background-color: #006BB4;
779    border-color: #006BB4;
780    color: #FFF; }
781    .euiButton--primary.euiButton--fill:enabled:hover, .euiButton--primary.euiButton--fill:enabled:focus {
782      background-color: #005c9b;
783      border-color: #005c9b; }
784    .euiButton--primary.euiButton--fill:disabled .euiButton__spinner {
785      border-color: #006BB4 rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7); }
786  .euiButton--primary:enabled {
787    -webkit-box-shadow: 0 2px 2px -1px rgba(54, 97, 126, 0.3);
788            box-shadow: 0 2px 2px -1px rgba(54, 97, 126, 0.3); }
789    .euiButton--primary:enabled:hover, .euiButton--primary:enabled:focus {
790      -webkit-box-shadow: 0 4px 8px 0 rgba(54, 97, 126, 0.15), 0 2px 2px -1px rgba(54, 97, 126, 0.3);
791              box-shadow: 0 4px 8px 0 rgba(54, 97, 126, 0.15), 0 2px 2px -1px rgba(54, 97, 126, 0.3);
792      background-color: rgba(0, 107, 180, 0.1); }
793
794.euiButton--secondary {
795  color: #017D73;
796  border-color: #017D73; }
797  .euiButton--secondary.euiButton--fill {
798    background-color: #017D73;
799    border-color: #017D73;
800    color: #FFF; }
801    .euiButton--secondary.euiButton--fill:enabled:hover, .euiButton--secondary.euiButton--fill:enabled:focus {
802      background-color: #01645c;
803      border-color: #01645c; }
804    .euiButton--secondary.euiButton--fill:disabled .euiButton__spinner {
805      border-color: #006BB4 rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7); }
806  .euiButton--secondary:enabled {
807    -webkit-box-shadow: 0 2px 2px -1px rgba(39, 87, 83, 0.3);
808            box-shadow: 0 2px 2px -1px rgba(39, 87, 83, 0.3); }
809    .euiButton--secondary:enabled:hover, .euiButton--secondary:enabled:focus {
810      -webkit-box-shadow: 0 4px 8px 0 rgba(39, 87, 83, 0.15), 0 2px 2px -1px rgba(39, 87, 83, 0.3);
811              box-shadow: 0 4px 8px 0 rgba(39, 87, 83, 0.15), 0 2px 2px -1px rgba(39, 87, 83, 0.3);
812      background-color: rgba(1, 125, 115, 0.1); }
813
814.euiButton--warning {
815  color: #9b6900;
816  border-color: #F5A700; }
817  .euiButton--warning.euiButton--fill {
818    background-color: #F5A700;
819    border-color: #F5A700;
820    color: #000; }
821    .euiButton--warning.euiButton--fill:enabled:hover, .euiButton--warning.euiButton--fill:enabled:focus {
822      background-color: #dc9600;
823      border-color: #dc9600; }
824    .euiButton--warning.euiButton--fill:disabled .euiButton__spinner {
825      border-color: #006BB4 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7); }
826  .euiButton--warning:enabled {
827    -webkit-box-shadow: 0 2px 2px -1px rgba(172, 140, 74, 0.3);
828            box-shadow: 0 2px 2px -1px rgba(172, 140, 74, 0.3); }
829    .euiButton--warning:enabled:hover, .euiButton--warning:enabled:focus {
830      -webkit-box-shadow: 0 4px 8px 0 rgba(172, 140, 74, 0.15), 0 2px 2px -1px rgba(172, 140, 74, 0.3);
831              box-shadow: 0 4px 8px 0 rgba(172, 140, 74, 0.15), 0 2px 2px -1px rgba(172, 140, 74, 0.3);
832      background-color: rgba(245, 167, 0, 0.1); }
833
834.euiButton--danger {
835  color: #BD271E;
836  border-color: #BD271E; }
837  .euiButton--danger.euiButton--fill {
838    background-color: #BD271E;
839    border-color: #BD271E;
840    color: #FFF; }
841    .euiButton--danger.euiButton--fill:enabled:hover, .euiButton--danger.euiButton--fill:enabled:focus {
842      background-color: #a7221b;
843      border-color: #a7221b; }
844    .euiButton--danger.euiButton--fill:disabled .euiButton__spinner {
845      border-color: #006BB4 rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7); }
846  .euiButton--danger:enabled {
847    -webkit-box-shadow: 0 2px 2px -1px rgba(123, 97, 96, 0.3);
848            box-shadow: 0 2px 2px -1px rgba(123, 97, 96, 0.3); }
849    .euiButton--danger:enabled:hover, .euiButton--danger:enabled:focus {
850      -webkit-box-shadow: 0 4px 8px 0 rgba(123, 97, 96, 0.15), 0 2px 2px -1px rgba(123, 97, 96, 0.3);
851              box-shadow: 0 4px 8px 0 rgba(123, 97, 96, 0.15), 0 2px 2px -1px rgba(123, 97, 96, 0.3);
852      background-color: rgba(189, 39, 30, 0.1); }
853
854.euiButton--ghost {
855  color: #FFF;
856  border-color: #FFF; }
857  .euiButton--ghost.euiButton--fill {
858    background-color: #FFF;
859    border-color: #FFF;
860    color: #000; }
861    .euiButton--ghost.euiButton--fill:enabled:hover, .euiButton--ghost.euiButton--fill:enabled:focus {
862      background-color: #f2f2f2;
863      border-color: #f2f2f2; }
864    .euiButton--ghost.euiButton--fill:disabled .euiButton__spinner {
865      border-color: #006BB4 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7); }
866  .euiButton--ghost:enabled {
867    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
868            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
869    .euiButton--ghost:enabled:hover, .euiButton--ghost:enabled:focus {
870      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
871              box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 2px 2px -1px rgba(0, 0, 0, 0.3);
872      background-color: rgba(255, 255, 255, 0.1); }
873  .euiButton--ghost:disabled, .euiButton--ghost:disabled:hover, .euiButton--ghost:disabled:focus {
874    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
875            box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3); }
876
877.euiButton--text {
878  color: #343741;
879  border-color: #69707D; }
880  .euiButton--text.euiButton--fill {
881    background-color: #69707D;
882    border-color: #69707D;
883    color: #FFF; }
884    .euiButton--text.euiButton--fill:enabled:hover, .euiButton--text.euiButton--fill:enabled:focus {
885      background-color: #5d646f;
886      border-color: #5d646f; }
887    .euiButton--text.euiButton--fill:disabled .euiButton__spinner {
888      border-color: #006BB4 rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.7); }
889  .euiButton--text:enabled {
890    -webkit-box-shadow: 0 2px 2px -1px rgba(115, 115, 115, 0.3);
891            box-shadow: 0 2px 2px -1px rgba(115, 115, 115, 0.3); }
892    .euiButton--text:enabled:hover, .euiButton--text:enabled:focus {
893      -webkit-box-shadow: 0 4px 8px 0 rgba(115, 115, 115, 0.15), 0 2px 2px -1px rgba(115, 115, 115, 0.3);
894              box-shadow: 0 4px 8px 0 rgba(115, 115, 115, 0.15), 0 2px 2px -1px rgba(115, 115, 115, 0.3);
895      background-color: rgba(105, 112, 125, 0.1); }
896
897/**
898 * 1. We don't want any of the animations that come inherited from the mixin.
899 *    These should act like normal links instead.
900 * 2. Change the easing, quickness to not bounce so lighter backgrounds don't flash
901 */
902.euiButtonEmpty {
903  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
904  font-weight: 400;
905  letter-spacing: -.005em;
906  -webkit-text-size-adjust: 100%;
907  -ms-text-size-adjust: 100%;
908  -webkit-font-kerning: normal;
909          font-kerning: normal;
910  display: inline-block;
911  -webkit-appearance: none;
912     -moz-appearance: none;
913          appearance: none;
914  cursor: pointer;
915  height: 40px;
916  line-height: 40px;
917  text-decoration: none;
918  border: solid 1px transparent;
919  text-align: center;
920  -webkit-transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
921  transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
922  white-space: nowrap;
923  max-width: 100%;
924  vertical-align: middle;
925  border-color: transparent;
926  background-color: transparent;
927  -webkit-box-shadow: none;
928          box-shadow: none;
929  -webkit-transform: none !important;
930          transform: none !important;
931  /* 1 */
932  -webkit-animation: none !important;
933          animation: none !important;
934  /* 1 */
935  -webkit-transition-timing-function: ease-in;
936          transition-timing-function: ease-in;
937  /* 2 */
938  -webkit-transition-duration: 150ms;
939          transition-duration: 150ms;
940  /* 2 */ }
941  .euiButtonEmpty:hover:not(:disabled) {
942    -webkit-transform: translateY(-1px);
943            transform: translateY(-1px); }
944  .euiButtonEmpty:hover:not(:disabled), .euiButtonEmpty:focus {
945    text-decoration: underline; }
946  .euiButtonEmpty:focus {
947    -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
948            animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
949  .euiButtonEmpty:active:not(:disabled) {
950    -webkit-transform: translateY(1px);
951            transform: translateY(1px); }
952  .euiButtonEmpty .euiButtonEmpty__content {
953    height: 100%;
954    width: 100%;
955    vertical-align: middle;
956    display: -webkit-box;
957    display: -ms-flexbox;
958    display: flex;
959    -webkit-box-pack: center;
960        -ms-flex-pack: center;
961            justify-content: center;
962    -webkit-box-align: center;
963        -ms-flex-align: center;
964            align-items: center;
965    padding: 0 8px; }
966    .euiButtonEmpty .euiButtonEmpty__content .euiButton__icon,
967    .euiButtonEmpty .euiButtonEmpty__content .euiButton__spinner {
968      -ms-flex-negative: 0;
969          flex-shrink: 0; }
970    .euiButtonEmpty .euiButtonEmpty__content > * + * {
971      margin-left: 8px;
972      /* 1 */ }
973  .euiButtonEmpty .euiButtonEmpty__text {
974    text-overflow: ellipsis;
975    overflow: hidden; }
976  .euiButtonEmpty.euiButtonEmpty--small {
977    height: 32px; }
978  .euiButtonEmpty.euiButtonEmpty--xSmall {
979    height: 24px;
980    font-size: 14px; }
981  .euiButtonEmpty.euiButtonEmpty--iconRight .euiButtonEmpty__content {
982    height: 100%;
983    width: 100%;
984    vertical-align: middle;
985    -webkit-box-orient: horizontal;
986    -webkit-box-direction: reverse;
987        -ms-flex-direction: row-reverse;
988            flex-direction: row-reverse; }
989    .euiButtonEmpty.euiButtonEmpty--iconRight .euiButtonEmpty__content .euiButton__icon,
990    .euiButtonEmpty.euiButtonEmpty--iconRight .euiButtonEmpty__content .euiButton__spinner {
991      -ms-flex-negative: 0;
992          flex-shrink: 0; }
993    .euiButtonEmpty.euiButtonEmpty--iconRight .euiButtonEmpty__content > * + * {
994      margin-left: 0;
995      /* 1 */
996      margin-right: 8px;
997      /* 1 */ }
998  .euiButtonEmpty:disabled {
999    color: #c2c3c6;
1000    pointer-events: none; }
1001    .euiButtonEmpty:disabled .euiButtonEmpty__content {
1002      pointer-events: auto;
1003      cursor: not-allowed; }
1004    .euiButtonEmpty:disabled .euiButtonEmpty__icon {
1005      fill: #c2c3c6; }
1006    .euiButtonEmpty:disabled:focus {
1007      background-color: transparent; }
1008    .euiButtonEmpty:disabled:hover, .euiButtonEmpty:disabled:focus {
1009      text-decoration: none; }
1010
1011.euiButtonEmpty--primary {
1012  color: #006BB4; }
1013  .euiButtonEmpty--primary .euiButtonEmpty__icon {
1014    fill: #006BB4; }
1015  .euiButtonEmpty--primary:focus {
1016    background-color: rgba(0, 107, 180, 0.1); }
1017
1018.euiButtonEmpty--danger {
1019  color: #BD271E; }
1020  .euiButtonEmpty--danger .euiButtonEmpty__icon {
1021    fill: #BD271E; }
1022  .euiButtonEmpty--danger:focus {
1023    background-color: rgba(189, 39, 30, 0.1); }
1024
1025.euiButtonEmpty--disabled {
1026  color: #c2c3c6; }
1027  .euiButtonEmpty--disabled .euiButtonEmpty__icon {
1028    fill: #c2c3c6; }
1029  .euiButtonEmpty--disabled:focus {
1030    background-color: rgba(194, 195, 198, 0.1); }
1031  .euiButtonEmpty--disabled:hover {
1032    cursor: not-allowed; }
1033
1034.euiButtonEmpty--ghost {
1035  color: #FFF; }
1036  .euiButtonEmpty--ghost .euiButtonEmpty__icon {
1037    fill: #FFF; }
1038  .euiButtonEmpty--ghost:focus {
1039    background-color: rgba(255, 255, 255, 0.1); }
1040
1041.euiButtonEmpty--text {
1042  color: #343741; }
1043  .euiButtonEmpty--text .euiButtonEmpty__icon {
1044    fill: #343741; }
1045  .euiButtonEmpty--text:focus {
1046    background-color: #F5F7FA; }
1047
1048.euiButtonEmpty--flushLeft {
1049  margin-right: 8px; }
1050  .euiButtonEmpty--flushLeft .euiButtonEmpty__content {
1051    border-left: none;
1052    padding-left: 0;
1053    padding-right: 0; }
1054
1055.euiButtonEmpty--flushRight {
1056  margin-left: 8px; }
1057  .euiButtonEmpty--flushRight .euiButtonEmpty__content {
1058    border-right: none;
1059    padding-left: 0;
1060    padding-right: 0; }
1061
1062.euiButtonIcon {
1063  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1064  font-weight: 400;
1065  letter-spacing: -.005em;
1066  -webkit-text-size-adjust: 100%;
1067  -ms-text-size-adjust: 100%;
1068  -webkit-font-kerning: normal;
1069          font-kerning: normal;
1070  display: inline-block;
1071  -webkit-appearance: none;
1072     -moz-appearance: none;
1073          appearance: none;
1074  cursor: pointer;
1075  height: 40px;
1076  line-height: 40px;
1077  text-decoration: none;
1078  border: solid 1px transparent;
1079  text-align: center;
1080  -webkit-transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1081  transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1082  white-space: nowrap;
1083  max-width: 100%;
1084  vertical-align: middle;
1085  border: none;
1086  background-color: transparent;
1087  -webkit-box-shadow: none;
1088          box-shadow: none;
1089  height: auto;
1090  min-height: 24px;
1091  min-width: 24px;
1092  line-height: 0;
1093  padding: 4px;
1094  border-radius: 4px; }
1095  .euiButtonIcon:hover:not(:disabled) {
1096    -webkit-transform: translateY(-1px);
1097            transform: translateY(-1px); }
1098  .euiButtonIcon:hover:not(:disabled), .euiButtonIcon:focus {
1099    text-decoration: underline; }
1100  .euiButtonIcon:focus {
1101    -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1102            animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
1103  .euiButtonIcon:active:not(:disabled) {
1104    -webkit-transform: translateY(1px);
1105            transform: translateY(1px); }
1106  .euiButtonIcon:disabled {
1107    color: #c2c3c6;
1108    pointer-events: none; }
1109    .euiButtonIcon:disabled .euiButtonIcon__icon {
1110      pointer-events: auto;
1111      cursor: not-allowed; }
1112    .euiButtonIcon:disabled:hover, .euiButtonIcon:disabled:focus {
1113      background-color: transparent;
1114      text-decoration: none; }
1115
1116.euiButtonIcon--danger {
1117  color: #BD271E; }
1118  .euiButtonIcon--danger:focus {
1119    background-color: rgba(189, 39, 30, 0.1); }
1120
1121.euiButtonIcon--disabled {
1122  color: #c2c3c6; }
1123  .euiButtonIcon--disabled:focus {
1124    background-color: rgba(194, 195, 198, 0.1); }
1125  .euiButtonIcon--disabled:hover, .euiButtonIcon--disabled:focus {
1126    cursor: not-allowed; }
1127
1128.euiButtonIcon--ghost {
1129  color: #FFF; }
1130  .euiButtonIcon--ghost:focus {
1131    background-color: rgba(255, 255, 255, 0.1); }
1132
1133.euiButtonIcon--primary {
1134  color: #006BB4; }
1135  .euiButtonIcon--primary:focus {
1136    background-color: rgba(0, 107, 180, 0.1); }
1137
1138.euiButtonIcon--subdued {
1139  color: #69707D; }
1140  .euiButtonIcon--subdued:focus {
1141    background-color: rgba(105, 112, 125, 0.1); }
1142
1143.euiButtonIcon--success {
1144  color: #017D73; }
1145  .euiButtonIcon--success:focus {
1146    background-color: rgba(1, 125, 115, 0.1); }
1147
1148.euiButtonIcon--text {
1149  color: #343741; }
1150  .euiButtonIcon--text:focus {
1151    background-color: rgba(52, 55, 65, 0.1); }
1152
1153.euiButtonIcon--warning {
1154  color: #F5A700; }
1155  .euiButtonIcon--warning:focus {
1156    background-color: rgba(245, 167, 0, 0.1); }
1157
1158.euiButtonToggle__wrapper {
1159  display: inline-block; }
1160  .euiButtonToggle__wrapper:not(.euiButtonToggle--isDisabled) {
1161    -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1162    transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1163    transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1164    transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
1165    .euiButtonToggle__wrapper:not(.euiButtonToggle--isDisabled):hover {
1166      -webkit-transform: translateY(-1px);
1167              transform: translateY(-1px); }
1168    .euiButtonToggle__wrapper:not(.euiButtonToggle--isDisabled):focus {
1169      -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
1170              animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
1171    .euiButtonToggle__wrapper:not(.euiButtonToggle--isDisabled):active {
1172      -webkit-transform: translateY(1px);
1173              transform: translateY(1px); }
1174
1175.euiButtonToggle__input:enabled:hover + .euiButtonToggle,
1176.euiButtonToggle__input:enabled:focus + .euiButtonToggle,
1177.euiButtonToggle__input:enabled:active + .euiButtonToggle {
1178  text-decoration: underline; }
1179
1180.euiButtonToggle.euiButtonToggle--isIconOnly {
1181  min-width: 0; }
1182  .euiButtonToggle.euiButtonToggle--isIconOnly .euiButton__content {
1183    padding: 0 8px; }
1184  .euiButtonToggle.euiButtonToggle--isIconOnly .euiButton__text:empty {
1185    display: none; }
1186
1187.euiButtonToggle.euiButtonToggle--isEmpty {
1188  border-color: transparent;
1189  background-color: transparent;
1190  -webkit-box-shadow: none;
1191          box-shadow: none; }
1192
1193.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='primary'],
1194.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='primary'],
1195.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='primary'] {
1196  background-color: rgba(0, 107, 180, 0.1); }
1197
1198.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='primary'][class*='fill'],
1199.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='primary'][class*='fill'],
1200.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='primary'][class*='fill'] {
1201  background-color: #005c9b;
1202  border-color: #005c9b; }
1203
1204.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='secondary'],
1205.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='secondary'],
1206.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='secondary'] {
1207  background-color: rgba(1, 125, 115, 0.1); }
1208
1209.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='secondary'][class*='fill'],
1210.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='secondary'][class*='fill'],
1211.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='secondary'][class*='fill'] {
1212  background-color: #01645c;
1213  border-color: #01645c; }
1214
1215.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='warning'],
1216.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='warning'],
1217.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='warning'] {
1218  background-color: rgba(245, 167, 0, 0.1); }
1219
1220.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='warning'][class*='fill'],
1221.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='warning'][class*='fill'],
1222.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='warning'][class*='fill'] {
1223  background-color: #dc9600;
1224  border-color: #dc9600; }
1225
1226.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='danger'],
1227.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='danger'],
1228.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='danger'] {
1229  background-color: rgba(189, 39, 30, 0.1); }
1230
1231.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='danger'][class*='fill'],
1232.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='danger'][class*='fill'],
1233.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='danger'][class*='fill'] {
1234  background-color: #a7221b;
1235  border-color: #a7221b; }
1236
1237.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='ghost'],
1238.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='ghost'],
1239.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='ghost'] {
1240  background-color: rgba(255, 255, 255, 0.1); }
1241
1242.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='ghost'][class*='fill'],
1243.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='ghost'][class*='fill'],
1244.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='ghost'][class*='fill'] {
1245  background-color: #f2f2f2;
1246  border-color: #f2f2f2; }
1247
1248.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='text'],
1249.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='text'],
1250.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='text'] {
1251  background-color: rgba(105, 112, 125, 0.1); }
1252
1253.euiButtonToggle__input:enabled:hover + .euiButtonToggle[class*='text'][class*='fill'],
1254.euiButtonToggle__input:enabled:focus + .euiButtonToggle[class*='text'][class*='fill'],
1255.euiButtonToggle__input:enabled:active + .euiButtonToggle[class*='text'][class*='fill'] {
1256  background-color: #5d646f;
1257  border-color: #5d646f; }
1258
1259.euiButtonGroup {
1260  max-width: 100%;
1261  display: -webkit-box;
1262  display: -ms-flexbox;
1263  display: flex; }
1264
1265.euiButtonGroup--fullWidth .euiButtonGroup__toggle {
1266  -webkit-box-flex: 1;
1267      -ms-flex: 1;
1268          flex: 1; }
1269
1270.euiButtonGroup__toggle {
1271  margin-left: -1px;
1272  z-index: 1;
1273  -webkit-transition: none !important;
1274  transition: none !important;
1275  -webkit-transform: none !important;
1276          transform: none !important;
1277  -webkit-animation: none !important;
1278          animation: none !important; }
1279  .euiButtonGroup__toggle[class*='checked'] {
1280    z-index: 2; }
1281    .euiButtonGroup__toggle[class*='checked'] + [class*='checked'] {
1282      -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1);
1283              box-shadow: -1px 0 0 rgba(255, 255, 255, 0.1); }
1284  .euiButtonGroup__toggle .euiButtonGroup__button {
1285    border-radius: 0;
1286    width: 100%; }
1287    .euiButtonGroup__toggle .euiButtonGroup__button:not([class*='fill']) {
1288      border-color: #D3DAE6; }
1289    .euiButtonGroup__toggle .euiButtonGroup__button:enabled {
1290      -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
1291              box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3); }
1292    .euiButtonToggle__input:enabled:hover + .euiButtonGroup__toggle .euiButtonGroup__button,
1293    .euiButtonToggle__input:enabled:focus + .euiButtonGroup__toggle .euiButtonGroup__button,
1294    .euiButtonToggle__input:enabled:active + .euiButtonGroup__toggle .euiButtonGroup__button {
1295      -webkit-box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
1296              box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3); }
1297  .euiButtonGroup__toggle:first-child {
1298    margin-left: 0; }
1299    .euiButtonGroup__toggle:first-child .euiButtonGroup__button {
1300      border-top-left-radius: 4px;
1301      border-bottom-left-radius: 4px; }
1302  .euiButtonGroup__toggle:last-child .euiButtonGroup__button {
1303    border-top-right-radius: 4px;
1304    border-bottom-right-radius: 4px; }
1305  @media only screen and (max-width: 574px) {
1306    .euiButtonGroup__toggle {
1307      -webkit-box-flex: 1;
1308          -ms-flex: 1;
1309              flex: 1;
1310      min-width: 0; }
1311      .euiButtonGroup__toggle .euiButtonGroup__button {
1312        min-width: 0; } }
1313  @media only screen and (min-width: 575px) and (max-width: 767px) {
1314    .euiButtonGroup__toggle {
1315      -webkit-box-flex: 1;
1316          -ms-flex: 1;
1317              flex: 1;
1318      min-width: 0; }
1319      .euiButtonGroup__toggle .euiButtonGroup__button {
1320        min-width: 0; } }
1321
1322.euiBreadcrumbs {
1323  font-size: 14px;
1324  font-size: 0.875rem;
1325  line-height: 1.5; }
1326
1327.euiBreadcrumb {
1328  display: inline-block; }
1329  .euiBreadcrumb:not(.euiBreadcrumb--last) {
1330    margin-right: 8px; }
1331
1332.euiBreadcrumb--last {
1333  font-weight: 500; }
1334
1335.euiBreadcrumb--collapsed {
1336  color: #D3DAE6; }
1337
1338.euiBreadcrumbSeparator {
1339  -ms-flex-negative: 0;
1340      flex-shrink: 0;
1341  pointer-events: none;
1342  display: inline-block;
1343  margin-right: 8px;
1344  width: 1px;
1345  height: 16px;
1346  -webkit-transform: translateY(0.2em) rotate(15deg);
1347          transform: translateY(0.2em) rotate(15deg);
1348  background: #D3DAE6; }
1349
1350/**
1351 * 1. Can't target separator vs breadcrumb with -of-type because it takes
1352 *    the dom element into consideration too and there could be divs, or spans, or a's
1353 *    as breadcrumbs.
1354 */
1355@media only screen and (min-width: 992px) and (max-width: 1199px) {
1356  .euiBreadcrumbs--responsive .euiBreadcrumbSeparator,
1357  .euiBreadcrumbs--responsive .euiBreadcrumb {
1358    display: none; }
1359    .euiBreadcrumbs--responsive .euiBreadcrumbSeparator:nth-last-child(-n+7),
1360    .euiBreadcrumbs--responsive .euiBreadcrumb:nth-last-child(-n+7) {
1361      /* 1 */
1362      display: inline-block; } }
1363
1364@media only screen and (min-width: 768px) and (max-width: 991px) {
1365  .euiBreadcrumbs--responsive .euiBreadcrumbSeparator,
1366  .euiBreadcrumbs--responsive .euiBreadcrumb {
1367    display: none; }
1368    .euiBreadcrumbs--responsive .euiBreadcrumbSeparator:nth-last-child(-n+3),
1369    .euiBreadcrumbs--responsive .euiBreadcrumb:nth-last-child(-n+3) {
1370      /* 1 */
1371      display: inline-block; } }
1372
1373@media only screen and (max-width: 574px) {
1374  .euiBreadcrumbs--responsive .euiBreadcrumbSeparator,
1375  .euiBreadcrumbs--responsive .euiBreadcrumb {
1376    display: none; }
1377    .euiBreadcrumbs--responsive .euiBreadcrumbSeparator:nth-last-child(-n+1),
1378    .euiBreadcrumbs--responsive .euiBreadcrumb:nth-last-child(-n+1) {
1379      /* 1 */
1380      display: inline-block; } }
1381
1382@media only screen and (min-width: 575px) and (max-width: 767px) {
1383  .euiBreadcrumbs--responsive .euiBreadcrumbSeparator,
1384  .euiBreadcrumbs--responsive .euiBreadcrumb {
1385    display: none; }
1386    .euiBreadcrumbs--responsive .euiBreadcrumbSeparator:nth-last-child(-n+1),
1387    .euiBreadcrumbs--responsive .euiBreadcrumb:nth-last-child(-n+1) {
1388      /* 1 */
1389      display: inline-block; } }
1390
1391.euiBreadcrumbs--truncate {
1392  white-space: nowrap;
1393  display: -webkit-box;
1394  display: -ms-flexbox;
1395  display: flex;
1396  -webkit-box-align: center;
1397      -ms-flex-align: center;
1398          align-items: center;
1399  overflow: hidden; }
1400  .euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed) {
1401    max-width: 160px;
1402    min-width: 56px;
1403    overflow: hidden;
1404    text-overflow: ellipsis;
1405    text-align: center; }
1406    .euiBreadcrumbs--truncate .euiBreadcrumb:not(.euiBreadcrumb--collapsed).euiBreadcrumb--last {
1407      max-width: none; }
1408  .euiBreadcrumbs--truncate .euiBreadcrumbSeparator {
1409    -webkit-transform: translateY(0) rotate(15deg);
1410            transform: translateY(0) rotate(15deg); }
1411
1412.euiBreadcrumb--truncate {
1413  white-space: nowrap;
1414  max-width: 160px;
1415  overflow: hidden;
1416  text-overflow: ellipsis;
1417  text-align: center;
1418  vertical-align: top; }
1419
1420.euiCallOut {
1421  padding: 16px;
1422  border-left: 2px solid transparent; }
1423  .euiCallOut.euiCallOut--small {
1424    padding: 8px; }
1425
1426.euiCallOut--primary {
1427  border-color: #006BB4;
1428  background-color: #e6f0f8; }
1429  .euiCallOut--primary .euiCallOutHeader__icon {
1430    fill: #006BB4; }
1431  .euiCallOut--primary .euiCallOutHeader__title {
1432    color: #006BB4; }
1433
1434.euiCallOut--success {
1435  border-color: #017D73;
1436  background-color: #e6f2f1; }
1437  .euiCallOut--success .euiCallOutHeader__icon {
1438    fill: #01776d; }
1439  .euiCallOut--success .euiCallOutHeader__title {
1440    color: #01776d; }
1441
1442.euiCallOut--warning {
1443  border-color: #F5A700;
1444  background-color: #fef6e6; }
1445  .euiCallOut--warning .euiCallOutHeader__icon {
1446    fill: #936400; }
1447  .euiCallOut--warning .euiCallOutHeader__title {
1448    color: #936400; }
1449
1450.euiCallOut--danger {
1451  border-color: #BD271E;
1452  background-color: #f8e9e9; }
1453  .euiCallOut--danger .euiCallOutHeader__icon {
1454    fill: #b4251d; }
1455  .euiCallOut--danger .euiCallOutHeader__title {
1456    color: #b4251d; }
1457
1458/**
1459 * 1. Align icon with first line of title text if it wraps.
1460 * 2. If content exists under the header, space it appropriately.
1461 * 3. Apply margin to all but last item in the flex.
1462 */
1463.euiCallOutHeader {
1464  color: #1a1c21;
1465  font-size: 16px;
1466  font-size: 1rem;
1467  line-height: 1.5;
1468  line-height: 1.5rem;
1469  font-weight: 600;
1470  letter-spacing: -.02em;
1471  font-weight: 400;
1472  display: -webkit-box;
1473  display: -ms-flexbox;
1474  display: flex;
1475  -webkit-box-align: baseline;
1476      -ms-flex-align: baseline;
1477          align-items: baseline;
1478  /* 1 */ }
1479  .euiCallOutHeader + * {
1480    margin-top: 8px;
1481    /* 1 */ }
1482  .euiCallOutHeader > * + * {
1483    margin-left: 8px;
1484    /* 3 */ }
1485  .euiCallOut--small .euiCallOutHeader {
1486    color: #1a1c21;
1487    font-size: 14px;
1488    font-size: 0.875rem;
1489    line-height: 1.5;
1490    line-height: 1.5rem;
1491    font-weight: 700;
1492    font-weight: 400; }
1493
1494/**
1495  * 1. Vertically center icon with first line of title.
1496  */
1497.euiCallOutHeader__icon {
1498  -webkit-box-flex: 0;
1499      -ms-flex: 0 0 auto;
1500          flex: 0 0 auto;
1501  -webkit-transform: translateY(2px);
1502          transform: translateY(2px);
1503  /* 1 */ }
1504
1505/**
1506 * Padding map referenced in:
1507 *  - Popover
1508 *  - PageContentHeader
1509 *  - PageContentHeaderSection
1510*/
1511/**
1512 *  Mixin for use in:
1513 *  - EuiCard
1514 *  - EuiPageContent
1515*/
1516/**
1517 * 1. Extend beta badges to at least 40% of the container's width
1518 * 2. Fix for IE to ensure badges are visible outside of a <button> tag
1519 */
1520.euiCard {
1521  -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
1522          box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
1523  background-color: #FFF;
1524  border: 1px solid #D3DAE6;
1525  border-radius: 4px;
1526  -webkit-box-flex: 1;
1527      -ms-flex-positive: 1;
1528          flex-grow: 1; }
1529  .euiCard.euiCard--flexGrowZero {
1530    -webkit-box-flex: 0;
1531        -ms-flex-positive: 0;
1532            flex-grow: 0; }
1533  .euiCard.euiCard--isClickable {
1534    display: block;
1535    width: 100%;
1536    text-align: left;
1537    -webkit-transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
1538    transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
1539    .euiCard.euiCard--isClickable:hover, .euiCard.euiCard--isClickable:focus {
1540      -webkit-box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
1541              box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
1542      -webkit-transform: translateY(-2px);
1543              transform: translateY(-2px);
1544      cursor: pointer; }
1545  .euiCard.euiCard--shadow {
1546    -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
1547            box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
1548    border-bottom-color: rgba(152, 162, 179, 0.5); }
1549    .euiCard.euiCard--shadow.euiCard--isClickable:hover, .euiCard.euiCard--shadow.euiCard--isClickable:focus {
1550      -webkit-box-shadow: 0 12px 24px 0 rgba(152, 162, 179, 0.2), 0 6px 12px 0 rgba(152, 162, 179, 0.2), 0 4px 4px 0 rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
1551              box-shadow: 0 12px 24px 0 rgba(152, 162, 179, 0.2), 0 6px 12px 0 rgba(152, 162, 179, 0.2), 0 4px 4px 0 rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2); }
1552
1553/**
1554 * 1. Footer is always at the bottom.
1555 * 2. Fix for IE where the image correctly resizes in width but doesn't collapse it's height
1556      (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
1557 * 3. Horizontal layouts should always top left align no matter the textAlign prop
1558 */
1559.euiCard {
1560  display: -webkit-box;
1561  display: -ms-flexbox;
1562  display: flex;
1563  -webkit-box-orient: vertical;
1564  -webkit-box-direction: normal;
1565      -ms-flex-direction: column;
1566          flex-direction: column;
1567  padding: 16px;
1568  min-height: 1px;
1569  /* 2 */ }
1570  .euiCard.euiCard--hasBetaBadge {
1571    position: relative;
1572    overflow: visible;
1573    /* 2 */ }
1574    .euiCard.euiCard--hasBetaBadge .euiCard__betaBadgeWrapper {
1575      position: absolute;
1576      top: -12px;
1577      left: 50%;
1578      -webkit-transform: translateX(-50%);
1579              transform: translateX(-50%);
1580      z-index: 3;
1581      min-width: 40%;
1582      /* 1 */
1583      max-width: calc(100% - 32px); }
1584      .euiCard.euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiToolTipAnchor,
1585      .euiCard.euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
1586        width: 100%;
1587        /* 1 */ }
1588      .euiCard.euiCard--hasBetaBadge .euiCard__betaBadgeWrapper .euiCard__betaBadge {
1589        overflow: hidden;
1590        text-overflow: ellipsis;
1591        background-color: #FFF; }
1592  .euiCard .euiCard__top,
1593  .euiCard .euiCard__content,
1594  .euiCard .euiCard__footer {
1595    display: block;
1596    width: 100%; }
1597  .euiCard.euiCard--leftAligned, .euiCard.euiCard--isClickable.euiCard--leftAligned {
1598    text-align: left;
1599    -webkit-box-align: start;
1600        -ms-flex-align: start;
1601            align-items: flex-start; }
1602  .euiCard.euiCard--centerAligned, .euiCard.euiCard--isClickable.euiCard--centerAligned {
1603    text-align: center;
1604    -webkit-box-align: center;
1605        -ms-flex-align: center;
1606            align-items: center; }
1607  .euiCard.euiCard--rightAligned, .euiCard.euiCard--isClickable.euiCard--rightAligned {
1608    text-align: right;
1609    -webkit-box-align: end;
1610        -ms-flex-align: end;
1611            align-items: flex-end; }
1612  .euiCard.euiCard--isClickable {
1613    display: -webkit-box;
1614    display: -ms-flexbox;
1615    display: flex; }
1616    .euiCard.euiCard--isClickable:focus .euiCard__title, .euiCard.euiCard--isClickable:hover .euiCard__title {
1617      text-decoration: underline; }
1618  .euiCard.euiCard--hasBottomGraphic {
1619    position: relative;
1620    padding-bottom: 56px; }
1621
1622.euiCard__top {
1623  -webkit-box-flex: 0;
1624      -ms-flex-positive: 0;
1625          flex-grow: 0;
1626  /* 1 */
1627  position: relative;
1628  min-height: 1px;
1629  /* 2 */ }
1630  .euiCard__top .euiCard__icon {
1631    margin-top: 8px; }
1632  .euiCard__top .euiCard__image {
1633    position: relative;
1634    width: calc(100% + (16px * 2));
1635    left: -16px;
1636    top: -16px;
1637    margin-bottom: -16px;
1638    border-top-left-radius: 3px;
1639    border-top-right-radius: 3px; }
1640    .euiCard__top .euiCard__image + .euiCard__icon {
1641      position: absolute;
1642      top: 50%;
1643      left: 50%;
1644      -webkit-transform: translate(-50%, -75%);
1645              transform: translate(-50%, -75%);
1646      -webkit-transform: translate(-50%, calc(-50% + -16px));
1647              transform: translate(-50%, calc(-50% + -16px)); }
1648
1649.euiCard__top + .euiCard__content {
1650  margin-top: 16px; }
1651
1652.euiCard__content {
1653  -webkit-box-flex: 1;
1654      -ms-flex-positive: 1;
1655          flex-grow: 1;
1656  /* 1 */ }
1657  .euiCard__content .euiCard__title {
1658    color: #1a1c21;
1659    font-size: 18px;
1660    font-size: 1.125rem;
1661    line-height: 1.5rem;
1662    display: block;
1663    font-weight: 500; }
1664  .euiCard__content .euiCard__description {
1665    color: #343741;
1666    margin-top: 8px; }
1667
1668.euiCard__footer:not(:empty) {
1669  -webkit-box-flex: 0;
1670      -ms-flex-positive: 0;
1671          flex-grow: 0;
1672  /* 1 */
1673  margin-top: 16px; }
1674
1675.euiCard.euiCard--horizontal .euiCard__content {
1676  padding-top: 8px;
1677  text-align: left;
1678  /* 3 */ }
1679
1680.euiCard.euiCard--horizontal.euiCard--hasIcon {
1681  -webkit-box-orient: horizontal;
1682  -webkit-box-direction: normal;
1683      -ms-flex-direction: row;
1684          flex-direction: row;
1685  -webkit-box-align: start !important;
1686      -ms-flex-align: start !important;
1687          align-items: flex-start !important;
1688  /* 3 */ }
1689  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top,
1690  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__content {
1691    width: auto;
1692    margin-top: 0; }
1693  .euiCard.euiCard--horizontal.euiCard--hasIcon .euiCard__top .euiCard__icon {
1694    margin-top: 0;
1695    margin-right: 16px; }
1696
1697.euiCard__graphic {
1698  position: absolute;
1699  bottom: 0;
1700  left: 0;
1701  height: 40px;
1702  width: 100%;
1703  overflow: hidden;
1704  border-bottom-left-radius: 4px;
1705  border-bottom-right-radius: 4px; }
1706
1707.euiCodeBlock {
1708  display: block;
1709  position: relative;
1710  background: #F5F7FA;
1711  color: #343741;
1712  /**
1713  ** 1. Size the code against the text its embedded within.
1714  **/ }
1715  .euiCodeBlock .euiCodeBlock__pre {
1716    height: 100%;
1717    overflow: auto;
1718    display: block;
1719    white-space: pre-wrap; }
1720  .euiCodeBlock .euiCodeBlock__code {
1721    font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
1722    letter-spacing: normal;
1723    display: block;
1724    line-height: 1.5;
1725    font-weight: 400; }
1726  .euiCodeBlock .euiCodeBlock__fullScreenButton {
1727    position: absolute;
1728    top: 12px;
1729    right: 24px; }
1730  .euiCodeBlock.euiCodeBlock-isFullScreen {
1731    position: fixed;
1732    top: 0;
1733    left: 0;
1734    right: 0;
1735    bottom: 0; }
1736    .euiCodeBlock.euiCodeBlock-isFullScreen .euiCodeBlock__pre {
1737      padding: 32px !important; }
1738  .euiCodeBlock.euiCodeBlock--fontSmall {
1739    font-size: 12px; }
1740  .euiCodeBlock.euiCodeBlock--fontMedium {
1741    font-size: 14px; }
1742  .euiCodeBlock.euiCodeBlock--fontLarge {
1743    font-size: 16px; }
1744  .euiCodeBlock.euiCodeBlock--paddingSmall .euiCodeBlock__pre {
1745    padding: 8px; }
1746  .euiCodeBlock.euiCodeBlock--paddingMedium .euiCodeBlock__pre {
1747    padding: 16px; }
1748  .euiCodeBlock.euiCodeBlock--paddingLarge .euiCodeBlock__pre {
1749    padding: 24px; }
1750  .euiCodeBlock.euiCodeBlock--inline {
1751    display: inline-block;
1752    white-space: pre;
1753    color: #343741;
1754    font-size: 90%;
1755    padding: 0 8px;
1756    background: #F5F7FA; }
1757    .euiCodeBlock.euiCodeBlock--inline .euiCodeBlock__pre {
1758      padding: 0 4px; }
1759    .euiCodeBlock.euiCodeBlock--inline .euiCodeBlock__code {
1760      display: inline;
1761      white-space: normal; }
1762  .euiCodeBlock.euiCodeBlock--transparentBackground {
1763    background: transparent; }
1764  .euiCodeBlock .hljs-comment,
1765  .euiCodeBlock .hljs-quote {
1766    color: #998;
1767    font-style: italic; }
1768  .euiCodeBlock .hljs-selector-tag {
1769    color: inherit;
1770    font-weight: bold; }
1771  .euiCodeBlock .hljs-string,
1772  .euiCodeBlock .hljs-subst,
1773  .euiCodeBlock .hljs-doctag {
1774    color: #DD0A73; }
1775  .euiCodeBlock .hljs-number,
1776  .euiCodeBlock .hljs-literal,
1777  .euiCodeBlock .hljs-regexp,
1778  .euiCodeBlock .hljs-variable,
1779  .euiCodeBlock .hljs-template-variable,
1780  .euiCodeBlock .hljs-tag .hljs-attr {
1781    color: #00A69B; }
1782  .euiCodeBlock .hljs-keyword {
1783    color: #333;
1784    font-weight: bold; }
1785  .euiCodeBlock .hljs-function > .hljs-title {
1786    color: inherit; }
1787  .euiCodeBlock .hljs-tag {
1788    color: #0079A5; }
1789  .euiCodeBlock .hljs-name {
1790    color: euiCodeBlockNameColor; }
1791  .euiCodeBlock .hljs-type,
1792  .euiCodeBlock .hljs-class .hljs-title {
1793    color: #0079A5; }
1794  .euiCodeBlock .hljs-attribute {
1795    color: inherit; }
1796  .euiCodeBlock .hljs-symbol,
1797  .euiCodeBlock .hljs-bullet,
1798  .euiCodeBlock .hljs-built_in,
1799  .euiCodeBlock .hljs-builtin-name,
1800  .euiCodeBlock .hljs-link {
1801    color: #990073; }
1802  .euiCodeBlock .hljs-params {
1803    color: inherit; }
1804  .euiCodeBlock .hljs-meta {
1805    color: #999; }
1806  .euiCodeBlock .hljs-title {
1807    color: #900; }
1808  .euiCodeBlock .hljs-section {
1809    color: #FFC66D; }
1810  .euiCodeBlock .hljs-addition {
1811    background-color: #DFD;
1812    color: inherit;
1813    display: inline-block;
1814    width: 100%; }
1815  .euiCodeBlock .hljs-deletion {
1816    background-color: #FDD;
1817    color: inherit;
1818    display: inline-block;
1819    width: 100%; }
1820  .euiCodeBlock .hljs-selector-class {
1821    color: inherit; }
1822  .euiCodeBlock .hljs-selector-id {
1823    color: inherit; }
1824  .euiCodeBlock .hljs-emphasis {
1825    font-style: italic; }
1826  .euiCodeBlock .hljs-strong {
1827    font-weight: bold; }
1828  .euiCodeBlock .hljs-link {
1829    text-decoration: underline; }
1830
1831.euiCodeEditorWrapper {
1832  position: relative; }
1833  .euiCodeEditorWrapper .ace_hidden-cursors {
1834    opacity: 0; }
1835  .euiCodeEditorWrapper.euiCodeEditorWrapper-isEditing .ace_hidden-cursors {
1836    opacity: 1; }
1837
1838.euiCodeEditorKeyboardHint {
1839  position: absolute;
1840  top: 0;
1841  bottom: 0;
1842  right: 0;
1843  left: 0;
1844  background: rgba(255, 255, 255, 0.7);
1845  display: -webkit-box;
1846  display: -ms-flexbox;
1847  display: flex;
1848  -webkit-box-orient: vertical;
1849  -webkit-box-direction: normal;
1850      -ms-flex-direction: column;
1851          flex-direction: column;
1852  -webkit-box-pack: center;
1853      -ms-flex-pack: center;
1854          justify-content: center;
1855  -webkit-box-align: center;
1856      -ms-flex-align: center;
1857          align-items: center;
1858  text-align: center;
1859  opacity: 0;
1860  cursor: pointer; }
1861  .euiCodeEditorKeyboardHint:focus {
1862    opacity: 1;
1863    border: 2px solid #006BB4;
1864    z-index: 1000; }
1865  .euiCodeEditorKeyboardHint.euiCodeEditorKeyboardHint-isInactive {
1866    display: none; }
1867
1868.euiColorPicker {
1869  position: relative;
1870  cursor: pointer; }
1871
1872.euiColorPicker__preview {
1873  display: -webkit-box;
1874  display: -ms-flexbox;
1875  display: flex;
1876  -webkit-box-align: center;
1877      -ms-flex-align: center;
1878          align-items: center; }
1879
1880.euiColorPicker__swatch {
1881  width: 20px;
1882  height: 20px;
1883  border-radius: 4px;
1884  -webkit-box-shadow: inset 0 0 0 1px #98A2B3;
1885          box-shadow: inset 0 0 0 1px #98A2B3;
1886  display: inline-block; }
1887
1888.euiColorPicker__emptySwatch svg {
1889  position: absolute;
1890  width: 20px;
1891  height: 20px; }
1892
1893.euiColorPicker__emptySwatch svg line {
1894  stroke: #BD271E;
1895  stroke-width: 2; }
1896
1897.euiColorPicker__label {
1898  font-size: 16px;
1899  line-height: 1.5;
1900  margin-left: 10px;
1901  display: inline-block;
1902  vertical-align: middle; }
1903
1904.euiColorPickerPopUp {
1905  position: absolute;
1906  z-index: 10; }
1907
1908/**
1909 * 2. Account for inner box-shadow style border when in group
1910 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
1911 */
1912/**
1913 * 4. Override invalid state with focus state.
1914 */
1915.euiComboBox {
1916  max-width: 400px;
1917  width: 100%;
1918  height: auto;
1919  position: relative;
1920  /**
1921   * 1. Allow pills to truncate their text with an ellipsis.
1922   * 2. Don't allow pills to overlap with the caret or clear button.
1923   * 3. The height on combo can be larger than normal text inputs.
1924   */
1925  /**
1926   * 1. Force field height to match other field heights.
1927   * 2. Force input height to expand to fill this element.
1928   * 3. Reset appearance on Safari.
1929   * 4. Fix react-input-autosize appearance.
1930   * 5. Prevent a lot of input from causing the react-input-autosize to overflow the container.
1931   */ }
1932  .euiComboBox--fullWidth {
1933    max-width: 100%; }
1934  .euiComboBox--compressed {
1935    height: 32px; }
1936  .euiComboBox--inGroup {
1937    height: 38px;
1938    /* 2 */ }
1939  .euiComboBox--inGroup.euiComboBox--compressed {
1940    height: 30px;
1941    /* 2 */ }
1942  .euiComboBox--compressed,
1943  .euiComboBox .euiFormControlLayout--compressed {
1944    height: auto; }
1945  .euiComboBox .euiComboBox__inputWrap {
1946    max-width: 400px;
1947    width: 100%;
1948    height: 40px;
1949    background-color: #fbfcfd;
1950    background-repeat: no-repeat;
1951    background-size: 0% 100%;
1952    /* 3 */
1953    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
1954            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
1955    -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
1956    transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
1957    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
1958    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
1959    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
1960    font-weight: 400;
1961    letter-spacing: -.005em;
1962    -webkit-text-size-adjust: 100%;
1963    -ms-text-size-adjust: 100%;
1964    -webkit-font-kerning: normal;
1965            font-kerning: normal;
1966    font-size: 14px;
1967    line-height: 1em;
1968    color: #343741;
1969    border: none;
1970    border-radius: 0;
1971    padding: 12px;
1972    max-width: 400px;
1973    width: 100%;
1974    height: auto;
1975    padding: 4px;
1976    padding-right: 40px;
1977    /* 2 */
1978    display: -webkit-box;
1979    display: -ms-flexbox;
1980    display: flex;
1981    /* 1 */ }
1982    .euiComboBox .euiComboBox__inputWrap::-webkit-input-placeholder {
1983      color: #69707D; }
1984    .euiComboBox .euiComboBox__inputWrap:-ms-input-placeholder {
1985      color: #69707D; }
1986    .euiComboBox .euiComboBox__inputWrap::-ms-input-placeholder {
1987      color: #69707D; }
1988    .euiComboBox .euiComboBox__inputWrap::placeholder {
1989      color: #69707D; }
1990    .euiComboBox .euiComboBox__inputWrap--withIcon {
1991      padding-left: 40px; }
1992    .euiComboBox .euiComboBox__inputWrap--fullWidth {
1993      max-width: 100%; }
1994    .euiComboBox .euiComboBox__inputWrap--compressed {
1995      height: 32px; }
1996    .euiComboBox .euiComboBox__inputWrap--inGroup {
1997      height: 38px;
1998      /* 2 */ }
1999    .euiComboBox .euiComboBox__inputWrap--inGroup.euiComboBox .euiComboBox__inputWrap--compressed {
2000      height: 30px;
2001      /* 2 */ }
2002    .euiComboBox .euiComboBox__inputWrap.euiComboBox__inputWrap-isClearable {
2003      padding-right: 56px;
2004      /* 2 */ }
2005    .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap) {
2006      height: auto;
2007      /* 3 */
2008      -ms-flex-wrap: wrap;
2009          flex-wrap: wrap;
2010      /* 1 */
2011      -ms-flex-line-pack: start;
2012          align-content: flex-start; }
2013      .euiComboBox .euiComboBox__inputWrap:not(.euiComboBox__inputWrap--noWrap):hover {
2014        cursor: text; }
2015  .euiComboBox .euiComboBox__input {
2016    display: -webkit-inline-box !important;
2017    display: -ms-inline-flexbox !important;
2018    display: inline-flex !important;
2019    /* 1 */
2020    height: 32px;
2021    /* 2 */
2022    overflow: hidden;
2023    /* 5 */ }
2024    .euiComboBox .euiComboBox__input > input {
2025      font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2026      font-weight: 400;
2027      letter-spacing: -.005em;
2028      -webkit-text-size-adjust: 100%;
2029      -ms-text-size-adjust: 100%;
2030      -webkit-font-kerning: normal;
2031              font-kerning: normal;
2032      -webkit-appearance: none;
2033         -moz-appearance: none;
2034              appearance: none;
2035      /* 3 */
2036      padding: 0;
2037      border: none;
2038      background: transparent;
2039      font-size: 14px;
2040      color: #343741;
2041      margin: 4px;
2042      line-height: 1.5;
2043      /* 4 */ }
2044  .euiComboBox.euiComboBox-isOpen .euiComboBox__inputWrap {
2045    background-color: white;
2046    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
2047    background-size: 100% 100%;
2048    /* 3 */
2049    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
2050            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
2051  .euiComboBox.euiComboBox-isInvalid .euiComboBox__inputWrap {
2052    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
2053    background-size: 100%; }
2054  .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap {
2055    cursor: not-allowed;
2056    color: #98A2B3;
2057    background: #eef2f7;
2058    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
2059            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
2060    .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-webkit-input-placeholder {
2061      color: #98A2B3; }
2062    .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap:-ms-input-placeholder {
2063      color: #98A2B3; }
2064    .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::-ms-input-placeholder {
2065      color: #98A2B3; }
2066    .euiComboBox.euiComboBox-isDisabled .euiComboBox__inputWrap::placeholder {
2067      color: #98A2B3; }
2068  .euiComboBox.euiComboBox--compressed .euiComboBox__inputWrap {
2069    line-height: 32px;
2070    /* 2 */
2071    padding-top: 0;
2072    padding-bottom: 0; }
2073
2074.euiComboBox__input {
2075  max-width: 100%; }
2076  .euiComboBox__input input[aria-hidden='true'] {
2077    border: none !important;
2078    -webkit-box-shadow: none !important;
2079            box-shadow: none !important;
2080    outline: none !important; }
2081
2082.euiComboBoxPill {
2083  margin: 4px !important;
2084  line-height: 22px;
2085  vertical-align: baseline; }
2086  .euiComboBoxPill--plainText {
2087    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2088    font-weight: 400;
2089    letter-spacing: -.005em;
2090    -webkit-text-size-adjust: 100%;
2091    -ms-text-size-adjust: 100%;
2092    -webkit-font-kerning: normal;
2093            font-kerning: normal;
2094    max-width: 100%;
2095    /* 1 */
2096    overflow: hidden !important;
2097    text-overflow: ellipsis !important;
2098    white-space: nowrap !important;
2099    word-wrap: normal !important;
2100    /* 2 */
2101    line-height: 24px;
2102    font-size: 14px;
2103    padding: 0 4px;
2104    color: #343741;
2105    vertical-align: middle;
2106    display: inline-block; }
2107
2108.euiComboBoxPlaceholder {
2109  position: absolute;
2110  pointer-events: none;
2111  padding: 0 4px;
2112  line-height: 32px;
2113  color: #98A2B3;
2114  margin-bottom: 0 !important; }
2115
2116/**
2117 * 1. Make width match that of the input and tweak position to match.
2118 * 2. Put the list at the top of the screen, otherwise it will cause a scrollbar to show up when
2119 *    the portal is appended to the body. This would throw off our logic for positioning the
2120 *    list beneath the input.
2121 * 3. The height can expand, hence auto
2122 * 4. Using specificity to override panel shadow
2123 */
2124.euiComboBoxOptionsList {
2125  max-width: 400px;
2126  width: 100%;
2127  height: auto;
2128  /* 3 */
2129  z-index: 8001;
2130  position: absolute;
2131  /* 2 */
2132  top: 0;
2133  /* 2 */ }
2134  .euiComboBoxOptionsList--fullWidth {
2135    max-width: 100%; }
2136  .euiComboBoxOptionsList--compressed {
2137    height: 32px; }
2138  .euiComboBoxOptionsList--inGroup {
2139    height: 38px;
2140    /* 2 */ }
2141  .euiComboBoxOptionsList--inGroup.euiComboBoxOptionsList--compressed {
2142    height: 30px;
2143    /* 2 */ }
2144  .euiComboBoxOptionsList .ReactVirtualized__List {
2145    scrollbar-width: thin; }
2146    .euiComboBoxOptionsList .ReactVirtualized__List::-webkit-scrollbar {
2147      width: 16px;
2148      height: 16px; }
2149    .euiComboBoxOptionsList .ReactVirtualized__List::-webkit-scrollbar-thumb {
2150      background-color: rgba(105, 112, 125, 0.5);
2151      border: 6px solid transparent;
2152      background-clip: content-box; }
2153    .euiComboBoxOptionsList .ReactVirtualized__List::-webkit-scrollbar-corner, .euiComboBoxOptionsList .ReactVirtualized__List::-webkit-scrollbar-track {
2154      background-color: transparent; }
2155  .euiComboBoxOptionsList.euiComboBoxOptionsList--bottom {
2156    /* 4 */
2157    -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
2158            box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2); }
2159  .euiComboBoxOptionsList.euiComboBoxOptionsList--top {
2160    /* 4 */
2161    -webkit-box-shadow: 0 -2px 4px -1px rgba(152, 162, 179, 0.2), 0 0 2px 0 rgba(152, 162, 179, 0.2);
2162            box-shadow: 0 -2px 4px -1px rgba(152, 162, 179, 0.2), 0 0 2px 0 rgba(152, 162, 179, 0.2); }
2163
2164.euiComboBoxOptionsList--bottom {
2165  border-radius: 0 0 4px 4px !important;
2166  border-top: none !important; }
2167
2168.euiComboBoxOptionsList--top {
2169  border-radius: 4px 4px 0 0 !important; }
2170
2171/**
2172  * 1. Prevent really long input from overflowing the container.
2173  */
2174.euiComboBoxOptionsList__empty {
2175  padding: 8px;
2176  text-align: center;
2177  color: #69707D;
2178  word-wrap: break-word;
2179  /* 1 */ }
2180
2181.euiComboBoxOptionsList__rowWrap {
2182  padding: 0;
2183  max-height: 200px;
2184  overflow: hidden; }
2185
2186.euiComboBoxOption {
2187  font-size: 14px;
2188  padding: 4px 8px 4px 16px;
2189  width: 100%;
2190  text-align: left;
2191  border: 1px solid #D3DAE6;
2192  border-color: transparent;
2193  display: -webkit-box;
2194  display: -ms-flexbox;
2195  display: flex;
2196  -webkit-box-align: center;
2197      -ms-flex-align: center;
2198          align-items: center; }
2199  .euiComboBoxOption:hover {
2200    text-decoration: underline; }
2201  .euiComboBoxOption.euiComboBoxOption-isFocused {
2202    cursor: pointer;
2203    color: #006BB4;
2204    background-color: #e6f0f8; }
2205  .euiComboBoxOption.euiComboBoxOption-isDisabled {
2206    color: #98A2B3;
2207    cursor: not-allowed; }
2208    .euiComboBoxOption.euiComboBoxOption-isDisabled:hover {
2209      text-decoration: none; }
2210
2211.euiComboBoxOption__content {
2212  text-overflow: ellipsis;
2213  overflow: hidden;
2214  white-space: nowrap; }
2215
2216/**
2217 * 1. Force each title to be the same height as an option, so that the virtualized scroll logic
2218 *    works.
2219 */
2220.euiComboBoxTitle {
2221  font-size: 12px;
2222  padding: 11px 8px 4px;
2223  /* 1 */
2224  width: 100%;
2225  font-weight: 700;
2226  color: #000; }
2227
2228.euiContextMenu {
2229  width: 256px;
2230  max-width: 100%;
2231  position: relative;
2232  overflow: hidden;
2233  -webkit-transition: height 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
2234  transition: height 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
2235  border-radius: 4px; }
2236  .euiContextMenu .euiContextMenu__content {
2237    padding: 8px; }
2238
2239/**
2240  * 1. When there are multiple ContextMenuPanels, the ContextMenu will absolutely
2241  *    position them. ContextMenuPanel will break the layout of a Popover if it's
2242  *    absolutely positioned by default.
2243  */
2244.euiContextMenu__panel {
2245  position: absolute;
2246  /* 1 */ }
2247
2248.euiContextMenu__icon {
2249  margin-right: 8px; }
2250
2251.euiContextMenuPanel {
2252  width: 100%;
2253  visibility: visible; }
2254  .euiContextMenuPanel.euiContextMenuPanel-txInLeft {
2255    pointer-events: none;
2256    -webkit-animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
2257            animation: euiContextMenuPanelTxInLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
2258  .euiContextMenuPanel.euiContextMenuPanel-txOutLeft {
2259    pointer-events: none;
2260    -webkit-animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
2261            animation: euiContextMenuPanelTxOutLeft 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
2262  .euiContextMenuPanel.euiContextMenuPanel-txInRight {
2263    pointer-events: none;
2264    -webkit-animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
2265            animation: euiContextMenuPanelTxInRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
2266  .euiContextMenuPanel.euiContextMenuPanel-txOutRight {
2267    pointer-events: none;
2268    -webkit-animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
2269            animation: euiContextMenuPanelTxOutRight 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
2270
2271.euiContextMenuPanel--next {
2272  -webkit-transform: translateX(256px);
2273          transform: translateX(256px);
2274  visibility: hidden; }
2275
2276.euiContextMenuPanel--previous {
2277  -webkit-transform: translateX(-256px);
2278          transform: translateX(-256px);
2279  visibility: hidden; }
2280
2281.euiContextMenuPanelTitle {
2282  color: #1a1c21;
2283  font-size: 14px;
2284  font-size: 0.875rem;
2285  line-height: 1.5;
2286  line-height: 1.5rem;
2287  font-weight: 700;
2288  padding: 12px;
2289  text-transform: uppercase;
2290  border-bottom: 1px solid #D3DAE6;
2291  border-top-left-radius: 3px;
2292  border-top-right-radius: 3px;
2293  width: 100%;
2294  text-align: left; }
2295  .euiContextMenuPanelTitle:hover, .euiContextMenuPanelTitle:focus {
2296    text-decoration: underline; }
2297
2298@-webkit-keyframes euiContextMenuPanelTxInLeft {
2299  0% {
2300    -webkit-transform: translateX(256px);
2301            transform: translateX(256px); }
2302  100% {
2303    -webkit-transform: translateX(0);
2304            transform: translateX(0); } }
2305
2306@keyframes euiContextMenuPanelTxInLeft {
2307  0% {
2308    -webkit-transform: translateX(256px);
2309            transform: translateX(256px); }
2310  100% {
2311    -webkit-transform: translateX(0);
2312            transform: translateX(0); } }
2313
2314@-webkit-keyframes euiContextMenuPanelTxOutLeft {
2315  0% {
2316    -webkit-transform: translateX(0);
2317            transform: translateX(0); }
2318  100% {
2319    -webkit-transform: translateX(-256px);
2320            transform: translateX(-256px); } }
2321
2322@keyframes euiContextMenuPanelTxOutLeft {
2323  0% {
2324    -webkit-transform: translateX(0);
2325            transform: translateX(0); }
2326  100% {
2327    -webkit-transform: translateX(-256px);
2328            transform: translateX(-256px); } }
2329
2330@-webkit-keyframes euiContextMenuPanelTxInRight {
2331  0% {
2332    -webkit-transform: translateX(-256px);
2333            transform: translateX(-256px); }
2334  100% {
2335    -webkit-transform: translateX(0);
2336            transform: translateX(0); } }
2337
2338@keyframes euiContextMenuPanelTxInRight {
2339  0% {
2340    -webkit-transform: translateX(-256px);
2341            transform: translateX(-256px); }
2342  100% {
2343    -webkit-transform: translateX(0);
2344            transform: translateX(0); } }
2345
2346@-webkit-keyframes euiContextMenuPanelTxOutRight {
2347  0% {
2348    -webkit-transform: translateX(0);
2349            transform: translateX(0); }
2350  100% {
2351    -webkit-transform: translateX(256px);
2352            transform: translateX(256px); } }
2353
2354@keyframes euiContextMenuPanelTxOutRight {
2355  0% {
2356    -webkit-transform: translateX(0);
2357            transform: translateX(0); }
2358  100% {
2359    -webkit-transform: translateX(256px);
2360            transform: translateX(256px); } }
2361
2362.euiContextMenuItem {
2363  display: block;
2364  padding: 12px;
2365  width: 100%;
2366  text-align: left;
2367  color: #343741; }
2368  .euiContextMenuItem:hover, .euiContextMenuItem:focus {
2369    text-decoration: underline; }
2370  .euiContextMenuItem:focus {
2371    background-color: #e6f0f8; }
2372  .euiContextMenuItem.euiContextMenuItem-isDisabled {
2373    color: #c2c3c6;
2374    cursor: default; }
2375    .euiContextMenuItem.euiContextMenuItem-isDisabled:hover, .euiContextMenuItem.euiContextMenuItem-isDisabled:focus {
2376      text-decoration: none; }
2377
2378.euiContextMenuItem__inner {
2379  display: -webkit-box;
2380  display: -ms-flexbox;
2381  display: flex; }
2382
2383.euiContextMenuItem__text {
2384  -webkit-box-flex: 1;
2385      -ms-flex-positive: 1;
2386          flex-grow: 1; }
2387
2388.euiContextMenuItem__arrow {
2389  -ms-flex-item-align: end;
2390      align-self: flex-end; }
2391
2392.euiContextMenu__itemLayout {
2393  display: -webkit-box;
2394  display: -ms-flexbox;
2395  display: flex;
2396  -webkit-box-align: center;
2397      -ms-flex-align: center;
2398          align-items: center; }
2399  .euiContextMenu__itemLayout.euiContextMenu__itemLayout--bottom {
2400    -webkit-box-align: end;
2401        -ms-flex-align: end;
2402            align-items: flex-end; }
2403  .euiContextMenu__itemLayout.euiContextMenu__itemLayout--top {
2404    -webkit-box-align: start;
2405        -ms-flex-align: start;
2406            align-items: flex-start; }
2407  .euiContextMenu__itemLayout .euiContextMenu__icon {
2408    -ms-flex-negative: 0;
2409        flex-shrink: 0; }
2410
2411/* This file is a heavy retheme of react-datepicker's Sass as of v1.4.0
2412** https://github.com/Hacker0x01/react-datepicker
2413**
2414** In places where features were disabled, I've commented out the original Sass
2415** selectors rather than removing it so we can better understand what's changed.
2416** Commented out selectors that don't have properties indicate that we are not
2417** using those dom elements for styling of any kind. For example, react-datepicker
2418** has lots of pointer arrows attached to its popovers, but we choose not to render
2419** then in any way.
2420**
2421** Similarly, you will also find several times where we use display: none to
2422** completely remove extranous UI (they had some overly obvious legends for example).
2423*/
2424.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
2425  -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
2426          box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
2427  border: 1px solid #D3DAE6;
2428  background-color: #FFF;
2429  border-radius: 0 0 4px 4px; }
2430
2431.euiDatePicker.euiDatePicker--shadow.euiDatePicker--inline .react-datepicker {
2432  -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
2433          box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
2434  border: 1px solid #D3DAE6;
2435  background-color: #FFF;
2436  border-radius: 4px; }
2437
2438.react-datepicker {
2439  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2440  font-weight: 400;
2441  letter-spacing: -.005em;
2442  -webkit-text-size-adjust: 100%;
2443  -ms-text-size-adjust: 100%;
2444  -webkit-font-kerning: normal;
2445          font-kerning: normal;
2446  font-size: 12px;
2447  color: #000;
2448  display: -webkit-box;
2449  display: -ms-flexbox;
2450  display: flex;
2451  position: relative;
2452  border-radius: 4px; }
2453
2454.react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
2455  width: 100%; }
2456  .react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list li.react-datepicker__time-list-item {
2457    font-size: 14px;
2458    text-align: left;
2459    padding-left: 36px;
2460    padding-right: 36px;
2461    color: #343741; }
2462    .react-datepicker--time-only .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box .react-datepicker__time-list li.react-datepicker__time-list-item.react-datepicker__time-list-item--selected {
2463      color: #FFF; }
2464
2465.react-datepicker--time-only .react-datepicker__time-container {
2466  border-left: 0; }
2467
2468.euiDatePicker.euiDatePicker--shadow .react-datepicker-popper {
2469  z-index: 1;
2470  -webkit-animation: euiAnimFadeIn 150ms ease-in;
2471          animation: euiAnimFadeIn 150ms ease-in; }
2472  .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^="top"] {
2473    -webkit-box-shadow: 0 0 12px -1px rgba(152, 162, 179, 0.2), 0 0 4px -1px rgba(152, 162, 179, 0.2), 0 0 2px 0 rgba(152, 162, 179, 0.2);
2474            box-shadow: 0 0 12px -1px rgba(152, 162, 179, 0.2), 0 0 4px -1px rgba(152, 162, 179, 0.2), 0 0 2px 0 rgba(152, 162, 179, 0.2);
2475    border-radius: 4px 4px 0 0 !important; }
2476  .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^="right"] {
2477    margin-left: 0; }
2478  .euiDatePicker.euiDatePicker--shadow .react-datepicker-popper[data-placement^="left"] {
2479    margin-right: 0; }
2480
2481.react-datepicker__header {
2482  text-align: center;
2483  border-top-left-radius: 4px;
2484  border-top-right-radius: 4px; }
2485  .react-datepicker__header--time {
2486    display: none; }
2487
2488.react-datepicker__header__dropdown {
2489  padding: 16px 0 8px 0; }
2490
2491.react-datepicker__year-dropdown-container--select,
2492.react-datepicker__month-dropdown-container--select,
2493.react-datepicker__month-year-dropdown-container--select,
2494.react-datepicker__year-dropdown-container--scroll,
2495.react-datepicker__month-dropdown-container--scroll,
2496.react-datepicker__month-year-dropdown-container--scroll {
2497  display: inline-block;
2498  margin: 0 4px; }
2499
2500.react-datepicker__current-month,
2501.react-datepicker-time__header {
2502  display: none; }
2503
2504.react-datepicker-time__header {
2505  text-overflow: ellipsis;
2506  white-space: nowrap;
2507  overflow: hidden; }
2508
2509.react-datepicker__navigation {
2510  cursor: pointer;
2511  position: absolute;
2512  top: 18px;
2513  width: 0;
2514  padding: 0;
2515  z-index: 1;
2516  text-indent: -999em;
2517  overflow: hidden; }
2518  .react-datepicker__navigation--previous {
2519    background-position: center;
2520    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImFycm93X2Rvd24tYSIgZD0iTTEzLjA2ODg1MDgsNS4xNTcyNTAzOCBMOC4zODQyMzk3NSw5Ljc2ODI3NDI4IEM4LjE3MDU0NDE1LDkuOTc4NjEzMDggNy44Mjk5OTIxNCw5Ljk3OTE0MDk1IDcuNjE1NzYwMjUsOS43NjgyNzQyOCBMMi45MzExNDkxNSw1LjE1NzI1MDM4IEMyLjcxODEzNTksNC45NDc1ODMyMSAyLjM3Mjc3MzE5LDQuOTQ3NTgzMjEgMi4xNTk3NTk5NCw1LjE1NzI1MDM4IEMxLjk0Njc0NjY5LDUuMzY2OTE3NTYgMS45NDY3NDY2OSw1LjcwNjg1NTIyIDIuMTU5NzU5OTQsNS45MTY1MjI0IEw2Ljg0NDM3MTA0LDEwLjUyNzU0NjMgQzcuNDg1MTc0MjQsMTEuMTU4MjgzNiA4LjUxNjQ0OTc5LDExLjE1NjY4NTEgOS4xNTU2Mjg5NiwxMC41Mjc1NDYzIEwxMy44NDAyNDAxLDUuOTE2NTIyNCBDMTQuMDUzMjUzMyw1LjcwNjg1NTIyIDE0LjA1MzI1MzMsNS4zNjY5MTc1NiAxMy44NDAyNDAxLDUuMTU3MjUwMzggQzEzLjYyNzIyNjgsNC45NDc1ODMyMSAxMy4yODE4NjQxLDQuOTQ3NTgzMjEgMTMuMDY4ODUwOCw1LjE1NzI1MDM4IFoiLz4gIDwvZGVmcz4gIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDx1c2UgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYXJyb3dfZG93bi1hIi8+ICA8L2c+PC9zdmc+);
2521    left: 20px;
2522    height: 16px;
2523    width: 16px;
2524    -webkit-transform: rotate(90deg);
2525            transform: rotate(90deg);
2526    -webkit-transition: -webkit-transform 90ms ease-in-out;
2527    transition: -webkit-transform 90ms ease-in-out;
2528    transition: transform 90ms ease-in-out;
2529    transition: transform 90ms ease-in-out, -webkit-transform 90ms ease-in-out; }
2530    .react-datepicker__navigation--previous:hover, .react-datepicker__navigation--previous:focus {
2531      border-radius: 4px;
2532      -webkit-transform: scale(1.2) rotate(90deg);
2533              transform: scale(1.2) rotate(90deg); }
2534    .react-datepicker__navigation--previous:hover {
2535      background-color: #F5F7FA;
2536      -webkit-box-shadow: 0 0 0 2px #F5F7FA;
2537              box-shadow: 0 0 0 2px #F5F7FA; }
2538    .react-datepicker__navigation--previous:focus {
2539      background-color: #e6f0f8;
2540      -webkit-box-shadow: 0 0 0 2px #e6f0f8;
2541              box-shadow: 0 0 0 2px #e6f0f8; }
2542    .react-datepicker__navigation--previous--disabled, .react-datepicker__navigation--previous--disabled:hover {
2543      cursor: not-allowed;
2544      opacity: .2; }
2545  .react-datepicker__navigation--next {
2546    background-position: center;
2547    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImFycm93X2Rvd24tYSIgZD0iTTEzLjA2ODg1MDgsNS4xNTcyNTAzOCBMOC4zODQyMzk3NSw5Ljc2ODI3NDI4IEM4LjE3MDU0NDE1LDkuOTc4NjEzMDggNy44Mjk5OTIxNCw5Ljk3OTE0MDk1IDcuNjE1NzYwMjUsOS43NjgyNzQyOCBMMi45MzExNDkxNSw1LjE1NzI1MDM4IEMyLjcxODEzNTksNC45NDc1ODMyMSAyLjM3Mjc3MzE5LDQuOTQ3NTgzMjEgMi4xNTk3NTk5NCw1LjE1NzI1MDM4IEMxLjk0Njc0NjY5LDUuMzY2OTE3NTYgMS45NDY3NDY2OSw1LjcwNjg1NTIyIDIuMTU5NzU5OTQsNS45MTY1MjI0IEw2Ljg0NDM3MTA0LDEwLjUyNzU0NjMgQzcuNDg1MTc0MjQsMTEuMTU4MjgzNiA4LjUxNjQ0OTc5LDExLjE1NjY4NTEgOS4xNTU2Mjg5NiwxMC41Mjc1NDYzIEwxMy44NDAyNDAxLDUuOTE2NTIyNCBDMTQuMDUzMjUzMyw1LjcwNjg1NTIyIDE0LjA1MzI1MzMsNS4zNjY5MTc1NiAxMy44NDAyNDAxLDUuMTU3MjUwMzggQzEzLjYyNzIyNjgsNC45NDc1ODMyMSAxMy4yODE4NjQxLDQuOTQ3NTgzMjEgMTMuMDY4ODUwOCw1LjE1NzI1MDM4IFoiLz4gIDwvZGVmcz4gIDxnIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgIDx1c2UgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYXJyb3dfZG93bi1hIi8+ICA8L2c+PC9zdmc+);
2548    right: 10px;
2549    height: 16px;
2550    width: 16px;
2551    -webkit-transform: rotate(-90deg);
2552            transform: rotate(-90deg); }
2553    .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
2554      left: 248px; }
2555    .react-datepicker__navigation--next:hover, .react-datepicker__navigation--next:focus {
2556      border-radius: 4px;
2557      -webkit-transform: scale(1.2) rotate(-90deg);
2558              transform: scale(1.2) rotate(-90deg); }
2559    .react-datepicker__navigation--next:hover {
2560      background-color: #F5F7FA;
2561      -webkit-box-shadow: 0 0 0 2px #F5F7FA;
2562              box-shadow: 0 0 0 2px #F5F7FA; }
2563    .react-datepicker__navigation--next:focus {
2564      background-color: #e6f0f8;
2565      -webkit-box-shadow: 0 0 0 2px #e6f0f8;
2566              box-shadow: 0 0 0 2px #e6f0f8; }
2567    .react-datepicker__navigation--next--disabled, .react-datepicker__navigation--next--disabled:hover {
2568      cursor: not-allowed;
2569      opacity: .2; }
2570  .react-datepicker__navigation--years {
2571    position: relative;
2572    top: 0;
2573    display: block;
2574    margin-left: auto;
2575    margin-right: auto; }
2576    .react-datepicker__navigation--years-previous {
2577      top: 4px;
2578      border-top-color: #F5F7FA; }
2579      .react-datepicker__navigation--years-previous:hover {
2580        border-top-color: #d3dce9; }
2581    .react-datepicker__navigation--years-upcoming {
2582      top: -4px;
2583      border-bottom-color: #F5F7FA; }
2584      .react-datepicker__navigation--years-upcoming:hover {
2585        border-bottom-color: #d3dce9; }
2586
2587.react-datepicker__month {
2588  margin: 0 16px 16px 16px;
2589  text-align: center;
2590  border-radius: 4px; }
2591
2592.react-datepicker__time-container {
2593  border-left: #D3DAE6;
2594  width: auto;
2595  display: -webkit-box;
2596  display: -ms-flexbox;
2597  display: flex;
2598  padding: 16px 0;
2599  border-radius: 0 4px 4px 0;
2600  -webkit-box-flex: 1;
2601      -ms-flex-positive: 1;
2602          flex-grow: 1; }
2603  .react-datepicker__time-container .react-datepicker__time {
2604    position: relative;
2605    -webkit-box-flex: 1;
2606        -ms-flex-positive: 1;
2607            flex-grow: 1;
2608    display: -webkit-box;
2609    display: -ms-flexbox;
2610    display: flex;
2611    padding-left: 4px;
2612    overflow-y: scroll;
2613    scrollbar-width: thin; }
2614    .react-datepicker__time-container .react-datepicker__time::-webkit-scrollbar {
2615      width: 16px;
2616      height: 16px; }
2617    .react-datepicker__time-container .react-datepicker__time::-webkit-scrollbar-thumb {
2618      background-color: rgba(105, 112, 125, 0.5);
2619      border: 6px solid transparent;
2620      background-clip: content-box; }
2621    .react-datepicker__time-container .react-datepicker__time::-webkit-scrollbar-corner, .react-datepicker__time-container .react-datepicker__time::-webkit-scrollbar-track {
2622      background-color: transparent; }
2623    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
2624      width: auto; }
2625      .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
2626        height: 204px !important; }
2627        .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
2628          padding: 4px 8px;
2629          margin-bottom: 4px;
2630          text-align: right;
2631          color: #69707D;
2632          white-space: nowrap; }
2633          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover, .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:focus {
2634            cursor: pointer;
2635            text-decoration: underline; }
2636          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
2637            background-color: #006BB4;
2638            color: white;
2639            border-radius: 2px; }
2640            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
2641              background-color: #006BB4; }
2642          .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
2643            color: #D3DAE6; }
2644            .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
2645              cursor: not-allowed;
2646              text-decoration: none;
2647              background-color: transparent; }
2648
2649.react-datepicker__week-number {
2650  color: #F5F7FA;
2651  display: inline-block;
2652  width: 32px;
2653  line-height: 28px;
2654  text-align: center;
2655  margin: 0 4px; }
2656  .react-datepicker__week-number.react-datepicker__week-number--clickable {
2657    cursor: pointer; }
2658    .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
2659      border-radius: 4px;
2660      background-color: #FFF; }
2661
2662.react-datepicker__day-names,
2663.react-datepicker__week {
2664  white-space: nowrap; }
2665
2666.react-datepicker__day-name,
2667.react-datepicker__day,
2668.react-datepicker__time-name {
2669  color: #000;
2670  display: inline-block;
2671  width: 32px;
2672  line-height: 28px;
2673  text-align: center;
2674  margin: 0 2px; }
2675
2676.react-datepicker__day-name {
2677  color: #69707D;
2678  text-transform: uppercase; }
2679
2680.react-datepicker__day {
2681  cursor: pointer;
2682  border: solid 2px transparent;
2683  -webkit-transition: -webkit-transform 90ms ease-in-out;
2684  transition: -webkit-transform 90ms ease-in-out;
2685  transition: transform 90ms ease-in-out;
2686  transition: transform 90ms ease-in-out, -webkit-transform 90ms ease-in-out; }
2687  .react-datepicker__day:hover:not(.react-datepicker__day--disabled) {
2688    text-decoration: underline;
2689    font-weight: 700;
2690    -webkit-transform: scale(1.2);
2691            transform: scale(1.2); }
2692  .react-datepicker__day--today {
2693    font-weight: bold;
2694    color: #006BB4; }
2695  .react-datepicker__day--outside-month {
2696    color: #69707D; }
2697  .react-datepicker__day--highlighted {
2698    border-radius: 4px;
2699    background-color: #017D73;
2700    color: #FFF; }
2701    .react-datepicker__day--highlighted:hover {
2702      background-color: #01645c; }
2703  .react-datepicker__day--in-range {
2704    background-color: rgba(0, 107, 180, 0.1);
2705    color: #000;
2706    border-radius: 0;
2707    border-top: solid 6px #FFF;
2708    border-bottom: solid 6px #FFF;
2709    border-right: none;
2710    border-left: none;
2711    line-height: 20px; }
2712  .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range {
2713    height: 32px;
2714    margin: 0 2px;
2715    border-radius: 4px;
2716    background-color: #006BB4;
2717    line-height: 28px;
2718    border: solid 2px #006BB4;
2719    color: #FFF; }
2720    .react-datepicker__day--selected:hover, .react-datepicker__day--in-selecting-range:hover {
2721      background-color: #005c9b; }
2722  .react-datepicker__day--keyboard-selected {
2723    border-radius: 4px;
2724    border: solid 2px #006BB4;
2725    font-weight: 700; }
2726    .react-datepicker__day--keyboard-selected:hover {
2727      background-color: #005c9b;
2728      color: #FFF; }
2729  .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) {
2730    background-color: rgba(0, 107, 180, 0.5); }
2731  .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) {
2732    background-color: #FFF;
2733    color: #000; }
2734  .react-datepicker__day--disabled {
2735    cursor: not-allowed;
2736    color: #D3DAE6; }
2737    .react-datepicker__day--disabled:hover {
2738      background-color: transparent; }
2739
2740.react-datepicker__input-container {
2741  position: relative; }
2742
2743.react-datepicker__year-read-view {
2744  font-weight: 300;
2745  color: #69707D; }
2746
2747.react-datepicker__month-read-view {
2748  font-weight: 500; }
2749
2750.react-datepicker__year-read-view,
2751.react-datepicker__month-read-view,
2752.react-datepicker__month-year-read-view {
2753  font-size: 20px; }
2754  .react-datepicker__year-read-view:hover,
2755  .react-datepicker__month-read-view:hover,
2756  .react-datepicker__month-year-read-view:hover {
2757    cursor: pointer;
2758    color: #006BB4; }
2759    .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
2760    .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
2761    .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
2762    .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
2763    .react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
2764    .react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
2765      border-top-color: #d3dce9; }
2766  .react-datepicker__year-read-view--down-arrow,
2767  .react-datepicker__month-read-view--down-arrow,
2768  .react-datepicker__month-year-read-view--down-arrow {
2769    display: none; }
2770
2771.react-datepicker__year-dropdown,
2772.react-datepicker__month-dropdown,
2773.react-datepicker__month-year-dropdown {
2774  background-color: #FFF;
2775  position: absolute;
2776  width: 100%;
2777  height: 100%;
2778  left: 0;
2779  top: 0;
2780  bottom: 0;
2781  right: 0;
2782  z-index: 1;
2783  text-align: center;
2784  border-radius: 4px;
2785  display: -webkit-box;
2786  display: -ms-flexbox;
2787  display: flex;
2788  -ms-flex-wrap: wrap;
2789      flex-wrap: wrap;
2790  -webkit-animation: euiAnimFadeIn 150ms ease-in;
2791          animation: euiAnimFadeIn 150ms ease-in;
2792  -ms-flex-line-pack: distribute;
2793      align-content: space-around;
2794  -webkit-box-align: center;
2795      -ms-flex-align: center;
2796          align-items: center;
2797  padding: 8px; }
2798  .react-datepicker__year-dropdown:hover,
2799  .react-datepicker__month-dropdown:hover,
2800  .react-datepicker__month-year-dropdown:hover {
2801    cursor: pointer; }
2802
2803.react-datepicker__year-dropdown {
2804  -ms-flex-wrap: wrap-reverse;
2805      flex-wrap: wrap-reverse;
2806  -webkit-box-orient: horizontal;
2807  -webkit-box-direction: reverse;
2808      -ms-flex-direction: row-reverse;
2809          flex-direction: row-reverse;
2810  -webkit-box-pack: end;
2811      -ms-flex-pack: end;
2812          justify-content: flex-end; }
2813
2814.react-datepicker__year-option:first-of-type, .react-datepicker__year-option:last-of-type {
2815  display: none; }
2816
2817.react-datepicker__year-option,
2818.react-datepicker__month-option,
2819.react-datepicker__month-year-option {
2820  font-size: 12px;
2821  padding: 8px;
2822  color: #343741;
2823  -ms-flex-preferred-size: 33.3%;
2824      flex-basis: 33.3%; }
2825  .react-datepicker__year-option:first-of-type,
2826  .react-datepicker__month-option:first-of-type,
2827  .react-datepicker__month-year-option:first-of-type {
2828    border-top-left-radius: 4px;
2829    border-top-right-radius: 4px; }
2830  .react-datepicker__year-option:last-of-type,
2831  .react-datepicker__month-option:last-of-type,
2832  .react-datepicker__month-year-option:last-of-type {
2833    -webkit-user-select: none;
2834    -moz-user-select: none;
2835    -ms-user-select: none;
2836    user-select: none;
2837    border-bottom-left-radius: 4px;
2838    border-bottom-right-radius: 4px; }
2839  .react-datepicker__year-option:hover,
2840  .react-datepicker__month-option:hover,
2841  .react-datepicker__month-year-option:hover {
2842    background-color: #F5F7FA; }
2843    .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
2844    .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
2845    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
2846      border-bottom-color: #d3dce9; }
2847    .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
2848    .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
2849    .react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
2850      border-top-color: #d3dce9; }
2851  .react-datepicker__year-option--selected,
2852  .react-datepicker__month-option--selected,
2853  .react-datepicker__month-year-option--selected {
2854    display: none; }
2855
2856.react-datepicker__screenReaderOnly {
2857  position: absolute;
2858  left: -10000px;
2859  top: auto;
2860  width: 1px;
2861  height: 1px;
2862  overflow: hidden; }
2863
2864.react-datepicker__year-option--preselected,
2865.react-datepicker__month-option--preselected {
2866  background: #e6f0f8; }
2867
2868.react-datepicker__year-option--selected_year.react-datepicker__year-option--preselected,
2869.react-datepicker__month-option--selected_month.react-datepicker__month-option--preselected {
2870  background: #006BB4; }
2871
2872.react-datepicker__time-list-item--preselected,
2873.react-datepicker__year-option--preselected,
2874.react-datepicker__month-option--preselected {
2875  background: #d2e4f2; }
2876
2877.react-datepicker__time-container--focus {
2878  background: #e6f0f8; }
2879
2880.react-datepicker__month-read-view:focus,
2881.react-datepicker__year-read-view:focus {
2882  text-decoration: underline; }
2883
2884.react-datepicker__month--accessible:focus {
2885  background: #e6f0f8; }
2886
2887.react-datepicker__navigation:focus {
2888  background-color: #e6f0f8; }
2889
2890.react-datepicker__year-option--selected_year,
2891.react-datepicker__month-option--selected_month {
2892  background: #006BB4;
2893  color: #FFF;
2894  font-weight: 700;
2895  border-radius: 4px; }
2896
2897.react-datepicker__focusTrap {
2898  display: -webkit-box;
2899  display: -ms-flexbox;
2900  display: flex; }
2901
2902@media only screen and (max-width: 574px) {
2903  .react-datepicker__time-container {
2904    display: none; } }
2905
2906@media only screen and (min-width: 575px) and (max-width: 767px) {
2907  .react-datepicker__time-container {
2908    display: none; } }
2909
2910/**
2911 * 2. Account for inner box-shadow style border when in group
2912 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
2913 */
2914/**
2915 * 4. Override invalid state with focus state.
2916 */
2917/**
2918 * 1. Account for inner box-shadow style border
2919 */
2920.euiDatePickerRange {
2921  max-width: 400px;
2922  width: 100%;
2923  height: auto;
2924  background-color: #fbfcfd;
2925  background-repeat: no-repeat;
2926  background-size: 0% 100%;
2927  /* 3 */
2928  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
2929          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
2930  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
2931  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
2932  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
2933  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
2934  display: -webkit-box;
2935  display: -ms-flexbox;
2936  display: flex;
2937  -webkit-box-align: center;
2938      -ms-flex-align: center;
2939          align-items: center;
2940  padding: 1px;
2941  /* 1 */ }
2942  .euiDatePickerRange--fullWidth {
2943    max-width: 100%; }
2944  .euiDatePickerRange--compressed {
2945    height: 32px; }
2946  .euiDatePickerRange--inGroup {
2947    height: 38px;
2948    /* 2 */ }
2949  .euiDatePickerRange--inGroup.euiDatePickerRange--compressed {
2950    height: 30px;
2951    /* 2 */ }
2952  .euiDatePickerRange > * {
2953    -webkit-box-flex: 1;
2954        -ms-flex-positive: 1;
2955            flex-grow: 1; }
2956  .euiDatePickerRange .euiFieldText.euiDatePicker {
2957    -webkit-box-shadow: none !important;
2958            box-shadow: none !important;
2959    text-align: center; }
2960  .euiDatePickerRange .react-datepicker-popper .euiFieldText.euiDatePicker {
2961    text-align: left; }
2962  .euiDatePickerRange--inGroup {
2963    -webkit-box-shadow: none;
2964            box-shadow: none;
2965    padding: 0; }
2966    .euiDatePickerRange--inGroup .euiDatePicker {
2967      height: 38px; }
2968  .euiDatePickerRange > .euiDatePickerRange__icon {
2969    -webkit-box-flex: 0;
2970        -ms-flex: 0 0 auto;
2971            flex: 0 0 auto;
2972    padding-left: 12px;
2973    padding-right: 12px; }
2974  .euiDatePickerRange > .euiDatePickerRange__delimeter {
2975    line-height: 1 !important;
2976    -webkit-box-flex: 0;
2977        -ms-flex: 0 0 auto;
2978            flex: 0 0 auto;
2979    padding-left: 6px;
2980    padding-right: 6px; }
2981
2982.euiDatePickerRange--readOnly {
2983  background: #eef2f7; }
2984
2985.euiDatePopoverButton__popover .euiDatePopoverButton__popoverAnchor {
2986  display: block; }
2987
2988.euiDatePopoverButton {
2989  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
2990  font-weight: 400;
2991  letter-spacing: -.005em;
2992  -webkit-text-size-adjust: 100%;
2993  -ms-text-size-adjust: 100%;
2994  -webkit-font-kerning: normal;
2995          font-kerning: normal;
2996  font-size: 14px;
2997  line-height: 1em;
2998  color: #343741;
2999  display: block;
3000  width: 100%;
3001  padding: 0 8px;
3002  line-height: 38px;
3003  height: 38px;
3004  word-break: break-all;
3005  -webkit-transition: background 150ms ease-in;
3006  transition: background 150ms ease-in; }
3007  .euiDatePopoverButton::-webkit-input-placeholder {
3008    color: #69707D; }
3009  .euiDatePopoverButton:-ms-input-placeholder {
3010    color: #69707D; }
3011  .euiDatePopoverButton::-ms-input-placeholder {
3012    color: #69707D; }
3013  .euiDatePopoverButton::placeholder {
3014    color: #69707D; }
3015  .euiDatePopoverButton-isSelected, .euiDatePopoverButton-needsUpdating, .euiDatePopoverButton:hover, .euiDatePopoverButton:focus {
3016    background-color: #e6f2f1; }
3017  .euiDatePopoverButton-needsUpdating {
3018    color: #01776d; }
3019  .euiDatePopoverButton-isInvalid {
3020    background-color: #f8e9e9;
3021    color: #b4251d; }
3022
3023.euiDatePopoverButton--start {
3024  text-align: right; }
3025
3026.euiDatePopoverButton--end {
3027  text-align: left; }
3028
3029.euiDatePopoverContent {
3030  width: 400px;
3031  max-width: 100%; }
3032
3033.euiDatePopoverContent__padded {
3034  padding: 8px; }
3035
3036.euiQuickSelectPopover__content {
3037  width: 400px;
3038  max-width: 100%; }
3039
3040.euiQuickSelectPopover__section {
3041  scrollbar-width: thin;
3042  max-height: 132px;
3043  overflow: hidden;
3044  overflow-y: auto; }
3045  .euiQuickSelectPopover__section::-webkit-scrollbar {
3046    width: 16px;
3047    height: 16px; }
3048  .euiQuickSelectPopover__section::-webkit-scrollbar-thumb {
3049    background-color: rgba(105, 112, 125, 0.5);
3050    border: 6px solid transparent;
3051    background-clip: content-box; }
3052  .euiQuickSelectPopover__section::-webkit-scrollbar-corner, .euiQuickSelectPopover__section::-webkit-scrollbar-track {
3053    background-color: transparent; }
3054
3055.euiQuickSelectPopover__buttonText {
3056  margin-right: 4px !important; }
3057
3058.euiQuickSelect__applyButton {
3059  min-width: 0; }
3060
3061.euiRefreshInterval__startButton {
3062  min-width: 90px; }
3063
3064.euiSuperDatePicker__flexWrapper {
3065  max-width: 100%;
3066  width: 606px; }
3067
3068.euiSuperDatePicker__flexWrapper--isAutoRefreshOnly {
3069  width: 400px; }
3070
3071.euiSuperDatePicker__flexWrapper--noUpdateButton {
3072  width: 480px; }
3073
3074.euiSuperDatePicker {
3075  max-width: 100% !important; }
3076  .euiSuperDatePicker > .euiFormControlLayout__childrenWrapper {
3077    -webkit-box-flex: 1;
3078        -ms-flex: 1 1 100%;
3079            flex: 1 1 100%;
3080    overflow: hidden; }
3081    .euiSuperDatePicker > .euiFormControlLayout__childrenWrapper > .euiDatePickerRange {
3082      max-width: none;
3083      width: auto; }
3084
3085.euiSuperDatePicker__prettyFormat {
3086  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
3087  font-weight: 400;
3088  letter-spacing: -.005em;
3089  -webkit-text-size-adjust: 100%;
3090  -ms-text-size-adjust: 100%;
3091  -webkit-font-kerning: normal;
3092          font-kerning: normal;
3093  font-size: 14px;
3094  line-height: 1em;
3095  color: #343741;
3096  display: block;
3097  width: 100%;
3098  padding: 0 8px;
3099  line-height: 38px;
3100  height: 38px;
3101  word-break: break-all;
3102  -webkit-transition: background 150ms ease-in;
3103  transition: background 150ms ease-in;
3104  display: -webkit-box;
3105  display: -ms-flexbox;
3106  display: flex;
3107  -webkit-box-pack: justify;
3108      -ms-flex-pack: justify;
3109          justify-content: space-between;
3110  text-align: left; }
3111  .euiSuperDatePicker__prettyFormat::-webkit-input-placeholder {
3112    color: #69707D; }
3113  .euiSuperDatePicker__prettyFormat:-ms-input-placeholder {
3114    color: #69707D; }
3115  .euiSuperDatePicker__prettyFormat::-ms-input-placeholder {
3116    color: #69707D; }
3117  .euiSuperDatePicker__prettyFormat::placeholder {
3118    color: #69707D; }
3119  .euiSuperDatePicker__prettyFormat:hover, .euiSuperDatePicker__prettyFormat:focus {
3120    text-decoration: none; }
3121    .euiSuperDatePicker__prettyFormat:hover .euiSuperDatePicker__prettyFormatLink, .euiSuperDatePicker__prettyFormat:focus .euiSuperDatePicker__prettyFormatLink {
3122      text-decoration: underline; }
3123
3124.euiSuperDatePicker__prettyFormatLink {
3125  color: #006BB4;
3126  padding-left: 4px;
3127  -ms-flex-negative: 0;
3128      flex-shrink: 0; }
3129
3130@media only screen and (max-width: 574px) {
3131  .euiSuperDatePicker__flexWrapper,
3132  .euiSuperDatePicker__flexWrapper--isAutoRefreshOnly,
3133  .euiSuperDatePicker__flexWrapper--noUpdateButton {
3134    width: 100%; }
3135  .euiSuperDatePicker__prettyFormatLink {
3136    -ms-flex-negative: 1;
3137        flex-shrink: 1;
3138    min-width: 3em; } }
3139
3140@media only screen and (min-width: 575px) and (max-width: 767px) {
3141  .euiSuperDatePicker__flexWrapper,
3142  .euiSuperDatePicker__flexWrapper--isAutoRefreshOnly,
3143  .euiSuperDatePicker__flexWrapper--noUpdateButton {
3144    width: 100%; }
3145  .euiSuperDatePicker__prettyFormatLink {
3146    -ms-flex-negative: 1;
3147        flex-shrink: 1;
3148    min-width: 3em; } }
3149
3150.euiSuperUpdateButton {
3151  min-width: 118px; }
3152
3153@media only screen and (max-width: 574px) {
3154  .euiSuperUpdateButton {
3155    min-width: 0; }
3156    .euiSuperUpdateButton .euiSuperUpdateButton__text {
3157      display: none; } }
3158
3159@media only screen and (min-width: 575px) and (max-width: 767px) {
3160  .euiSuperUpdateButton {
3161    min-width: 0; }
3162    .euiSuperUpdateButton .euiSuperUpdateButton__text {
3163      display: none; } }
3164
3165.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title {
3166  color: #1a1c21;
3167  font-size: 16px;
3168  font-size: 1rem;
3169  line-height: 1.5;
3170  line-height: 1.5rem;
3171  font-weight: 600;
3172  letter-spacing: -.02em;
3173  line-height: 1.5;
3174  margin-top: 16px; }
3175  .euiDescriptionList.euiDescriptionList--row .euiDescriptionList__title:first-of-type {
3176    margin-top: 0; }
3177
3178.euiDescriptionList.euiDescriptionList--row .euiDescriptionList__description {
3179  font-size: 14px;
3180  font-size: 0.875rem;
3181  line-height: 1.5; }
3182
3183.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--center {
3184  text-align: center; }
3185
3186.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--right {
3187  text-align: right; }
3188
3189.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__title {
3190  color: #343741;
3191  font-weight: 400;
3192  font-size: 14px;
3193  font-size: 0.875rem;
3194  line-height: 1.5; }
3195
3196.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--reverse .euiDescriptionList__description {
3197  color: #1a1c21;
3198  font-size: 16px;
3199  font-size: 1rem;
3200  line-height: 1.5;
3201  line-height: 1.5rem;
3202  font-weight: 600;
3203  letter-spacing: -.02em; }
3204
3205.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__title {
3206  color: #1a1c21;
3207  font-size: 14px;
3208  font-size: 0.875rem;
3209  line-height: 1.5;
3210  line-height: 1.5rem;
3211  font-weight: 700;
3212  line-height: 1.5; }
3213
3214.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed .euiDescriptionList__description {
3215  font-size: 14px;
3216  font-size: 0.875rem;
3217  line-height: 1.5; }
3218
3219.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
3220  color: #343741;
3221  font-weight: 400;
3222  font-size: 14px;
3223  font-size: 0.875rem;
3224  line-height: 1.5; }
3225
3226.euiDescriptionList.euiDescriptionList--row.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
3227  color: #1a1c21;
3228  font-size: 14px;
3229  font-size: 0.875rem;
3230  line-height: 1.5;
3231  line-height: 1.5rem;
3232  font-weight: 700;
3233  line-height: 1.5; }
3234
3235.euiDescriptionList.euiDescriptionList--column {
3236  display: -webkit-box;
3237  display: -ms-flexbox;
3238  display: flex;
3239  -webkit-box-align: stretch;
3240      -ms-flex-align: stretch;
3241          align-items: stretch;
3242  -ms-flex-wrap: wrap;
3243      flex-wrap: wrap; }
3244  .euiDescriptionList.euiDescriptionList--column > * {
3245    margin-top: 16px; }
3246  .euiDescriptionList.euiDescriptionList--column > *:first-child,
3247  .euiDescriptionList.euiDescriptionList--column > :nth-child(2) {
3248    margin-top: 0; }
3249  .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__title {
3250    color: #1a1c21;
3251    font-size: 16px;
3252    font-size: 1rem;
3253    line-height: 1.5;
3254    line-height: 1.5rem;
3255    font-weight: 600;
3256    letter-spacing: -.02em;
3257    line-height: 1.5;
3258    width: 50%;
3259    padding-right: 8px; }
3260  .euiDescriptionList.euiDescriptionList--column .euiDescriptionList__description {
3261    font-size: 16px;
3262    font-size: 1rem;
3263    line-height: 1.5;
3264    width: 50%;
3265    padding-left: 8px; }
3266  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--center .euiDescriptionList__title {
3267    text-align: right; }
3268  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__title {
3269    color: #343741;
3270    font-weight: 400;
3271    font-size: 16px;
3272    font-size: 1rem;
3273    line-height: 1.5; }
3274  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--reverse .euiDescriptionList__description {
3275    color: #1a1c21;
3276    font-size: 16px;
3277    font-size: 1rem;
3278    line-height: 1.5;
3279    line-height: 1.5rem;
3280    font-weight: 600;
3281    letter-spacing: -.02em;
3282    line-height: 1.5; }
3283  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__title {
3284    color: #1a1c21;
3285    font-size: 14px;
3286    font-size: 0.875rem;
3287    line-height: 1.5;
3288    line-height: 1.5rem;
3289    font-weight: 700;
3290    line-height: 1.5; }
3291  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed .euiDescriptionList__description {
3292    font-size: 14px;
3293    font-size: 0.875rem;
3294    line-height: 1.5; }
3295  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__title {
3296    color: #343741;
3297    font-weight: 400;
3298    font-size: 14px;
3299    font-size: 0.875rem;
3300    line-height: 1.5; }
3301  .euiDescriptionList.euiDescriptionList--column.euiDescriptionList--compressed.euiDescriptionList--reverse .euiDescriptionList__description {
3302    color: #1a1c21;
3303    font-size: 14px;
3304    font-size: 0.875rem;
3305    line-height: 1.5;
3306    line-height: 1.5rem;
3307    font-weight: 700;
3308    line-height: 1.5; }
3309
3310.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title {
3311  font-size: 14px;
3312  font-size: 0.875rem;
3313  line-height: 1.5;
3314  display: inline;
3315  border-radius: 4px;
3316  font-weight: 400;
3317  background: #F5F7FA;
3318  border: 1px solid #D3DAE6;
3319  padding: 0 4px;
3320  margin: 0 4px; }
3321  .euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__title:first-of-type {
3322    margin-left: 0; }
3323
3324.euiDescriptionList.euiDescriptionList--inline .euiDescriptionList__description {
3325  font-size: 14px;
3326  font-size: 0.875rem;
3327  line-height: 1.5;
3328  display: inline;
3329  word-break: break-all; }
3330
3331.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
3332  font-size: 12px;
3333  font-size: 0.75rem;
3334  line-height: 1.5; }
3335
3336.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__description {
3337  font-size: 12px;
3338  font-size: 0.75rem;
3339  line-height: 1.5; }
3340
3341.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--center {
3342  text-align: center; }
3343
3344.euiEmptyPrompt {
3345  max-width: 36em;
3346  text-align: center;
3347  padding: 24px;
3348  margin: auto; }
3349
3350.euiErrorBoundary {
3351  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);
3352  overflow: auto;
3353  padding: 16px; }
3354
3355.euiErrorBoundary__text {
3356  background-color: #FFF;
3357  padding: 8px; }
3358
3359.euiErrorBoundary__stack {
3360  white-space: pre-wrap; }
3361
3362/**
3363 * 1. Keep each expression's text together as much as possible,
3364 *    but then wrap long words
3365 */
3366.euiExpression {
3367  overflow-wrap: break-word;
3368  /* 1 */
3369  font-size: 14px;
3370  font-size: 0.875rem;
3371  line-height: 1.5;
3372  font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
3373  letter-spacing: normal;
3374  display: inline-block;
3375  /* 1 */
3376  text-align: left;
3377  padding: 2px 0;
3378  -webkit-transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
3379  transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
3380  color: #343741;
3381  border-bottom: 2px solid transparent; }
3382  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
3383    .euiExpression {
3384      word-break: break-all; } }
3385  .euiExpression:focus {
3386    border-bottom-style: solid; }
3387  .euiExpression + .euiExpression {
3388    margin-left: 8px; }
3389
3390.euiExpression-isUppercase .euiExpression__description {
3391  text-transform: uppercase; }
3392
3393.euiExpression-isClickable {
3394  cursor: pointer;
3395  border-bottom: 2px dotted #D3DAE6; }
3396  .euiExpression-isClickable:hover:not(:disabled) {
3397    border-bottom-style: solid;
3398    -webkit-transform: translateY(-1px);
3399            transform: translateY(-1px); }
3400
3401.euiExpression-isActive {
3402  border-bottom-style: solid; }
3403
3404.euiExpression--subdued:focus {
3405  background-color: rgba(152, 162, 179, 0.1); }
3406
3407.euiExpression--subdued.euiExpression-isActive {
3408  border-bottom-color: #98A2B3; }
3409
3410.euiExpression--subdued .euiExpression__description {
3411  color: #98A2B3; }
3412
3413.euiExpression--primary:focus {
3414  background-color: rgba(0, 107, 180, 0.1); }
3415
3416.euiExpression--primary.euiExpression-isActive {
3417  border-bottom-color: #006BB4; }
3418
3419.euiExpression--primary .euiExpression__description {
3420  color: #006BB4; }
3421
3422.euiExpression--secondary:focus {
3423  background-color: rgba(1, 125, 115, 0.1); }
3424
3425.euiExpression--secondary.euiExpression-isActive {
3426  border-bottom-color: #017D73; }
3427
3428.euiExpression--secondary .euiExpression__description {
3429  color: #017D73; }
3430
3431.euiExpression--warning:focus {
3432  background-color: rgba(245, 167, 0, 0.1); }
3433
3434.euiExpression--warning.euiExpression-isActive {
3435  border-bottom-color: #F5A700; }
3436
3437.euiExpression--warning .euiExpression__description {
3438  color: #F5A700; }
3439
3440.euiExpression--danger:focus {
3441  background-color: rgba(189, 39, 30, 0.1); }
3442
3443.euiExpression--danger.euiExpression-isActive {
3444  border-bottom-color: #BD271E; }
3445
3446.euiExpression--danger .euiExpression__description {
3447  color: #BD271E; }
3448
3449.euiExpression--accent:focus {
3450  background-color: rgba(221, 10, 115, 0.1); }
3451
3452.euiExpression--accent.euiExpression-isActive {
3453  border-bottom-color: #DD0A73; }
3454
3455.euiExpression--accent .euiExpression__description {
3456  color: #DD0A73; }
3457
3458/**
3459 * 1. Apply margin to all but last item in the flex.
3460 * 2. Margin gets flipped because of the row-reverse.
3461 */
3462@keyframes euiButtonActive {
3463  50% {
3464    -webkit-transform: translateY(1px);
3465            transform: translateY(1px); } }
3466
3467/**
3468 * 1. We don't want any of the animations that come inherited from the mixin.
3469 *    These should act like normal links instead.
3470 * 2. Change the easing, quickness to not bounce so lighter backgrounds don't flash
3471 * 3. Make sure the quantity doesn't get an underline on hover
3472 */
3473.euiFacetButton {
3474  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
3475  font-weight: 400;
3476  letter-spacing: -.005em;
3477  -webkit-text-size-adjust: 100%;
3478  -ms-text-size-adjust: 100%;
3479  -webkit-font-kerning: normal;
3480          font-kerning: normal;
3481  display: inline-block;
3482  -webkit-appearance: none;
3483     -moz-appearance: none;
3484          appearance: none;
3485  cursor: pointer;
3486  height: 40px;
3487  line-height: 40px;
3488  text-decoration: none;
3489  border: solid 1px transparent;
3490  text-align: center;
3491  -webkit-transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
3492  transition: all 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
3493  white-space: nowrap;
3494  max-width: 100%;
3495  vertical-align: middle;
3496  font-size: 14px;
3497  font-size: 0.875rem;
3498  line-height: 1.5;
3499  text-align: left;
3500  border: none;
3501  -webkit-transform: none !important;
3502          transform: none !important;
3503  /* 1 */
3504  -webkit-animation: none !important;
3505          animation: none !important;
3506  /* 1 */
3507  -webkit-transition-timing-function: ease-in;
3508          transition-timing-function: ease-in;
3509  /* 2 */
3510  -webkit-transition-duration: 150ms;
3511          transition-duration: 150ms;
3512  /* 2 */ }
3513  .euiFacetButton:hover:not(:disabled) {
3514    -webkit-transform: translateY(-1px);
3515            transform: translateY(-1px); }
3516  .euiFacetButton:hover:not(:disabled), .euiFacetButton:focus {
3517    text-decoration: underline; }
3518  .euiFacetButton:focus {
3519    -webkit-animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
3520            animation: euiButtonActive 250ms cubic-bezier(0.34, 1.61, 0.7, 1); }
3521  .euiFacetButton:active:not(:disabled) {
3522    -webkit-transform: translateY(1px);
3523            transform: translateY(1px); }
3524  .euiFacetButton .euiFacetButton__content {
3525    height: 100%;
3526    width: 100%;
3527    vertical-align: middle;
3528    display: -webkit-box;
3529    display: -ms-flexbox;
3530    display: flex;
3531    -webkit-box-pack: center;
3532        -ms-flex-pack: center;
3533            justify-content: center;
3534    -webkit-box-align: center;
3535        -ms-flex-align: center;
3536            align-items: center; }
3537    .euiFacetButton .euiFacetButton__content .euiButton__icon,
3538    .euiFacetButton .euiFacetButton__content .euiButton__spinner {
3539      -ms-flex-negative: 0;
3540          flex-shrink: 0; }
3541    .euiFacetButton .euiFacetButton__content > * + * {
3542      margin-left: 8px;
3543      /* 1 */ }
3544  .euiFacetButton .euiFacetButton__text {
3545    -webkit-box-flex: 1;
3546        -ms-flex-positive: 1;
3547            flex-grow: 1;
3548    text-overflow: ellipsis;
3549    overflow: hidden;
3550    line-height: 40px; }
3551  .euiFacetButton .euiFacetButton__spinner,
3552  .euiFacetButton .euiFacetButton__quantity,
3553  .euiFacetButton .euiFacetButton__icon {
3554    -ms-flex-negative: 0;
3555        flex-shrink: 0; }
3556  .euiFacetButton .euiFacetButton__quantity,
3557  .euiFacetButton .euiFacetButton__icon {
3558    -webkit-transition: all 150ms ease-in;
3559    transition: all 150ms ease-in; }
3560  .euiFacetButton .euiFacetButton__quantity {
3561    line-height: 20px;
3562    height: 20px;
3563    min-width: 24px; }
3564  .euiFacetButton.euiFacetButton--unSelected .euiFacetButton__quantity,
3565  .euiFacetButton:disabled .euiFacetButton__quantity {
3566    background-color: #e0e5ee;
3567    color: #000; }
3568  .euiFacetButton:hover, .euiFacetButton:focus {
3569    text-decoration: none !important;
3570    /* 3 */ }
3571    .euiFacetButton:hover:not(:disabled) .euiFacetButton__text, .euiFacetButton:focus:not(:disabled) .euiFacetButton__text {
3572      text-decoration: underline;
3573      /* 3 */ }
3574  .euiFacetButton:focus {
3575    background-color: #F5F7FA; }
3576  .euiFacetButton:disabled {
3577    color: #c2c3c6;
3578    pointer-events: none; }
3579    .euiFacetButton:disabled .euiFacetButton__content {
3580      pointer-events: auto;
3581      cursor: not-allowed; }
3582    .euiFacetButton:disabled .euiFacetButton__icon,
3583    .euiFacetButton:disabled .euiFacetButton__quantity {
3584      opacity: .5; }
3585    .euiFacetButton:disabled:focus {
3586      background-color: transparent; }
3587    .euiFacetButton:disabled:hover, .euiFacetButton:disabled:focus {
3588      text-decoration: none; }
3589
3590.euiFacetButton--isSelected .euiFacetButton__text {
3591  font-weight: 700; }
3592
3593.euiFacetGroup--horizontal .euiFacetButton {
3594  height: 32px; }
3595  .euiFacetGroup--horizontal .euiFacetButton:not(:last-of-type) {
3596    margin-right: 24px; }
3597
3598/**
3599 * 2. Account for inner box-shadow style border when in group
3600 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
3601 */
3602/**
3603 * 4. Override invalid state with focus state.
3604 */
3605/**
3606 * 2. Account for inner box-shadow style border when in group
3607 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
3608 */
3609/**
3610 * 4. Override invalid state with focus state.
3611 */
3612.euiFilterGroup {
3613  background-color: #fbfcfd;
3614  background-repeat: no-repeat;
3615  background-size: 0% 100%;
3616  /* 3 */
3617  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
3618          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
3619  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
3620  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
3621  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
3622  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
3623  max-width: 400px;
3624  width: 100%;
3625  height: 40px;
3626  max-width: none;
3627  display: -webkit-box;
3628  display: -ms-flexbox;
3629  display: flex;
3630  -webkit-box-align: center;
3631      -ms-flex-align: center;
3632          align-items: center;
3633  padding: 1px;
3634  /* 1 */ }
3635  .euiFilterGroup > * {
3636    -webkit-box-flex: 1;
3637        -ms-flex-positive: 1;
3638            flex-grow: 1; }
3639  .euiFilterGroup .euiPopover__anchor {
3640    display: block; }
3641
3642.euiFilterGroup__popoverPanel {
3643  width: 288px; }
3644
3645/**
3646 * 2. Account for inner box-shadow style border when in group
3647 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
3648 */
3649/**
3650 * 4. Override invalid state with focus state.
3651 */
3652/**
3653 * 1. Account for inner box-shadow style border
3654 */
3655.euiFilterButton {
3656  -webkit-box-flex: 0;
3657      -ms-flex-positive: 0;
3658          flex-grow: 0;
3659  height: 38px;
3660  /* 1 */
3661  font-size: 14px; }
3662  .euiFilterButton:not(:last-child):not(.euiFilterButton--noDivider) {
3663    border-right: 1px solid rgba(0, 0, 0, 0.1); }
3664  .euiFilterButton:disabled {
3665    font-style: italic; }
3666  .euiFilterButton:hover:not(:disabled), .euiFilterButton:focus {
3667    text-decoration: none; }
3668    .euiFilterButton:hover:not(:disabled) .euiFilterButton__textShift, .euiFilterButton:focus .euiFilterButton__textShift {
3669      text-decoration: underline; }
3670  .euiFilterButton.euiFilterButton--grow {
3671    -webkit-box-flex: 1;
3672        -ms-flex-positive: 1;
3673            flex-grow: 1;
3674    width: 100%;
3675    text-align: left; }
3676    .euiFilterButton.euiFilterButton--grow .euiButtonEmpty__content {
3677      -webkit-box-pack: justify;
3678          -ms-flex-pack: justify;
3679              justify-content: space-between; }
3680  .euiFilterButton.euiFilterButton-hasActiveFilters {
3681    font-weight: 500; }
3682  .euiFilterButton .euiFilterButton__notification {
3683    margin-left: 8px;
3684    vertical-align: text-bottom; }
3685
3686.euiFilterButton__text-hasNotification {
3687  display: -webkit-box;
3688  display: -ms-flexbox;
3689  display: flex;
3690  -webkit-box-align: center;
3691      -ms-flex-align: center;
3692          align-items: center; }
3693
3694.euiFilterButton__textShift {
3695  vertical-align: middle; }
3696  .euiFilterButton__textShift::after {
3697    display: block;
3698    content: attr(data-text);
3699    font-weight: 700;
3700    height: 0;
3701    overflow: hidden;
3702    visibility: hidden; }
3703
3704.euiFilterSelectItem {
3705  font-size: 14px;
3706  font-size: 0.875rem;
3707  line-height: 1.5;
3708  padding: 4px 12px;
3709  display: block;
3710  width: 100%;
3711  text-align: left;
3712  color: #343741;
3713  border-bottom: 1px solid #D3DAE6;
3714  border-color: #eef2f7; }
3715  .euiFilterSelectItem:hover, .euiFilterSelectItem:focus {
3716    text-decoration: underline; }
3717  .euiFilterSelectItem:focus {
3718    background-color: #e6f0f8; }
3719  .euiFilterSelectItem.euiContextMenuItem-isDisabled {
3720    color: #c2c3c6;
3721    cursor: default; }
3722    .euiFilterSelectItem.euiContextMenuItem-isDisabled:hover, .euiFilterSelectItem.euiContextMenuItem-isDisabled:focus {
3723      text-decoration: none; }
3724
3725.euiFilterSelect__items {
3726  scrollbar-width: thin;
3727  overflow-y: auto;
3728  max-height: 480px; }
3729  .euiFilterSelect__items::-webkit-scrollbar {
3730    width: 16px;
3731    height: 16px; }
3732  .euiFilterSelect__items::-webkit-scrollbar-thumb {
3733    background-color: rgba(105, 112, 125, 0.5);
3734    border: 6px solid transparent;
3735    background-clip: content-box; }
3736  .euiFilterSelect__items::-webkit-scrollbar-corner, .euiFilterSelect__items::-webkit-scrollbar-track {
3737    background-color: transparent; }
3738
3739.euiFilterSelect__note {
3740  height: 64px;
3741  text-align: center;
3742  display: -webkit-box;
3743  display: -ms-flexbox;
3744  display: flex;
3745  -webkit-box-align: center;
3746      -ms-flex-align: center;
3747          align-items: center;
3748  -ms-flex-pack: distribute;
3749      justify-content: space-around; }
3750
3751.euiFilterSelect__noteContent {
3752  color: #69707D;
3753  font-size: 14px; }
3754
3755/**
3756 * 1. Not always needed, but fixes an IE11 issue when flex-groups are nested under display: flex elements.
3757 * 2. IE requires a unit to grow.
3758 */
3759.euiFlexGroup {
3760  display: -webkit-box;
3761  display: -ms-flexbox;
3762  display: flex;
3763  -webkit-box-align: stretch;
3764      -ms-flex-align: stretch;
3765          align-items: stretch;
3766  -webkit-box-flex: 1;
3767      -ms-flex-positive: 1;
3768          flex-grow: 1;
3769  /* 1 */ }
3770  .euiFlexGroup .euiFlexItem {
3771    -webkit-box-flex: 1;
3772        -ms-flex-positive: 1;
3773            flex-grow: 1;
3774    -ms-flex-preferred-size: 0%;
3775        flex-basis: 0%;
3776    /* 2 */ }
3777    @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
3778      .euiFlexGroup .euiFlexItem {
3779        min-width: 1px; } }
3780
3781.euiFlexGroup--gutterExtraSmall {
3782  margin: -2px; }
3783  .euiFlexGroup--gutterExtraSmall > .euiFlexItem {
3784    margin: 2px; }
3785
3786.euiFlexGroup--gutterSmall {
3787  margin: -4px; }
3788  .euiFlexGroup--gutterSmall > .euiFlexItem {
3789    margin: 4px; }
3790
3791.euiFlexGroup--gutterMedium {
3792  margin: -8px; }
3793  .euiFlexGroup--gutterMedium > .euiFlexItem {
3794    margin: 8px; }
3795
3796.euiFlexGroup--gutterLarge {
3797  margin: -12px; }
3798  .euiFlexGroup--gutterLarge > .euiFlexItem {
3799    margin: 12px; }
3800
3801.euiFlexGroup--gutterExtraLarge {
3802  margin: -20px; }
3803  .euiFlexGroup--gutterExtraLarge > .euiFlexItem {
3804    margin: 20px; }
3805
3806.euiFlexGroup--justifyContentSpaceEvenly {
3807  -webkit-box-pack: space-evenly;
3808      -ms-flex-pack: space-evenly;
3809          justify-content: space-evenly; }
3810
3811.euiFlexGroup--justifyContentSpaceBetween {
3812  -webkit-box-pack: justify;
3813      -ms-flex-pack: justify;
3814          justify-content: space-between; }
3815
3816.euiFlexGroup--justifyContentSpaceAround {
3817  -ms-flex-pack: distribute;
3818      justify-content: space-around; }
3819
3820.euiFlexGroup--justifyContentCenter {
3821  -webkit-box-pack: center;
3822      -ms-flex-pack: center;
3823          justify-content: center; }
3824
3825.euiFlexGroup--justifyContentFlexEnd {
3826  -webkit-box-pack: end;
3827      -ms-flex-pack: end;
3828          justify-content: flex-end; }
3829
3830.euiFlexGroup--alignItemsFlexStart {
3831  -webkit-box-align: start;
3832      -ms-flex-align: start;
3833          align-items: flex-start; }
3834
3835.euiFlexGroup--alignItemsCenter {
3836  -webkit-box-align: center;
3837      -ms-flex-align: center;
3838          align-items: center; }
3839
3840.euiFlexGroup--alignItemsFlexEnd {
3841  -webkit-box-align: end;
3842      -ms-flex-align: end;
3843          align-items: flex-end; }
3844
3845.euiFlexGroup--alignItemsBaseline {
3846  -webkit-box-align: baseline;
3847      -ms-flex-align: baseline;
3848          align-items: baseline; }
3849
3850.euiFlexGroup--directionRow {
3851  -webkit-box-orient: horizontal;
3852  -webkit-box-direction: normal;
3853      -ms-flex-direction: row;
3854          flex-direction: row; }
3855
3856.euiFlexGroup--directionRowReverse {
3857  -webkit-box-orient: horizontal;
3858  -webkit-box-direction: reverse;
3859      -ms-flex-direction: row-reverse;
3860          flex-direction: row-reverse; }
3861
3862.euiFlexGroup--directionColumn {
3863  -webkit-box-orient: vertical;
3864  -webkit-box-direction: normal;
3865      -ms-flex-direction: column;
3866          flex-direction: column; }
3867
3868.euiFlexGroup--directionColumnReverse {
3869  -webkit-box-orient: vertical;
3870  -webkit-box-direction: reverse;
3871      -ms-flex-direction: column-reverse;
3872          flex-direction: column-reverse; }
3873
3874.euiFlexGroup--wrap {
3875  -ms-flex-wrap: wrap;
3876      flex-wrap: wrap; }
3877
3878@media only screen and (max-width: 574px) {
3879  .euiFlexGroup--responsive {
3880    -ms-flex-wrap: wrap;
3881        flex-wrap: wrap;
3882    margin-left: 0;
3883    margin-right: 0; } }
3884
3885@media only screen and (min-width: 575px) and (max-width: 767px) {
3886  .euiFlexGroup--responsive {
3887    -ms-flex-wrap: wrap;
3888        flex-wrap: wrap;
3889    margin-left: 0;
3890    margin-right: 0; } }
3891
3892.euiFlexGrid {
3893  display: -webkit-box;
3894  display: -ms-flexbox;
3895  display: flex;
3896  -ms-flex-wrap: wrap;
3897      flex-wrap: wrap;
3898  margin-bottom: 0; }
3899  .euiFlexGrid > .euiFlexItem {
3900    -webkit-box-flex: 0;
3901        -ms-flex-positive: 0;
3902            flex-grow: 0; }
3903    .euiFlexGrid > .euiFlexItem.euiFlexItem--flexGrowZero {
3904      -webkit-box-flex: 0 !important;
3905          -ms-flex-positive: 0 !important;
3906              flex-grow: 0 !important;
3907      -ms-flex-preferred-size: auto !important;
3908          flex-basis: auto !important; }
3909
3910/**
3911   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
3912   * without columns.
3913   */
3914.euiFlexGrid--gutterSmall {
3915  margin: -4px;
3916  -webkit-box-align: stretch;
3917      -ms-flex-align: stretch;
3918          align-items: stretch; }
3919  .euiFlexGrid--gutterSmall > .euiFlexItem {
3920    margin: 4px; }
3921
3922.euiFlexGrid--gutterSmall.euiFlexGrid--fourths > .euiFlexItem {
3923  -ms-flex-preferred-size: calc(25% - 8px);
3924      flex-basis: calc(25% - 8px); }
3925
3926.euiFlexGrid--gutterSmall.euiFlexGrid--thirds > .euiFlexItem {
3927  -ms-flex-preferred-size: calc(33.3% - 8px);
3928      flex-basis: calc(33.3% - 8px); }
3929
3930.euiFlexGrid--gutterSmall.euiFlexGrid--halves > .euiFlexItem {
3931  -ms-flex-preferred-size: calc(50% - 8px);
3932      flex-basis: calc(50% - 8px); }
3933
3934.euiFlexGrid--gutterSmall.euiFlexGrid--single > .euiFlexItem {
3935  -ms-flex-preferred-size: calc(100% - 8px);
3936      flex-basis: calc(100% - 8px); }
3937
3938/**
3939   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
3940   * without columns.
3941   */
3942.euiFlexGrid--gutterMedium {
3943  margin: -8px;
3944  -webkit-box-align: stretch;
3945      -ms-flex-align: stretch;
3946          align-items: stretch; }
3947  .euiFlexGrid--gutterMedium > .euiFlexItem {
3948    margin: 8px; }
3949
3950.euiFlexGrid--gutterMedium.euiFlexGrid--fourths > .euiFlexItem {
3951  -ms-flex-preferred-size: calc(25% - 16px);
3952      flex-basis: calc(25% - 16px); }
3953
3954.euiFlexGrid--gutterMedium.euiFlexGrid--thirds > .euiFlexItem {
3955  -ms-flex-preferred-size: calc(33.3% - 16px);
3956      flex-basis: calc(33.3% - 16px); }
3957
3958.euiFlexGrid--gutterMedium.euiFlexGrid--halves > .euiFlexItem {
3959  -ms-flex-preferred-size: calc(50% - 16px);
3960      flex-basis: calc(50% - 16px); }
3961
3962.euiFlexGrid--gutterMedium.euiFlexGrid--single > .euiFlexItem {
3963  -ms-flex-preferred-size: calc(100% - 16px);
3964      flex-basis: calc(100% - 16px); }
3965
3966/**
3967   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
3968   * without columns.
3969   */
3970.euiFlexGrid--gutterLarge {
3971  margin: -12px;
3972  -webkit-box-align: stretch;
3973      -ms-flex-align: stretch;
3974          align-items: stretch; }
3975  .euiFlexGrid--gutterLarge > .euiFlexItem {
3976    margin: 12px; }
3977
3978.euiFlexGrid--gutterLarge.euiFlexGrid--fourths > .euiFlexItem {
3979  -ms-flex-preferred-size: calc(25% - 24px);
3980      flex-basis: calc(25% - 24px); }
3981
3982.euiFlexGrid--gutterLarge.euiFlexGrid--thirds > .euiFlexItem {
3983  -ms-flex-preferred-size: calc(33.3% - 24px);
3984      flex-basis: calc(33.3% - 24px); }
3985
3986.euiFlexGrid--gutterLarge.euiFlexGrid--halves > .euiFlexItem {
3987  -ms-flex-preferred-size: calc(50% - 24px);
3988      flex-basis: calc(50% - 24px); }
3989
3990.euiFlexGrid--gutterLarge.euiFlexGrid--single > .euiFlexItem {
3991  -ms-flex-preferred-size: calc(100% - 24px);
3992      flex-basis: calc(100% - 24px); }
3993
3994/**
3995   * Uncouple the gutter margin from the column widths to support cases where we use a FlexGrid
3996   * without columns.
3997   */
3998.euiFlexGrid--gutterXLarge {
3999  margin: -16px;
4000  -webkit-box-align: stretch;
4001      -ms-flex-align: stretch;
4002          align-items: stretch; }
4003  .euiFlexGrid--gutterXLarge > .euiFlexItem {
4004    margin: 16px; }
4005
4006.euiFlexGrid--gutterXLarge.euiFlexGrid--fourths > .euiFlexItem {
4007  -ms-flex-preferred-size: calc(25% - 32px);
4008      flex-basis: calc(25% - 32px); }
4009
4010.euiFlexGrid--gutterXLarge.euiFlexGrid--thirds > .euiFlexItem {
4011  -ms-flex-preferred-size: calc(33.3% - 32px);
4012      flex-basis: calc(33.3% - 32px); }
4013
4014.euiFlexGrid--gutterXLarge.euiFlexGrid--halves > .euiFlexItem {
4015  -ms-flex-preferred-size: calc(50% - 32px);
4016      flex-basis: calc(50% - 32px); }
4017
4018.euiFlexGrid--gutterXLarge.euiFlexGrid--single > .euiFlexItem {
4019  -ms-flex-preferred-size: calc(100% - 32px);
4020      flex-basis: calc(100% - 32px); }
4021
4022@media only screen and (max-width: 574px) {
4023  .euiFlexGrid {
4024    margin-left: 0 !important;
4025    margin-right: 0 !important; } }
4026
4027@media only screen and (min-width: 575px) and (max-width: 767px) {
4028  .euiFlexGrid {
4029    margin-left: 0 !important;
4030    margin-right: 0 !important; } }
4031
4032/**
4033 * 1. Allow EuiPanels to expand to fill the item.
4034 * 2. IE11 hack forces inner content of flex items to respect a higher parent's width (mostly) and
4035 *    not cause weird wrapping issues.
4036 */
4037.euiFlexItem {
4038  display: -webkit-box;
4039  display: -ms-flexbox;
4040  display: flex;
4041  /* 1 */
4042  -webkit-box-orient: vertical;
4043  -webkit-box-direction: normal;
4044      -ms-flex-direction: column;
4045          flex-direction: column;
4046  /* 1 */
4047  /*
4048   * 1. We need the extra specificity here to override the FlexGroup > FlexItem styles.
4049   * 2. FlexItem can be manually set to not grow if needed.
4050   */ }
4051  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
4052    .euiFlexItem {
4053      min-width: 1px;
4054      /* 2 */ } }
4055  .euiFlexItem.euiFlexItem--flexGrowZero {
4056    /* 1 */
4057    -webkit-box-flex: 0;
4058        -ms-flex-positive: 0;
4059            flex-grow: 0;
4060    /* 2 */
4061    -ms-flex-preferred-size: auto;
4062        flex-basis: auto;
4063    /* 2 */ }
4064  .euiFlexItem.euiFlexItem--flexGrow1 {
4065    -webkit-box-flex: 1;
4066        -ms-flex-positive: 1;
4067            flex-grow: 1; }
4068  .euiFlexItem.euiFlexItem--flexGrow2 {
4069    -webkit-box-flex: 2;
4070        -ms-flex-positive: 2;
4071            flex-grow: 2; }
4072  .euiFlexItem.euiFlexItem--flexGrow3 {
4073    -webkit-box-flex: 3;
4074        -ms-flex-positive: 3;
4075            flex-grow: 3; }
4076  .euiFlexItem.euiFlexItem--flexGrow4 {
4077    -webkit-box-flex: 4;
4078        -ms-flex-positive: 4;
4079            flex-grow: 4; }
4080  .euiFlexItem.euiFlexItem--flexGrow5 {
4081    -webkit-box-flex: 5;
4082        -ms-flex-positive: 5;
4083            flex-grow: 5; }
4084  .euiFlexItem.euiFlexItem--flexGrow6 {
4085    -webkit-box-flex: 6;
4086        -ms-flex-positive: 6;
4087            flex-grow: 6; }
4088  .euiFlexItem.euiFlexItem--flexGrow7 {
4089    -webkit-box-flex: 7;
4090        -ms-flex-positive: 7;
4091            flex-grow: 7; }
4092  .euiFlexItem.euiFlexItem--flexGrow8 {
4093    -webkit-box-flex: 8;
4094        -ms-flex-positive: 8;
4095            flex-grow: 8; }
4096  .euiFlexItem.euiFlexItem--flexGrow9 {
4097    -webkit-box-flex: 9;
4098        -ms-flex-positive: 9;
4099            flex-grow: 9; }
4100  .euiFlexItem.euiFlexItem--flexGrow10 {
4101    -webkit-box-flex: 10;
4102        -ms-flex-positive: 10;
4103            flex-grow: 10; }
4104
4105@media only screen and (max-width: 574px) {
4106  .euiFlexGroup--responsive > .euiFlexItem,
4107  .euiFlexGrid--responsive > .euiFlexItem {
4108    width: 100% !important;
4109    -ms-flex-preferred-size: 100% !important;
4110        flex-basis: 100% !important;
4111    margin-left: 0 !important;
4112    margin-right: 0 !important;
4113    margin-bottom: 16px !important; } }
4114
4115@media only screen and (min-width: 575px) and (max-width: 767px) {
4116  .euiFlexGroup--responsive > .euiFlexItem,
4117  .euiFlexGrid--responsive > .euiFlexItem {
4118    width: 100% !important;
4119    -ms-flex-preferred-size: 100% !important;
4120        flex-basis: 100% !important;
4121    margin-left: 0 !important;
4122    margin-right: 0 !important;
4123    margin-bottom: 16px !important; } }
4124
4125.euiFlyout {
4126  border-left: 1px solid #D3DAE6;
4127  -webkit-box-shadow: 0 40px 64px 0 rgba(65, 78, 101, 0.1), 0 24px 32px 0 rgba(65, 78, 101, 0.1), 0 16px 16px 0 rgba(65, 78, 101, 0.1), 0 8px 8px 0 rgba(65, 78, 101, 0.1), 0 4px 4px 0 rgba(65, 78, 101, 0.1), 0 2px 2px 0 rgba(65, 78, 101, 0.1);
4128          box-shadow: 0 40px 64px 0 rgba(65, 78, 101, 0.1), 0 24px 32px 0 rgba(65, 78, 101, 0.1), 0 16px 16px 0 rgba(65, 78, 101, 0.1), 0 8px 8px 0 rgba(65, 78, 101, 0.1), 0 4px 4px 0 rgba(65, 78, 101, 0.1), 0 2px 2px 0 rgba(65, 78, 101, 0.1);
4129  border-color: #c6cad1;
4130  border-top-color: #e3e4e8;
4131  border-bottom-color: #aaafba;
4132  position: fixed;
4133  top: 0;
4134  bottom: 0;
4135  right: 0;
4136  z-index: 8000;
4137  background: #FFF;
4138  -webkit-animation: euiFlyout 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
4139          animation: euiFlyout 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
4140  display: -webkit-box;
4141  display: -ms-flexbox;
4142  display: flex;
4143  -webkit-box-orient: vertical;
4144  -webkit-box-direction: normal;
4145      -ms-flex-direction: column;
4146          flex-direction: column;
4147  -webkit-box-align: stretch;
4148      -ms-flex-align: stretch;
4149          align-items: stretch; }
4150
4151.euiFlyout__closeButton {
4152  background-color: rgba(255, 255, 255, 0.9);
4153  position: absolute;
4154  right: 17px;
4155  top: 17px;
4156  z-index: 3; }
4157
4158/**
4159 * 1. Calculating the minimum width based on the screen takover breakpoint
4160 */
4161.euiFlyout--small {
4162  min-width: 384px;
4163  width: 25vw; }
4164  .euiFlyout--small.euiFlyout--maxWidth-default {
4165    max-width: 575px; }
4166
4167.euiFlyout--medium {
4168  min-width: 537.6px;
4169  width: 50vw; }
4170  .euiFlyout--medium.euiFlyout--maxWidth-default {
4171    max-width: 768px; }
4172
4173.euiFlyout--large {
4174  min-width: 691.2px;
4175  width: 75vw; }
4176  .euiFlyout--large.euiFlyout--maxWidth-default {
4177    max-width: 992px; }
4178
4179@-webkit-keyframes euiFlyout {
4180  0% {
4181    opacity: 0;
4182    -webkit-transform: translateX(100%);
4183            transform: translateX(100%); }
4184  75% {
4185    opacity: 1;
4186    -webkit-transform: translateX(0%);
4187            transform: translateX(0%); } }
4188
4189@keyframes euiFlyout {
4190  0% {
4191    opacity: 0;
4192    -webkit-transform: translateX(100%);
4193            transform: translateX(100%); }
4194  75% {
4195    opacity: 1;
4196    -webkit-transform: translateX(0%);
4197            transform: translateX(0%); } }
4198
4199/**
4200 * 1. Only small flyouts should NOT takover the entire screen
4201 * 2. If a custom maxWidth is set, we need to override it.
4202 */
4203@media only screen and (max-width: 574px) {
4204  .euiFlyout:not(.euiFlyout--small) {
4205    /* 1 */
4206    left: 0;
4207    min-width: 0;
4208    width: auto;
4209    border-left: none;
4210    max-width: 100vw !important;
4211    /* 2 */ }
4212  .euiFlyout--small {
4213    width: 80vw;
4214    min-width: 0;
4215    /* 1 */
4216    max-width: 80vw !important;
4217    /* 2 */ } }
4218
4219@media only screen and (min-width: 575px) and (max-width: 767px) {
4220  .euiFlyout:not(.euiFlyout--small) {
4221    /* 1 */
4222    left: 0;
4223    min-width: 0;
4224    width: auto;
4225    border-left: none;
4226    max-width: 100vw !important;
4227    /* 2 */ }
4228  .euiFlyout--small {
4229    width: 80vw;
4230    min-width: 0;
4231    /* 1 */
4232    max-width: 80vw !important;
4233    /* 2 */ } }
4234
4235.euiFlyoutBody {
4236  scrollbar-width: thin;
4237  -webkit-box-flex: 1;
4238      -ms-flex-positive: 1;
4239          flex-grow: 1;
4240  overflow-y: auto;
4241  padding: 24px; }
4242  .euiFlyoutBody::-webkit-scrollbar {
4243    width: 16px;
4244    height: 16px; }
4245  .euiFlyoutBody::-webkit-scrollbar-thumb {
4246    background-color: rgba(105, 112, 125, 0.5);
4247    border: 6px solid transparent;
4248    background-clip: content-box; }
4249  .euiFlyoutBody::-webkit-scrollbar-corner, .euiFlyoutBody::-webkit-scrollbar-track {
4250    background-color: transparent; }
4251
4252.euiFlyoutFooter {
4253  -webkit-box-shadow: 0 -16px 16px -8px #FFF;
4254          box-shadow: 0 -16px 16px -8px #FFF;
4255  z-index: 2;
4256  background: #F5F7FA;
4257  -webkit-box-flex: 0;
4258      -ms-flex-positive: 0;
4259          flex-grow: 0;
4260  padding: 16px 24px; }
4261
4262.euiFlyoutHeader {
4263  -webkit-box-shadow: 0 16px 16px -8px #FFF;
4264          box-shadow: 0 16px 16px -8px #FFF;
4265  z-index: 2;
4266  -webkit-box-flex: 0;
4267      -ms-flex-positive: 0;
4268          flex-grow: 0;
4269  padding: 24px 40px 0 24px; }
4270
4271.euiFlyoutHeader--hasBorder {
4272  padding-bottom: 24px;
4273  border-bottom: 1px solid #D3DAE6; }
4274
4275/**
4276 * 2. Account for inner box-shadow style border when in group
4277 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
4278 */
4279/**
4280 * 4. Override invalid state with focus state.
4281 */
4282.euiCheckbox {
4283  position: relative;
4284  /**
4285   * 1. Float above the visual radio and match its dimension, so that when users try to click it
4286   *    they actually click this input.
4287   */ }
4288  .euiCheckbox .euiCheckbox__input {
4289    position: absolute;
4290    left: -10000px;
4291    top: auto;
4292    width: 1px;
4293    height: 1px;
4294    overflow: hidden; }
4295    .euiCheckbox .euiCheckbox__input ~ .euiCheckbox__label {
4296      display: block;
4297      padding-left: 24px;
4298      line-height: 24px;
4299      font-size: 14px;
4300      position: relative;
4301      z-index: 2;
4302      cursor: pointer; }
4303    .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
4304      -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
4305              box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
4306      padding: 7px;
4307      border: 1px solid #c9cbcd;
4308      background: #FFF no-repeat center;
4309      border-radius: 4px;
4310      -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
4311      transition: background-color 150ms ease-in, border-color 150ms ease-in;
4312      display: inline-block;
4313      position: absolute;
4314      left: 0;
4315      top: 3px; }
4316    .euiCheckbox .euiCheckbox__input:checked + .euiCheckbox__square {
4317      border-color: #006BB4;
4318      background-color: #006BB4;
4319      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"); }
4320    .euiCheckbox .euiCheckbox__input:indeterminate + .euiCheckbox__square {
4321      border-color: #006BB4;
4322      background-color: #006BB4;
4323      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"); }
4324    .euiCheckbox .euiCheckbox__input[disabled] {
4325      cursor: not-allowed !important; }
4326      .euiCheckbox .euiCheckbox__input[disabled] ~ .euiCheckbox__label {
4327        color: #98A2B3;
4328        cursor: not-allowed !important; }
4329      .euiCheckbox .euiCheckbox__input[disabled] + .euiCheckbox__square {
4330        border-color: #D3DAE6;
4331        background-color: #D3DAE6;
4332        -webkit-box-shadow: none;
4333                box-shadow: none; }
4334    .euiCheckbox .euiCheckbox__input:checked[disabled] + .euiCheckbox__square {
4335      border-color: #D3DAE6;
4336      background-color: #D3DAE6;
4337      -webkit-box-shadow: none;
4338              box-shadow: none;
4339      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"); }
4340    .euiCheckbox .euiCheckbox__input:indeterminate[disabled] + .euiCheckbox__square {
4341      border-color: #D3DAE6;
4342      background-color: #D3DAE6;
4343      -webkit-box-shadow: none;
4344              box-shadow: none;
4345      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"); }
4346    .euiCheckbox .euiCheckbox__input:focus + .euiCheckbox__square, .euiCheckbox .euiCheckbox__input:active:not(:disabled) + .euiCheckbox__square {
4347      -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
4348              animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
4349      border-color: #006BB4; }
4350  .euiCheckbox.euiCheckbox--inList, .euiCheckbox.euiCheckbox--noLabel {
4351    min-height: 16px;
4352    min-width: 16px; }
4353    .euiCheckbox.euiCheckbox--inList .euiCheckbox__square, .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__square {
4354      top: 0; }
4355    .euiCheckbox.euiCheckbox--inList .euiCheckbox__input, .euiCheckbox.euiCheckbox--noLabel .euiCheckbox__input {
4356      width: 16px;
4357      height: 16px;
4358      /* 1 */
4359      position: absolute;
4360      /* 1 */
4361      opacity: 0;
4362      /* 1 */
4363      z-index: 1;
4364      /* 1 */
4365      margin: 0;
4366      /* 1 */
4367      left: 0;
4368      /* 1 */
4369      cursor: pointer; }
4370
4371.euiCheckboxGroup__item + .euiCheckboxGroup__item {
4372  margin-top: 8px; }
4373  .euiCheckboxGroup__item + .euiCheckboxGroup__item.euiCheckbox--compressed {
4374    margin-top: 0; }
4375
4376.euiDescribedFormGroup {
4377  max-width: 800px; }
4378  .euiDescribedFormGroup + * {
4379    margin-top: 24px; }
4380  .euiDescribedFormGroup.euiDescribedFormGroup--fullWidth {
4381    max-width: 100%; }
4382  .euiDescribedFormGroup .euiDescribedFormGroup__description {
4383    padding-top: 8px; }
4384  .euiDescribedFormGroup .euiDescribedFormGroup__fields {
4385    width: 400px;
4386    max-width: 100%; }
4387  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xxxsmall {
4388    padding-top: 8px; }
4389  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xxsmall {
4390    padding-top: 11px; }
4391  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--xsmall {
4392    padding-top: 14px; }
4393  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--small {
4394    padding-top: 20px; }
4395  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--medium {
4396    padding-top: 32px; }
4397  .euiDescribedFormGroup .euiDescribedFormGroup__fieldPadding--large {
4398    padding-top: 44px; }
4399  @media only screen and (max-width: 574px) {
4400    .euiDescribedFormGroup .euiDescribedFormGroup__fields {
4401      padding-top: 0; }
4402      .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child {
4403        padding-top: 0; } }
4404  @media only screen and (min-width: 575px) and (max-width: 767px) {
4405    .euiDescribedFormGroup .euiDescribedFormGroup__fields {
4406      padding-top: 0; }
4407      .euiDescribedFormGroup .euiDescribedFormGroup__fields > .euiFormRow--hasEmptyLabelSpace:first-child {
4408        padding-top: 0; } }
4409
4410.euiFieldNumber {
4411  max-width: 400px;
4412  width: 100%;
4413  height: 40px;
4414  background-color: #fbfcfd;
4415  background-repeat: no-repeat;
4416  background-size: 0% 100%;
4417  /* 3 */
4418  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4419          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4420  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4421  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4422  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
4423  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4424  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
4425  font-weight: 400;
4426  letter-spacing: -.005em;
4427  -webkit-text-size-adjust: 100%;
4428  -ms-text-size-adjust: 100%;
4429  -webkit-font-kerning: normal;
4430          font-kerning: normal;
4431  font-size: 14px;
4432  line-height: 1em;
4433  color: #343741;
4434  border: none;
4435  border-radius: 0;
4436  padding: 12px; }
4437  .euiFieldNumber--fullWidth {
4438    max-width: 100%; }
4439  .euiFieldNumber--compressed {
4440    height: 32px; }
4441  .euiFieldNumber--inGroup {
4442    height: 38px;
4443    /* 2 */ }
4444  .euiFieldNumber--inGroup.euiFieldNumber--compressed {
4445    height: 30px;
4446    /* 2 */ }
4447  .euiFieldNumber::-webkit-input-placeholder {
4448    color: #69707D; }
4449  .euiFieldNumber:-ms-input-placeholder {
4450    color: #69707D; }
4451  .euiFieldNumber::-ms-input-placeholder {
4452    color: #69707D; }
4453  .euiFieldNumber::placeholder {
4454    color: #69707D; }
4455  .euiFieldNumber--compressed {
4456    padding-top: 8px;
4457    padding-bottom: 8px; }
4458  .euiFieldNumber--inGroup {
4459    -webkit-box-shadow: none !important;
4460            box-shadow: none !important; }
4461  .euiFieldNumber:invalid {
4462    /* 4 */
4463    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
4464    background-size: 100%; }
4465  .euiFieldNumber:focus {
4466    /* 4 */
4467    background-color: white;
4468    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
4469    background-size: 100% 100%;
4470    /* 3 */
4471    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
4472            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
4473  .euiFieldNumber:disabled {
4474    cursor: not-allowed;
4475    color: #98A2B3;
4476    background: #eef2f7;
4477    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
4478            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
4479    .euiFieldNumber:disabled::-webkit-input-placeholder {
4480      color: #98A2B3; }
4481    .euiFieldNumber:disabled:-ms-input-placeholder {
4482      color: #98A2B3; }
4483    .euiFieldNumber:disabled::-ms-input-placeholder {
4484      color: #98A2B3; }
4485    .euiFieldNumber:disabled::placeholder {
4486      color: #98A2B3; }
4487  .euiFieldNumber[readOnly] {
4488    cursor: default;
4489    background: rgba(211, 218, 230, 0.12);
4490    border-color: transparent;
4491    -webkit-box-shadow: none;
4492            box-shadow: none; }
4493  .euiFieldNumber--withIcon {
4494    padding-left: 40px; }
4495  .euiFieldNumber-isLoading {
4496    padding-right: 40px; }
4497
4498.euiFieldPassword {
4499  max-width: 400px;
4500  width: 100%;
4501  height: 40px;
4502  background-color: #fbfcfd;
4503  background-repeat: no-repeat;
4504  background-size: 0% 100%;
4505  /* 3 */
4506  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4507          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4508  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4509  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4510  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
4511  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4512  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
4513  font-weight: 400;
4514  letter-spacing: -.005em;
4515  -webkit-text-size-adjust: 100%;
4516  -ms-text-size-adjust: 100%;
4517  -webkit-font-kerning: normal;
4518          font-kerning: normal;
4519  font-size: 14px;
4520  line-height: 1em;
4521  color: #343741;
4522  border: none;
4523  border-radius: 0;
4524  padding: 12px;
4525  padding-left: 40px; }
4526  .euiFieldPassword--fullWidth {
4527    max-width: 100%; }
4528  .euiFieldPassword--compressed {
4529    height: 32px; }
4530  .euiFieldPassword--inGroup {
4531    height: 38px;
4532    /* 2 */ }
4533  .euiFieldPassword--inGroup.euiFieldPassword--compressed {
4534    height: 30px;
4535    /* 2 */ }
4536  .euiFieldPassword::-webkit-input-placeholder {
4537    color: #69707D; }
4538  .euiFieldPassword:-ms-input-placeholder {
4539    color: #69707D; }
4540  .euiFieldPassword::-ms-input-placeholder {
4541    color: #69707D; }
4542  .euiFieldPassword::placeholder {
4543    color: #69707D; }
4544  .euiFieldPassword--compressed {
4545    padding-top: 8px;
4546    padding-bottom: 8px; }
4547  .euiFieldPassword--inGroup {
4548    -webkit-box-shadow: none !important;
4549            box-shadow: none !important; }
4550  .euiFieldPassword:invalid {
4551    /* 4 */
4552    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
4553    background-size: 100%; }
4554  .euiFieldPassword:focus {
4555    /* 4 */
4556    background-color: white;
4557    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
4558    background-size: 100% 100%;
4559    /* 3 */
4560    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
4561            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
4562  .euiFieldPassword:disabled {
4563    cursor: not-allowed;
4564    color: #98A2B3;
4565    background: #eef2f7;
4566    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
4567            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
4568    .euiFieldPassword:disabled::-webkit-input-placeholder {
4569      color: #98A2B3; }
4570    .euiFieldPassword:disabled:-ms-input-placeholder {
4571      color: #98A2B3; }
4572    .euiFieldPassword:disabled::-ms-input-placeholder {
4573      color: #98A2B3; }
4574    .euiFieldPassword:disabled::placeholder {
4575      color: #98A2B3; }
4576  .euiFieldPassword[readOnly] {
4577    cursor: default;
4578    background: rgba(211, 218, 230, 0.12);
4579    border-color: transparent;
4580    -webkit-box-shadow: none;
4581            box-shadow: none; }
4582  .euiFieldPassword-isLoading {
4583    padding-right: 40px; }
4584
4585/*
4586 * 1. Fix for Safari to ensure that it renders like a normal text input
4587 *    and doesn't add extra spacing around text
4588 */
4589.euiFieldSearch {
4590  max-width: 400px;
4591  width: 100%;
4592  height: 40px;
4593  background-color: #fbfcfd;
4594  background-repeat: no-repeat;
4595  background-size: 0% 100%;
4596  /* 3 */
4597  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4598          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4599  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4600  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4601  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
4602  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4603  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
4604  font-weight: 400;
4605  letter-spacing: -.005em;
4606  -webkit-text-size-adjust: 100%;
4607  -ms-text-size-adjust: 100%;
4608  -webkit-font-kerning: normal;
4609          font-kerning: normal;
4610  font-size: 14px;
4611  line-height: 1em;
4612  color: #343741;
4613  border: none;
4614  border-radius: 0;
4615  padding: 12px;
4616  padding-left: 40px;
4617  -webkit-appearance: textfield;
4618  /* 1 */ }
4619  .euiFieldSearch--fullWidth {
4620    max-width: 100%; }
4621  .euiFieldSearch--compressed {
4622    height: 32px; }
4623  .euiFieldSearch--inGroup {
4624    height: 38px;
4625    /* 2 */ }
4626  .euiFieldSearch--inGroup.euiFieldSearch--compressed {
4627    height: 30px;
4628    /* 2 */ }
4629  .euiFieldSearch::-webkit-input-placeholder {
4630    color: #69707D; }
4631  .euiFieldSearch:-ms-input-placeholder {
4632    color: #69707D; }
4633  .euiFieldSearch::-ms-input-placeholder {
4634    color: #69707D; }
4635  .euiFieldSearch::placeholder {
4636    color: #69707D; }
4637  .euiFieldSearch--compressed {
4638    padding-top: 8px;
4639    padding-bottom: 8px; }
4640  .euiFieldSearch--inGroup {
4641    -webkit-box-shadow: none !important;
4642            box-shadow: none !important; }
4643  .euiFieldSearch:invalid {
4644    /* 4 */
4645    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
4646    background-size: 100%; }
4647  .euiFieldSearch:focus {
4648    /* 4 */
4649    background-color: white;
4650    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
4651    background-size: 100% 100%;
4652    /* 3 */
4653    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
4654            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
4655  .euiFieldSearch:disabled {
4656    cursor: not-allowed;
4657    color: #98A2B3;
4658    background: #eef2f7;
4659    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
4660            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
4661    .euiFieldSearch:disabled::-webkit-input-placeholder {
4662      color: #98A2B3; }
4663    .euiFieldSearch:disabled:-ms-input-placeholder {
4664      color: #98A2B3; }
4665    .euiFieldSearch:disabled::-ms-input-placeholder {
4666      color: #98A2B3; }
4667    .euiFieldSearch:disabled::placeholder {
4668      color: #98A2B3; }
4669  .euiFieldSearch[readOnly] {
4670    cursor: default;
4671    background: rgba(211, 218, 230, 0.12);
4672    border-color: transparent;
4673    -webkit-box-shadow: none;
4674            box-shadow: none; }
4675  .euiFieldSearch-isLoading {
4676    padding-right: 40px; }
4677  .euiFieldSearch::-webkit-search-decoration {
4678    -webkit-appearance: none;
4679    /* 1 */ }
4680
4681.euiFieldText {
4682  max-width: 400px;
4683  width: 100%;
4684  height: 40px;
4685  background-color: #fbfcfd;
4686  background-repeat: no-repeat;
4687  background-size: 0% 100%;
4688  /* 3 */
4689  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4690          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4691  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4692  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4693  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
4694  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4695  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
4696  font-weight: 400;
4697  letter-spacing: -.005em;
4698  -webkit-text-size-adjust: 100%;
4699  -ms-text-size-adjust: 100%;
4700  -webkit-font-kerning: normal;
4701          font-kerning: normal;
4702  font-size: 14px;
4703  line-height: 1em;
4704  color: #343741;
4705  border: none;
4706  border-radius: 0;
4707  padding: 12px;
4708  /* Invalid state normally comes from :invalid, but several components
4709  /* like EuiDatePicker need it toggled through an extra class.
4710  */ }
4711  .euiFieldText--fullWidth {
4712    max-width: 100%; }
4713  .euiFieldText--compressed {
4714    height: 32px; }
4715  .euiFieldText--inGroup {
4716    height: 38px;
4717    /* 2 */ }
4718  .euiFieldText--inGroup.euiFieldText--compressed {
4719    height: 30px;
4720    /* 2 */ }
4721  .euiFieldText::-webkit-input-placeholder {
4722    color: #69707D; }
4723  .euiFieldText:-ms-input-placeholder {
4724    color: #69707D; }
4725  .euiFieldText::-ms-input-placeholder {
4726    color: #69707D; }
4727  .euiFieldText::placeholder {
4728    color: #69707D; }
4729  .euiFieldText--compressed {
4730    padding-top: 8px;
4731    padding-bottom: 8px; }
4732  .euiFieldText--inGroup {
4733    -webkit-box-shadow: none !important;
4734            box-shadow: none !important; }
4735  .euiFieldText:invalid {
4736    /* 4 */
4737    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
4738    background-size: 100%; }
4739  .euiFieldText:focus {
4740    /* 4 */
4741    background-color: white;
4742    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
4743    background-size: 100% 100%;
4744    /* 3 */
4745    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
4746            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
4747  .euiFieldText:disabled {
4748    cursor: not-allowed;
4749    color: #98A2B3;
4750    background: #eef2f7;
4751    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
4752            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
4753    .euiFieldText:disabled::-webkit-input-placeholder {
4754      color: #98A2B3; }
4755    .euiFieldText:disabled:-ms-input-placeholder {
4756      color: #98A2B3; }
4757    .euiFieldText:disabled::-ms-input-placeholder {
4758      color: #98A2B3; }
4759    .euiFieldText:disabled::placeholder {
4760      color: #98A2B3; }
4761  .euiFieldText[readOnly] {
4762    cursor: default;
4763    background: rgba(211, 218, 230, 0.12);
4764    border-color: transparent;
4765    -webkit-box-shadow: none;
4766            box-shadow: none; }
4767  .euiFieldText--withIcon {
4768    padding-left: 40px; }
4769  .euiFieldText-isLoading {
4770    padding-right: 40px; }
4771  .euiFieldText.euiFieldText-isInvalid {
4772    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
4773    background-size: 100%; }
4774
4775.euiFilePicker {
4776  /**
4777   * 1. Don't block the user from dropping files onto the filepicker.
4778   * 2. Put prompt on top of input, so the clear button can intercept the click.
4779   * 3. Ensure space for import icon and clear button (only if it has files)
4780   * 4. Delay focus gradient or else it will only partially transition while file chooser opens
4781   */
4782  /**
4783   * 1. Undo the pointer-events: none applied to the enclosing prompt.
4784   */ }
4785  .euiFilePicker .euiFilePicker__wrap {
4786    max-width: 400px;
4787    width: 100%;
4788    height: auto;
4789    position: relative;
4790    display: inline-block; }
4791    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__wrap {
4792      height: 32px; }
4793  .euiFilePicker .euiFilePicker__input {
4794    position: absolute;
4795    z-index: 0;
4796    left: 0;
4797    top: 0;
4798    width: 100%;
4799    height: 100%;
4800    opacity: 0;
4801    overflow: hidden; }
4802    .euiFilePicker .euiFilePicker__input:hover {
4803      cursor: pointer; }
4804    .euiFilePicker .euiFilePicker__input:hover:disabled {
4805      cursor: not-allowed; }
4806    .euiFilePicker .euiFilePicker__input:disabled ~ .euiFilePicker__prompt {
4807      color: #98A2B3; }
4808  .euiFilePicker .euiFilePicker__icon {
4809    margin-bottom: 16px;
4810    -webkit-transition: -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
4811    transition: -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
4812    transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
4813    transition: transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
4814    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__icon {
4815      position: absolute;
4816      top: 8px;
4817      left: 12px;
4818      -webkit-transform: scale(1) !important;
4819              transform: scale(1) !important; }
4820  .euiFilePicker .euiFilePicker__prompt {
4821    background-color: #fbfcfd;
4822    background-repeat: no-repeat;
4823    background-size: 0% 100%;
4824    /* 3 */
4825    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4826            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4827    -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4828    transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4829    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
4830    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4831    pointer-events: none;
4832    /* 1 */
4833    position: relative;
4834    /* 2 */
4835    z-index: 1;
4836    /* 2 */
4837    display: block;
4838    padding: 24px;
4839    text-align: center;
4840    -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms, -webkit-box-shadow 150ms ease-in;
4841    transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms, -webkit-box-shadow 150ms ease-in;
4842    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms;
4843    transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in 150ms, -webkit-box-shadow 150ms ease-in;
4844    /* 4 */ }
4845    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__prompt {
4846      height: 32px;
4847      padding: 8px;
4848      padding-left: 40px;
4849      /* 3 */
4850      text-align: left; }
4851  .euiFilePicker .euiFilePicker__promptText {
4852    font-size: 14px;
4853    font-size: 0.875rem;
4854    line-height: 1.5;
4855    display: block;
4856    white-space: nowrap;
4857    overflow: hidden;
4858    text-overflow: ellipsis; }
4859    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__promptText {
4860      color: #98A2B3;
4861      line-height: 16px; }
4862  .euiFilePicker .euiFilePicker__clearButton {
4863    pointer-events: auto;
4864    /* 1 */ }
4865    .euiFilePicker--compressed.euiFilePicker .euiFilePicker__clearButton {
4866      width: 16px;
4867      height: 16px;
4868      pointer-events: all;
4869      background-color: #98A2B3;
4870      border-radius: 16px;
4871      line-height: 0;
4872      position: absolute;
4873      top: 6px;
4874      right: 12px; }
4875      .euiFilePicker--compressed.euiFilePicker .euiFilePicker__clearButton:focus {
4876        -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
4877                animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
4878      .euiFilePicker--compressed.euiFilePicker .euiFilePicker__clearButton .euiFilePicker__clearIcon {
4879        width: 8px;
4880        height: 8px;
4881        fill: #FFF;
4882        stroke: #FFF;
4883        stroke-width: 2px; }
4884  .euiFilePicker .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__promptText,
4885  .euiFilePicker .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__promptText {
4886    text-decoration: underline; }
4887  .euiFilePicker .euiFilePicker__input:hover:not(:disabled) + .euiFilePicker__prompt .euiFilePicker__icon,
4888  .euiFilePicker .euiFilePicker__input:focus + .euiFilePicker__prompt .euiFilePicker__icon {
4889    -webkit-transform: scale(1.1);
4890            transform: scale(1.1); }
4891  .euiFilePicker .euiFilePicker__input:focus + .euiFilePicker__prompt {
4892    background-color: white;
4893    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
4894    background-size: 100% 100%;
4895    /* 3 */
4896    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
4897            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
4898  .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt {
4899    cursor: not-allowed;
4900    color: #98A2B3;
4901    background: #eef2f7;
4902    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
4903            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
4904    .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt::-webkit-input-placeholder {
4905      color: #98A2B3; }
4906    .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt:-ms-input-placeholder {
4907      color: #98A2B3; }
4908    .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt::-ms-input-placeholder {
4909      color: #98A2B3; }
4910    .euiFilePicker .euiFilePicker__input:disabled + .euiFilePicker__prompt::placeholder {
4911      color: #98A2B3; }
4912  .euiFilePicker.euiFilePicker-hasFiles.euiFilePicker--compressed .euiFilePicker__prompt {
4913    padding-right: 40px;
4914    /* 3 */ }
4915  .euiFilePicker:not(.euiFilePicker--compressed).euiFilePicker-hasFiles .euiFilePicker__promptText {
4916    font-weight: 700; }
4917  .euiFilePicker.euiFilePicker--compressed.euiFilePicker-hasFiles .euiFilePicker__promptText {
4918    color: #343741; }
4919  .euiFilePicker.euiFilePicker__showDrop .euiFilePicker__prompt {
4920    background-color: white;
4921    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
4922    background-size: 100% 100%;
4923    /* 3 */
4924    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
4925            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
4926    .euiFilePicker.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__promptText {
4927      text-decoration: underline; }
4928    .euiFilePicker.euiFilePicker__showDrop .euiFilePicker__prompt .euiFilePicker__icon {
4929      -webkit-transform: scale(1.1);
4930              transform: scale(1.1);
4931      color: #006BB4; }
4932
4933.euiForm__error {
4934  font-size: 14px;
4935  font-size: 0.875rem;
4936  line-height: 1.5;
4937  list-style: disc; }
4938
4939.euiForm__errors {
4940  margin-bottom: 16px; }
4941
4942/**
4943 * 2. Account for inner box-shadow style border when in group
4944 * 3. Must supply both values to background-size or some browsers apply the single value to both directions
4945 */
4946/**
4947 * 4. Override invalid state with focus state.
4948 */
4949.euiFormControlLayout {
4950  max-width: 400px;
4951  width: 100%;
4952  height: auto; }
4953  .euiFormControlLayout--fullWidth {
4954    max-width: 100%; }
4955  .euiFormControlLayout--compressed {
4956    height: 32px; }
4957  .euiFormControlLayout--inGroup {
4958    height: 38px;
4959    /* 2 */ }
4960  .euiFormControlLayout--inGroup.euiFormControlLayout--compressed {
4961    height: 30px;
4962    /* 2 */ }
4963
4964.euiFormControlLayout__childrenWrapper {
4965  position: relative; }
4966
4967/**
4968 * 1. Account for inner box-shadow style border
4969 */
4970.euiFormControlLayout--group {
4971  background-color: #fbfcfd;
4972  background-repeat: no-repeat;
4973  background-size: 0% 100%;
4974  /* 3 */
4975  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4976          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
4977  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4978  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4979  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
4980  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
4981  display: -webkit-box;
4982  display: -ms-flexbox;
4983  display: flex;
4984  -webkit-box-align: center;
4985      -ms-flex-align: center;
4986          align-items: center;
4987  padding: 1px;
4988  /* 1 */ }
4989  .euiFormControlLayout--group .euiFormControlLayout__childrenWrapper {
4990    -webkit-box-flex: 1;
4991        -ms-flex-positive: 1;
4992            flex-grow: 1; }
4993  .euiFormControlLayout--group .euiFormControlLayout__prepend,
4994  .euiFormControlLayout--group .euiFormControlLayout__append {
4995    -ms-flex-negative: 0;
4996        flex-shrink: 0;
4997    height: 38px;
4998    /* 1 */
4999    line-height: 16px; }
5000    .euiFormControlLayout--group .euiFormControlLayout__prepend:disabled,
5001    .euiFormControlLayout--group .euiFormControlLayout__append:disabled {
5002      background-color: #eef2f7;
5003      color: #98A2B3; }
5004    .euiFormControlLayout--group .euiFormControlLayout__prepend.euiFormLabel, .euiFormControlLayout--group .euiFormControlLayout__prepend.euiText,
5005    .euiFormControlLayout--group .euiFormControlLayout__append.euiFormLabel,
5006    .euiFormControlLayout--group .euiFormControlLayout__append.euiText {
5007      white-space: nowrap;
5008      margin-bottom: 0;
5009      padding: 12px;
5010      border: none;
5011      background-color: #eef2f7;
5012      line-height: 16px; }
5013  .euiFormControlLayout--group .euiFormControlLayout__prepend {
5014    border-right: 1px solid rgba(0, 0, 0, 0.1); }
5015  .euiFormControlLayout--group .euiFormControlLayout__append {
5016    border-left: 1px solid rgba(0, 0, 0, 0.1); }
5017  .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend,
5018  .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append {
5019    height: 30px;
5020    /* 1 */ }
5021    .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend.euiFormLabel, .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__prepend.euiText,
5022    .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append.euiFormLabel,
5023    .euiFormControlLayout--group.euiFormControlLayout--compressed .euiFormControlLayout__append.euiText {
5024      padding-top: 8px;
5025      padding-bottom: 8px; }
5026
5027.euiFormControlLayoutIcons {
5028  pointer-events: none;
5029  position: absolute;
5030  top: 0;
5031  bottom: 0;
5032  left: 12px;
5033  display: -webkit-box;
5034  display: -ms-flexbox;
5035  display: flex;
5036  -webkit-box-align: center;
5037      -ms-flex-align: center;
5038          align-items: center; }
5039  .euiFormControlLayoutIcons > * + * {
5040    margin-left: 6px; }
5041
5042.euiFormControlLayoutIcons--right {
5043  left: auto;
5044  right: 12px; }
5045
5046*:disabled + .euiFormControlLayoutIcons {
5047  cursor: not-allowed;
5048  color: #98A2B3; }
5049
5050.euiFormControlLayoutClearButton {
5051  width: 16px;
5052  height: 16px;
5053  pointer-events: all;
5054  background-color: #98A2B3;
5055  border-radius: 16px;
5056  line-height: 0; }
5057  .euiFormControlLayoutClearButton:focus {
5058    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5059            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
5060  .euiFormControlLayoutClearButton .euiFormControlLayoutClearButton__icon {
5061    width: 8px;
5062    height: 8px;
5063    fill: #FFF;
5064    stroke: #FFF;
5065    stroke-width: 2px; }
5066
5067.euiFormControlLayoutCustomIcon {
5068  pointer-events: none; }
5069  .euiFormControlLayoutCustomIcon .euiFormControlLayoutCustomIcon__icon {
5070    -webkit-transform: translateY(-1px);
5071            transform: translateY(-1px); }
5072
5073.euiFormControlLayoutCustomIcon--clickable {
5074  width: 16px;
5075  height: 16px;
5076  pointer-events: all; }
5077  .euiFormControlLayoutCustomIcon--clickable .euiFormControlLayoutCustomIcon__icon {
5078    vertical-align: baseline;
5079    -webkit-transform: none;
5080            transform: none; }
5081  .euiFormControlLayoutCustomIcon--clickable:focus {
5082    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5083            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; }
5084  .euiFormControlLayoutCustomIcon--clickable:disabled {
5085    cursor: not-allowed;
5086    color: #98A2B3; }
5087
5088.euiFormErrorText {
5089  font-size: 12px;
5090  font-size: 0.75rem;
5091  line-height: 1.5;
5092  padding-top: 8px;
5093  color: #BD271E; }
5094
5095.euiFormHelpText {
5096  font-size: 12px;
5097  font-size: 0.75rem;
5098  line-height: 1.5;
5099  padding-top: 8px;
5100  color: #69707D; }
5101
5102/**
5103 * 1. Focused state overrides invalid state.
5104 */
5105.euiFormLabel {
5106  font-size: 12px;
5107  margin-bottom: 8px;
5108  -webkit-transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
5109  transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
5110  font-weight: 600; }
5111  .euiFormLabel.euiFormLabel-isInvalid {
5112    color: #BD271E;
5113    /* 1 */ }
5114  .euiFormLabel.euiFormLabel-isFocused {
5115    color: #006BB4;
5116    /* 1 */ }
5117
5118.euiFormLabel[for] {
5119  cursor: pointer; }
5120
5121/**
5122 * 1. Coerce inline form elements to behave as block-level elements.
5123 * 2. For inline forms, we need to add margin if the label doesn't exist.
5124 */
5125.euiFormRow {
5126  display: -webkit-box;
5127  display: -ms-flexbox;
5128  display: flex;
5129  /* 1 */
5130  -webkit-box-orient: vertical;
5131  -webkit-box-direction: normal;
5132      -ms-flex-direction: column;
5133          flex-direction: column;
5134  /* 1 */
5135  max-width: 400px;
5136  padding-bottom: 8px; }
5137  .euiFormRow + * {
5138    margin-top: 16px; }
5139  .euiFormRow.euiFormRow--fullWidth {
5140    max-width: 100%; }
5141  .euiFormRow.euiFormRow--hasEmptyLabelSpace {
5142    margin-top: 20px;
5143    /* 2 */
5144    min-height: 40px;
5145    padding-bottom: 0;
5146    -webkit-box-pack: center;
5147        -ms-flex-pack: center;
5148            justify-content: center; }
5149  .euiFormRow.euiFormRow--compressed + * {
5150    margin-top: 8px; }
5151  .euiFormRow.euiFormRow--compressed .euiFormRow__text {
5152    padding-top: 6px; }
5153
5154.euiRadio {
5155  position: relative;
5156  /**
5157   * 1. Float above the visual radio and match its dimension, so that when users try to click it
5158   *    they actually click this input.
5159   */ }
5160  .euiRadio .euiRadio__input {
5161    position: absolute;
5162    left: -10000px;
5163    top: auto;
5164    width: 1px;
5165    height: 1px;
5166    overflow: hidden; }
5167    .euiRadio .euiRadio__input ~ .euiRadio__label {
5168      display: block;
5169      padding-left: 24px;
5170      line-height: 24px;
5171      font-size: 14px;
5172      position: relative;
5173      z-index: 2;
5174      cursor: pointer; }
5175    .euiRadio .euiRadio__input + .euiRadio__circle {
5176      -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
5177              box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
5178      padding: 7px;
5179      border: 1px solid #c9cbcd;
5180      background: #FFF no-repeat center;
5181      border-radius: 14px;
5182      -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
5183      transition: background-color 150ms ease-in, border-color 150ms ease-in;
5184      display: inline-block;
5185      position: absolute;
5186      left: 0;
5187      top: 3px; }
5188    .euiRadio .euiRadio__input:checked + .euiRadio__circle {
5189      border-color: #006BB4;
5190      background-color: #006BB4;
5191      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"); }
5192    .euiRadio .euiRadio__input[disabled] {
5193      cursor: not-allowed !important; }
5194      .euiRadio .euiRadio__input[disabled] ~ .euiRadio__label {
5195        color: #98A2B3;
5196        cursor: not-allowed !important; }
5197      .euiRadio .euiRadio__input[disabled] + .euiRadio__circle {
5198        border-color: #D3DAE6;
5199        background-color: #D3DAE6;
5200        -webkit-box-shadow: none;
5201                box-shadow: none; }
5202    .euiRadio .euiRadio__input:checked[disabled] + .euiRadio__circle {
5203      border-color: #D3DAE6;
5204      background-color: #D3DAE6;
5205      -webkit-box-shadow: none;
5206              box-shadow: none;
5207      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"); }
5208    .euiRadio .euiRadio__input:focus + .euiRadio__circle, .euiRadio .euiRadio__input:active:not(:disabled) + .euiRadio__circle {
5209      -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5210              animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5211      border-color: #006BB4; }
5212  .euiRadio.euiRadio--inList, .euiRadio.euiRadio--noLabel {
5213    min-height: 16px;
5214    min-width: 16px; }
5215    .euiRadio.euiRadio--inList .euiRadio__circle, .euiRadio.euiRadio--noLabel .euiRadio__circle {
5216      top: 0; }
5217    .euiRadio.euiRadio--inList .euiRadio__input, .euiRadio.euiRadio--noLabel .euiRadio__input {
5218      width: 16px;
5219      height: 16px;
5220      /* 1 */
5221      position: absolute;
5222      /* 1 */
5223      opacity: 0;
5224      /* 1 */
5225      z-index: 1;
5226      /* 1 */
5227      margin: 0;
5228      /* 1 */
5229      left: 0;
5230      /* 1 */
5231      cursor: pointer; }
5232
5233.euiRadioGroup__item + .euiRadioGroup__item {
5234  margin-top: 8px; }
5235  .euiRadioGroup__item + .euiRadioGroup__item.euiRadio--compressed {
5236    margin-top: 0; }
5237
5238/*
5239 * 1. There's no way to target the layout of the extra input, so we must
5240 *    use the descendant selector to allow the width to shrink.
5241 * 2. Align extra input slightly better with slider labels, in an IE compliant way.
5242 * 3. Adjust vertical alignment of input based on extras
5243 */
5244.euiRange__wrapper {
5245  max-width: 400px;
5246  width: 100%;
5247  height: 40px;
5248  display: -webkit-box;
5249  display: -ms-flexbox;
5250  display: flex;
5251  -webkit-box-align: center;
5252      -ms-flex-align: center;
5253          align-items: center; }
5254  .euiRange__wrapper--fullWidth {
5255    max-width: 100%; }
5256  .euiRange__wrapper--disabled .euiRange__minLabel,
5257  .euiRange__wrapper--disabled .euiRange__maxLabel,
5258  .euiRange__wrapper--disabled .euiRange__inputWrapper {
5259    opacity: .25; }
5260  .euiRange__wrapper > .euiFormControlLayout {
5261    /* 1 */
5262    width: auto; }
5263
5264.euiRange__inputWrapper {
5265  -webkit-box-flex: 1;
5266      -ms-flex-positive: 1;
5267          flex-grow: 1;
5268  position: relative;
5269  -ms-flex-item-align: start;
5270      align-self: flex-start;
5271  /* 3 */ }
5272
5273.euiRange__minLabel,
5274.euiRange__maxLabel {
5275  font-size: 12px; }
5276
5277.euiRange__minLabel {
5278  margin-right: 8px; }
5279
5280.euiRange__maxLabel {
5281  margin-left: 8px; }
5282
5283.euiRange__extraInput {
5284  width: auto;
5285  margin-left: 16px;
5286  position: relative;
5287  /* 2 */
5288  top: -2px;
5289  /* 2 */ }
5290
5291.euiRange__tick {
5292  overflow-x: hidden;
5293  text-overflow: ellipsis;
5294  font-size: 12px;
5295  position: relative;
5296  padding-top: 16px; }
5297  .euiRange__tick::before {
5298    width: 4px;
5299    height: 4px;
5300    content: '';
5301    background-color: #69707D;
5302    border-radius: 100%;
5303    position: absolute;
5304    top: 0;
5305    left: calc(50% - 2px); }
5306  .euiRange__tick-isCustom {
5307    position: absolute;
5308    -webkit-transform: translateX(-50%);
5309            transform: translateX(-50%); }
5310  .euiRange__tick:enabled:hover, .euiRange__tick:focus, .euiRange__tick--selected {
5311    color: #006BB4; }
5312  .euiRange__tick--selected {
5313    font-weight: 500; }
5314  .euiRange__tick:disabled {
5315    cursor: not-allowed; }
5316
5317.euiRange__levels {
5318  display: -webkit-box;
5319  display: -ms-flexbox;
5320  display: flex;
5321  -webkit-box-pack: stretch;
5322      -ms-flex-pack: stretch;
5323          justify-content: stretch;
5324  z-index: 0; }
5325
5326[class*='euiRange__level--'] {
5327  display: block;
5328  height: 6px;
5329  border-radius: 6px;
5330  margin: 2px; }
5331
5332.euiRange__level--primary {
5333  background-color: rgba(0, 107, 180, 0.3); }
5334
5335.euiRange__level--success {
5336  background-color: rgba(1, 125, 115, 0.3); }
5337
5338.euiRange__level--warning {
5339  background-color: rgba(245, 167, 0, 0.3); }
5340
5341.euiRange__level--danger {
5342  background-color: rgba(189, 39, 30, 0.3); }
5343
5344.euiRange__range__progress {
5345  height: 4px;
5346  border-radius: 4px;
5347  background-color: #69707D; }
5348
5349.euiRange__value {
5350  font-size: 14px;
5351  font-size: 0.875rem;
5352  line-height: 1.5;
5353  border: 1px solid rgba(52, 55, 65, 0.2);
5354  position: absolute;
5355  border-radius: 4px;
5356  padding: 2px 8px;
5357  background-color: #404040;
5358  color: #FFF;
5359  max-width: 256px;
5360  z-index: 4000;
5361  top: 19px;
5362  -webkit-transition: -webkit-box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
5363  transition: -webkit-box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
5364  transition: box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
5365  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-box-shadow 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-transform 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
5366  .euiRange__value::after, .euiRange__value::before {
5367    content: '';
5368    position: absolute;
5369    bottom: -6px;
5370    left: 50%;
5371    -webkit-transform-origin: center;
5372            transform-origin: center;
5373    background-color: #404040;
5374    width: 12px;
5375    height: 12px;
5376    border-radius: 2px; }
5377  .euiRange__value::before {
5378    background-color: rgba(52, 55, 65, 0.2); }
5379  .euiRange__value.euiRange__value--right {
5380    -webkit-transform: translateX(0) translateY(-50%);
5381            transform: translateX(0) translateY(-50%);
5382    margin-left: 24px; }
5383    .euiRange__value.euiRange__value--right:before, .euiRange__value.euiRange__value--right:after {
5384      bottom: 50%;
5385      left: -5px;
5386      -webkit-transform: translateY(50%) rotateZ(45deg);
5387              transform: translateY(50%) rotateZ(45deg); }
5388    .euiRange__value.euiRange__value--right::before {
5389      margin-left: -1px; }
5390  .euiRange__value.euiRange__value--left {
5391    -webkit-transform: translateX(-100%) translateY(-50%);
5392            transform: translateX(-100%) translateY(-50%);
5393    margin-left: -24px; }
5394    .euiRange__value.euiRange__value--left:before, .euiRange__value.euiRange__value--left:after {
5395      bottom: 50%;
5396      left: auto;
5397      right: -5px;
5398      -webkit-transform: translateY(50%) rotateZ(45deg);
5399              transform: translateY(50%) rotateZ(45deg); }
5400    .euiRange__value.euiRange__value--left::before {
5401      margin-right: -1px; }
5402
5403/*
5404 *  Positioning
5405 */
5406.euiRange__wrapper--hasLevels .euiRange__levels {
5407  position: absolute;
5408  left: 0;
5409  right: 0;
5410  top: 22px; }
5411
5412.euiRange__wrapper--hasRange .euiRange__range {
5413  position: absolute;
5414  left: 0;
5415  width: 100%;
5416  top: 18px;
5417  z-index: 0;
5418  overflow: hidden; }
5419
5420.euiRange__wrapper--hasTicks .euiRange {
5421  height: 20px;
5422  /* 3 */ }
5423
5424.euiRange__wrapper--hasTicks .euiRange__levels {
5425  top: 12px; }
5426
5427.euiRange__wrapper--hasTicks .euiRange__range {
5428  top: 8px;
5429  left: 0; }
5430
5431.euiRange__wrapper--hasTicks .euiRange__value {
5432  top: 9px; }
5433
5434.euiRange__wrapper--hasTicks .euiRange__extraInput {
5435  margin-top: 0; }
5436
5437.euiRange__wrapper--hasTicks .euiRange__ticks {
5438  position: absolute;
5439  left: 8px;
5440  right: 8px;
5441  top: 8px;
5442  display: -webkit-box;
5443  display: -ms-flexbox;
5444  display: flex;
5445  z-index: 1000; }
5446
5447.euiRange__valueWrapper {
5448  display: block;
5449  position: absolute;
5450  left: 0;
5451  top: 0;
5452  bottom: 0;
5453  width: calc(100% - 16px);
5454  margin-left: 8px; }
5455
5456/*
5457 *  Input Range Customization by browser
5458 */
5459.euiRange {
5460  height: 40px;
5461  -webkit-appearance: none;
5462     -moz-appearance: none;
5463          appearance: none;
5464  background: transparent;
5465  width: 100%;
5466  position: relative;
5467  z-index: 2000;
5468  cursor: pointer; }
5469  .euiRange:disabled {
5470    cursor: not-allowed; }
5471    .euiRange:disabled::-webkit-slider-thumb {
5472      cursor: not-allowed;
5473      border-color: #69707D;
5474      background-color: #69707D;
5475      -webkit-box-shadow: none;
5476              box-shadow: none; }
5477    .euiRange:disabled::-moz-range-thumb {
5478      cursor: not-allowed;
5479      border-color: #69707D;
5480      background-color: #69707D;
5481      box-shadow: none; }
5482    .euiRange:disabled::-ms-thumb {
5483      cursor: not-allowed;
5484      border-color: #69707D;
5485      background-color: #69707D;
5486      box-shadow: none; }
5487  .euiRange:focus::-webkit-slider-thumb {
5488    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5489            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5490    border-color: #006BB4; }
5491  .euiRange:focus::-moz-range-thumb {
5492    animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5493    border-color: #006BB4; }
5494  .euiRange:focus::-ms-thumb {
5495    animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5496    border-color: #006BB4; }
5497  .euiRange:focus::-webkit-slider-runnable-track {
5498    background-color: #006BB4;
5499    border-color: #006BB4; }
5500  .euiRange:focus::-moz-range-track {
5501    background-color: #006BB4;
5502    border-color: #006BB4; }
5503  .euiRange:focus::-ms-fill-lower {
5504    background-color: #006BB4;
5505    border-color: #006BB4; }
5506  .euiRange:focus::-ms-fill-upper {
5507    background-color: #006BB4;
5508    border-color: #006BB4; }
5509  .euiRange:focus ~ .euiRange__range .euiRange__range__progress {
5510    background-color: #006BB4; }
5511  .euiRange:focus ~ .euiRange__valueWrapper .euiRange__value {
5512    -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
5513            box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2); }
5514    .euiRange:focus ~ .euiRange__valueWrapper .euiRange__value.euiRange__value--right {
5515      -webkit-transform: translateX(0) translateY(-50%) scale(1.1);
5516              transform: translateX(0) translateY(-50%) scale(1.1); }
5517    .euiRange:focus ~ .euiRange__valueWrapper .euiRange__value.euiRange__value--left {
5518      -webkit-transform: translateX(-100%) translateY(-50%) scale(1.1);
5519              transform: translateX(-100%) translateY(-50%) scale(1.1); }
5520  .euiRange::-webkit-slider-thumb {
5521    -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
5522            box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
5523    padding: 7px;
5524    border: 1px solid #c9cbcd;
5525    background: #FFF no-repeat center;
5526    border-radius: 14px;
5527    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
5528    transition: background-color 150ms ease-in, border-color 150ms ease-in;
5529    cursor: pointer;
5530    border-color: #69707D;
5531    padding: 0;
5532    height: 16px;
5533    width: 16px; }
5534  .euiRange::-moz-range-thumb {
5535    box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
5536    padding: 7px;
5537    border: 1px solid #c9cbcd;
5538    background: #FFF no-repeat center;
5539    border-radius: 14px;
5540    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
5541    transition: background-color 150ms ease-in, border-color 150ms ease-in;
5542    cursor: pointer;
5543    border-color: #69707D;
5544    padding: 0;
5545    height: 16px;
5546    width: 16px; }
5547  .euiRange::-ms-thumb {
5548    box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
5549    padding: 7px;
5550    border: 1px solid #c9cbcd;
5551    background: #FFF no-repeat center;
5552    border-radius: 14px;
5553    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
5554    transition: background-color 150ms ease-in, border-color 150ms ease-in;
5555    cursor: pointer;
5556    border-color: #69707D;
5557    padding: 0;
5558    height: 16px;
5559    width: 16px; }
5560  .euiRange::-webkit-slider-runnable-track {
5561    height: 2px;
5562    -webkit-transition: all 250ms ease-in;
5563    transition: all 250ms ease-in;
5564    width: 100%;
5565    background: #69707D;
5566    border: 0 solid #69707D;
5567    border-radius: 4px; }
5568  .euiRange::-moz-range-track {
5569    height: 2px;
5570    -webkit-transition: all 250ms ease-in;
5571    transition: all 250ms ease-in;
5572    width: 100%;
5573    background: #69707D;
5574    border: 0 solid #69707D;
5575    border-radius: 4px; }
5576  .euiRange::-ms-fill-lower {
5577    height: 2px;
5578    -webkit-transition: all 250ms ease-in;
5579    transition: all 250ms ease-in;
5580    width: 100%;
5581    background: #69707D;
5582    border: 0 solid #69707D;
5583    border-radius: 4px; }
5584  .euiRange::-ms-fill-upper {
5585    height: 2px;
5586    -webkit-transition: all 250ms ease-in;
5587    transition: all 250ms ease-in;
5588    width: 100%;
5589    background: #69707D;
5590    border: 0 solid #69707D;
5591    border-radius: 4px; }
5592  .euiRange::-webkit-slider-thumb {
5593    -webkit-appearance: none;
5594    margin-top: -7px; }
5595  .euiRange::-ms-thumb {
5596    margin-top: 0; }
5597  .euiRange::-ms-track {
5598    height: 2px;
5599    -webkit-transition: all 250ms ease-in;
5600    transition: all 250ms ease-in;
5601    width: 100%;
5602    background: transparent;
5603    border-color: transparent;
5604    border-width: 8px 0;
5605    color: transparent; }
5606
5607.euiRange__wrapper--hasRange .euiRange::-webkit-slider-runnable-track,
5608.euiRange__wrapper--hasTicks .euiRange::-webkit-slider-runnable-track {
5609  background-color: rgba(105, 112, 125, 0.4);
5610  border-color: rgba(105, 112, 125, 0.4); }
5611
5612.euiRange__wrapper--hasRange .euiRange::-moz-range-track,
5613.euiRange__wrapper--hasTicks .euiRange::-moz-range-track {
5614  background-color: rgba(105, 112, 125, 0.4);
5615  border-color: rgba(105, 112, 125, 0.4); }
5616
5617.euiRange__wrapper--hasRange .euiRange::-ms-fill-lower,
5618.euiRange__wrapper--hasTicks .euiRange::-ms-fill-lower {
5619  background-color: rgba(105, 112, 125, 0.4);
5620  border-color: rgba(105, 112, 125, 0.4); }
5621
5622.euiRange__wrapper--hasRange .euiRange::-ms-fill-upper,
5623.euiRange__wrapper--hasTicks .euiRange::-ms-fill-upper {
5624  background-color: rgba(105, 112, 125, 0.4);
5625  border-color: rgba(105, 112, 125, 0.4); }
5626
5627/**
5628 * 1. Leave room for caret.
5629 * 2. Ensure the descenders don't get cut off
5630 */
5631.euiSelect {
5632  max-width: 400px;
5633  width: 100%;
5634  height: 40px;
5635  background-color: #fbfcfd;
5636  background-repeat: no-repeat;
5637  background-size: 0% 100%;
5638  /* 3 */
5639  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
5640          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
5641  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
5642  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
5643  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
5644  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
5645  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5646  font-weight: 400;
5647  letter-spacing: -.005em;
5648  -webkit-text-size-adjust: 100%;
5649  -ms-text-size-adjust: 100%;
5650  -webkit-font-kerning: normal;
5651          font-kerning: normal;
5652  font-size: 14px;
5653  line-height: 1em;
5654  color: #343741;
5655  border: none;
5656  border-radius: 0;
5657  padding: 12px;
5658  padding-right: 40px;
5659  /* 1 */
5660  -webkit-appearance: none;
5661     -moz-appearance: none;
5662          appearance: none;
5663  line-height: 40px;
5664  /* 2 */
5665  padding-top: 0;
5666  /* 2 */
5667  padding-bottom: 0;
5668  /* 2 */ }
5669  .euiSelect--fullWidth {
5670    max-width: 100%; }
5671  .euiSelect--compressed {
5672    height: 32px; }
5673  .euiSelect--inGroup {
5674    height: 38px;
5675    /* 2 */ }
5676  .euiSelect--inGroup.euiSelect--compressed {
5677    height: 30px;
5678    /* 2 */ }
5679  .euiSelect::-webkit-input-placeholder {
5680    color: #69707D; }
5681  .euiSelect:-ms-input-placeholder {
5682    color: #69707D; }
5683  .euiSelect::-ms-input-placeholder {
5684    color: #69707D; }
5685  .euiSelect::placeholder {
5686    color: #69707D; }
5687  .euiSelect--compressed {
5688    padding-top: 8px;
5689    padding-bottom: 8px; }
5690  .euiSelect--inGroup {
5691    -webkit-box-shadow: none !important;
5692            box-shadow: none !important; }
5693  .euiSelect:invalid {
5694    /* 4 */
5695    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
5696    background-size: 100%; }
5697  .euiSelect:focus {
5698    /* 4 */
5699    background-color: white;
5700    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
5701    background-size: 100% 100%;
5702    /* 3 */
5703    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
5704            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
5705  .euiSelect:disabled {
5706    cursor: not-allowed;
5707    color: #98A2B3;
5708    background: #eef2f7;
5709    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
5710            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
5711    .euiSelect:disabled::-webkit-input-placeholder {
5712      color: #98A2B3; }
5713    .euiSelect:disabled:-ms-input-placeholder {
5714      color: #98A2B3; }
5715    .euiSelect:disabled::-ms-input-placeholder {
5716      color: #98A2B3; }
5717    .euiSelect:disabled::placeholder {
5718      color: #98A2B3; }
5719  .euiSelect[readOnly] {
5720    cursor: default;
5721    background: rgba(211, 218, 230, 0.12);
5722    border-color: transparent;
5723    -webkit-box-shadow: none;
5724            box-shadow: none; }
5725  .euiSelect-isLoading {
5726    padding-right: 56px; }
5727  .euiSelect--compressed {
5728    line-height: 32px;
5729    /* 2 */
5730    padding-top: 0;
5731    /* 2 */
5732    padding-bottom: 0;
5733    /* 2 */ }
5734  .euiSelect--inGroup {
5735    line-height: 38px;
5736    /* 2 */ }
5737  .euiSelect--inGroup.euiSelect--compressed {
5738    line-height: 30px;
5739    /* 2 */ }
5740  .euiSelect::-ms-expand {
5741    display: none; }
5742  .euiSelect:focus::-ms-value {
5743    color: #343741;
5744    background: transparent; }
5745
5746/*
5747 * 1. Make popover the same width as the form control
5748 * 2. Style popover similar to combobox
5749 * 3. Use attribute selector to match popover position without needing the full popover class name
5750 */
5751.euiSuperSelect {
5752  width: 100%; }
5753  .euiSuperSelect:not(.euiSuperSelect--fullWidth) {
5754    /* 1 */
5755    max-width: 400px !important; }
5756  .euiSuperSelect .euiSuperSelect__popoverAnchor {
5757    display: block; }
5758
5759.euiSuperSelect__popoverPanel[class*='bottom'] {
5760  /* 3 */
5761  border-top-color: rgba(211, 218, 230, 0.8);
5762  border-top-right-radius: 0;
5763  /* 2 */
5764  border-top-left-radius: 0;
5765  /* 2 */ }
5766
5767.euiSuperSelect__popoverPanel[class*='top'] {
5768  /* 3 */
5769  -webkit-box-shadow: 0 0 12px -1px rgba(152, 162, 179, 0.2), 0 0 4px -1px rgba(152, 162, 179, 0.2), 0 0 2px 0 rgba(152, 162, 179, 0.2);
5770          box-shadow: 0 0 12px -1px rgba(152, 162, 179, 0.2), 0 0 4px -1px rgba(152, 162, 179, 0.2), 0 0 2px 0 rgba(152, 162, 179, 0.2);
5771  /* 2 */
5772  border-bottom-color: rgba(211, 218, 230, 0.8);
5773  border-bottom-right-radius: 0;
5774  /* 2 */
5775  border-bottom-left-radius: 0;
5776  /* 2 */ }
5777
5778.euiSuperSelect__item:hover, .euiSuperSelect__item:focus {
5779  text-decoration: none;
5780  background-color: #e6f0f8; }
5781
5782.euiSuperSelect__item--hasDividers:not(:last-of-type) {
5783  border-bottom: 1px solid #D3DAE6; }
5784
5785/**
5786 * 1. Leave room for caret.
5787 * 2. Ensure the descenders don't get cut off
5788 * 3. Makes sure the height is correct when there's no selection
5789 */
5790.euiSuperSelectControl {
5791  max-width: 400px;
5792  width: 100%;
5793  height: 40px;
5794  background-color: #fbfcfd;
5795  background-repeat: no-repeat;
5796  background-size: 0% 100%;
5797  /* 3 */
5798  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
5799          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
5800  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
5801  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
5802  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
5803  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
5804  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
5805  font-weight: 400;
5806  letter-spacing: -.005em;
5807  -webkit-text-size-adjust: 100%;
5808  -ms-text-size-adjust: 100%;
5809  -webkit-font-kerning: normal;
5810          font-kerning: normal;
5811  font-size: 14px;
5812  line-height: 1em;
5813  color: #343741;
5814  border: none;
5815  border-radius: 0;
5816  padding: 12px;
5817  padding-right: 40px;
5818  /* 1 */
5819  display: block;
5820  /* 3 */
5821  text-align: left;
5822  line-height: 40px;
5823  /* 2 */
5824  padding-top: 0;
5825  /* 2 */
5826  padding-bottom: 0;
5827  /* 2 */
5828  overflow: hidden;
5829  text-overflow: ellipsis;
5830  white-space: nowrap; }
5831  .euiSuperSelectControl--fullWidth {
5832    max-width: 100%; }
5833  .euiSuperSelectControl--compressed {
5834    height: 32px; }
5835  .euiSuperSelectControl--inGroup {
5836    height: 38px;
5837    /* 2 */ }
5838  .euiSuperSelectControl--inGroup.euiSuperSelectControl--compressed {
5839    height: 30px;
5840    /* 2 */ }
5841  .euiSuperSelectControl::-webkit-input-placeholder {
5842    color: #69707D; }
5843  .euiSuperSelectControl:-ms-input-placeholder {
5844    color: #69707D; }
5845  .euiSuperSelectControl::-ms-input-placeholder {
5846    color: #69707D; }
5847  .euiSuperSelectControl::placeholder {
5848    color: #69707D; }
5849  .euiSuperSelectControl--compressed {
5850    padding-top: 8px;
5851    padding-bottom: 8px; }
5852  .euiSuperSelectControl--inGroup {
5853    -webkit-box-shadow: none !important;
5854            box-shadow: none !important; }
5855  .euiSuperSelectControl:invalid {
5856    /* 4 */
5857    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
5858    background-size: 100%; }
5859  .euiSuperSelectControl:focus {
5860    /* 4 */
5861    background-color: white;
5862    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
5863    background-size: 100% 100%;
5864    /* 3 */
5865    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
5866            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
5867  .euiSuperSelectControl:disabled {
5868    cursor: not-allowed;
5869    color: #98A2B3;
5870    background: #eef2f7;
5871    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
5872            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
5873    .euiSuperSelectControl:disabled::-webkit-input-placeholder {
5874      color: #98A2B3; }
5875    .euiSuperSelectControl:disabled:-ms-input-placeholder {
5876      color: #98A2B3; }
5877    .euiSuperSelectControl:disabled::-ms-input-placeholder {
5878      color: #98A2B3; }
5879    .euiSuperSelectControl:disabled::placeholder {
5880      color: #98A2B3; }
5881  .euiSuperSelectControl[readOnly] {
5882    cursor: default;
5883    background: rgba(211, 218, 230, 0.12);
5884    border-color: transparent;
5885    -webkit-box-shadow: none;
5886            box-shadow: none; }
5887  .euiSuperSelectControl-isLoading {
5888    padding-right: 56px; }
5889  .euiSuperSelectControl--compressed {
5890    line-height: 32px;
5891    /* 2 */
5892    padding-top: 0;
5893    /* 2 */
5894    padding-bottom: 0;
5895    /* 2 */ }
5896  .euiSuperSelectControl.euiSuperSelect--isOpen__button {
5897    background-color: white;
5898    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
5899    background-size: 100% 100%;
5900    /* 3 */
5901    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
5902            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
5903
5904.euiSwitch {
5905  position: relative;
5906  display: inline-block;
5907  min-height: 20px;
5908  /**
5909   * 1. The input is "hidden" but still focusable.
5910   * 2. Make sure it's still hidden when [disabled].
5911   */
5912  /**
5913   * The thumb is slightly scaled when in use, unless it's disabled.
5914   */
5915  /**
5916   * When input is not checked, we shift around the positioning of sibling/child selectors.
5917   */ }
5918  .euiSwitch .euiSwitch__label {
5919    padding-left: 8px;
5920    line-height: 20px;
5921    font-size: 14px;
5922    vertical-align: middle; }
5923  .euiSwitch .euiSwitch__input,
5924  .euiSwitch .euiSwitch__input[disabled] {
5925    position: absolute;
5926    opacity: 0;
5927    /* 1 */
5928    width: 100%;
5929    height: 100%;
5930    cursor: pointer; }
5931  .euiSwitch .euiSwitch__input:focus + .euiSwitch__body .euiSwitch__thumb {
5932    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5933            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate;
5934    border-color: #006BB4; }
5935  .euiSwitch .euiSwitch__body {
5936    pointer-events: none;
5937    width: 44px;
5938    height: 20px;
5939    background-color: #006BB4;
5940    display: inline-block;
5941    position: relative;
5942    border-radius: 20px;
5943    vertical-align: middle; }
5944  .euiSwitch .euiSwitch__thumb {
5945    -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
5946            box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
5947    padding: 9px;
5948    border: 1px solid #c9cbcd;
5949    background: #FFF no-repeat center;
5950    border-radius: 18px;
5951    -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
5952    transition: background-color 150ms ease-in, border-color 150ms ease-in;
5953    position: absolute;
5954    display: inline-block;
5955    left: 24px;
5956    -webkit-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);
5957    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);
5958    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);
5959    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); }
5960  .euiSwitch .euiSwitch__track {
5961    position: absolute;
5962    left: 0;
5963    top: 0;
5964    right: 0;
5965    bottom: 0;
5966    overflow: hidden;
5967    border-radius: 20px; }
5968  .euiSwitch .euiSwitch__icon {
5969    position: absolute;
5970    right: -34px;
5971    top: 2px;
5972    bottom: 0;
5973    width: 42px;
5974    height: 16px;
5975    -webkit-transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
5976    transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
5977    fill: #343741; }
5978  .euiSwitch .euiSwitch__icon--checked {
5979    right: auto;
5980    left: -8px;
5981    fill: #FFF; }
5982  .euiSwitch:hover .euiSwitch__input:not(:disabled) ~ .euiSwitch__body .euiSwitch__thumb {
5983    -webkit-transform: scale(1.05);
5984            transform: scale(1.05); }
5985  .euiSwitch:active .euiSwitch__thumb {
5986    -webkit-transform: scale(0.95);
5987            transform: scale(0.95); }
5988  .euiSwitch .euiSwitch__input:disabled:hover {
5989    cursor: not-allowed; }
5990  .euiSwitch .euiSwitch__input:disabled ~ .euiSwitch__body,
5991  .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body {
5992    background-color: rgba(152, 162, 179, 0.2); }
5993    .euiSwitch .euiSwitch__input:disabled ~ .euiSwitch__body .euiSwitch__thumb,
5994    .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body .euiSwitch__thumb {
5995      border-color: #D3DAE6;
5996      background-color: #D3DAE6;
5997      -webkit-box-shadow: none;
5998              box-shadow: none;
5999      background-color: rgba(152, 162, 179, 0.2); }
6000    .euiSwitch .euiSwitch__input:disabled ~ .euiSwitch__body .euiSwitch__icon,
6001    .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body .euiSwitch__icon {
6002      fill: #5e646f; }
6003    .euiSwitch .euiSwitch__input:disabled ~ .euiSwitch__body + label,
6004    .euiSwitch .euiSwitch__input:checked:disabled ~ .euiSwitch__body + label {
6005      color: #98A2B3; }
6006  .euiSwitch .euiSwitch__input:not(:checked):not(:disabled) ~ .euiSwitch__body {
6007    background-color: rgba(152, 162, 179, 0.2); }
6008  .euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__thumb {
6009    left: 0; }
6010  .euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__icon {
6011    right: -8px; }
6012    .euiSwitch .euiSwitch__input:not(:checked) ~ .euiSwitch__body .euiSwitch__icon.euiSwitch__icon--checked {
6013      right: auto;
6014      left: -34px; }
6015
6016.euiTextArea {
6017  max-width: 400px;
6018  width: 100%;
6019  height: 40px;
6020  background-color: #fbfcfd;
6021  background-repeat: no-repeat;
6022  background-size: 0% 100%;
6023  /* 3 */
6024  -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
6025          box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 3px 2px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1);
6026  -webkit-transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
6027  transition: background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
6028  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in;
6029  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, background-image 150ms ease-in, background-size 150ms ease-in, -webkit-box-shadow 150ms ease-in;
6030  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6031  font-weight: 400;
6032  letter-spacing: -.005em;
6033  -webkit-text-size-adjust: 100%;
6034  -ms-text-size-adjust: 100%;
6035  -webkit-font-kerning: normal;
6036          font-kerning: normal;
6037  font-size: 14px;
6038  line-height: 1em;
6039  color: #343741;
6040  border: none;
6041  border-radius: 0;
6042  padding: 12px;
6043  line-height: 1.5; }
6044  .euiTextArea--fullWidth {
6045    max-width: 100%; }
6046  .euiTextArea--compressed {
6047    height: 32px; }
6048  .euiTextArea--inGroup {
6049    height: 38px;
6050    /* 2 */ }
6051  .euiTextArea--inGroup.euiTextArea--compressed {
6052    height: 30px;
6053    /* 2 */ }
6054  .euiTextArea::-webkit-input-placeholder {
6055    color: #69707D; }
6056  .euiTextArea:-ms-input-placeholder {
6057    color: #69707D; }
6058  .euiTextArea::-ms-input-placeholder {
6059    color: #69707D; }
6060  .euiTextArea::placeholder {
6061    color: #69707D; }
6062  .euiTextArea--compressed {
6063    padding-top: 8px;
6064    padding-bottom: 8px; }
6065  .euiTextArea--inGroup {
6066    -webkit-box-shadow: none !important;
6067            box-shadow: none !important; }
6068  .euiTextArea:invalid {
6069    /* 4 */
6070    background-image: linear-gradient(to top, #BD271E, #BD271E 2px, transparent 2px, transparent 100%);
6071    background-size: 100%; }
6072  .euiTextArea:focus {
6073    /* 4 */
6074    background-color: white;
6075    background-image: linear-gradient(to top, #006BB4, #006BB4 2px, transparent 2px, transparent 100%);
6076    background-size: 100% 100%;
6077    /* 3 */
6078    -webkit-box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16);
6079            box-shadow: 0 1px 1px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -2px rgba(152, 162, 179, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.16); }
6080  .euiTextArea:disabled {
6081    cursor: not-allowed;
6082    color: #98A2B3;
6083    background: #eef2f7;
6084    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
6085            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08); }
6086    .euiTextArea:disabled::-webkit-input-placeholder {
6087      color: #98A2B3; }
6088    .euiTextArea:disabled:-ms-input-placeholder {
6089      color: #98A2B3; }
6090    .euiTextArea:disabled::-ms-input-placeholder {
6091      color: #98A2B3; }
6092    .euiTextArea:disabled::placeholder {
6093      color: #98A2B3; }
6094  .euiTextArea[readOnly] {
6095    cursor: default;
6096    background: rgba(211, 218, 230, 0.12);
6097    border-color: transparent;
6098    -webkit-box-shadow: none;
6099            box-shadow: none; }
6100  .euiTextArea, .euiTextArea--compressed {
6101    height: auto; }
6102
6103.euiTextArea--resizeVertical {
6104  resize: vertical; }
6105
6106.euiTextArea--resizeHorizontal {
6107  resize: horizontal; }
6108
6109.euiTextArea--resizeBoth {
6110  resize: both; }
6111
6112.euiTextArea--resizeNone {
6113  resize: none; }
6114
6115.euiHeader {
6116  -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
6117          box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
6118  position: relative;
6119  z-index: 1000;
6120  display: -webkit-box;
6121  display: -ms-flexbox;
6122  display: flex;
6123  background: #FFF;
6124  border-bottom: 1px solid #D3DAE6; }
6125
6126.euiHeaderProfile {
6127  padding: 16px; }
6128
6129.euiHeaderLinks {
6130  display: -webkit-box;
6131  display: -ms-flexbox;
6132  display: flex;
6133  -webkit-box-pack: justify;
6134      -ms-flex-pack: justify;
6135          justify-content: space-between;
6136  position: relative;
6137  -webkit-box-flex: 1;
6138      -ms-flex-positive: 1;
6139          flex-grow: 1; }
6140
6141.euiHeaderLinks__list {
6142  white-space: nowrap;
6143  overflow: hidden; }
6144
6145.euiHeaderLinks__mobile {
6146  display: none !important;
6147  position: absolute !important;
6148  right: 0; }
6149
6150@media only screen and (max-width: 574px) {
6151  .euiHeaderLinks__mobile {
6152    display: block !important; }
6153  .euiHeaderLinks__list {
6154    display: none; } }
6155
6156@media only screen and (min-width: 575px) and (max-width: 767px) {
6157  .euiHeaderLinks__mobile {
6158    display: block !important; }
6159  .euiHeaderLinks__list {
6160    display: none; } }
6161
6162.euiHeaderLink {
6163  text-align: left;
6164  display: inline-block;
6165  height: 48px;
6166  line-height: 48px;
6167  padding: 0 8px;
6168  text-align: left; }
6169  .euiHeaderLink:hover {
6170    text-decoration: underline; }
6171  .euiHeaderLink:focus {
6172    text-decoration: underline;
6173    background: #e6f0f8; }
6174
6175.euiHeaderLinks__mobileList .euiHeaderLink {
6176  display: block;
6177  height: auto;
6178  line-height: 1.5;
6179  padding: 8px; }
6180  .euiHeaderLinks__mobileList .euiHeaderLink > span {
6181    -webkit-box-pack: start;
6182        -ms-flex-pack: start;
6183            justify-content: flex-start; }
6184
6185.euiHeaderLogo {
6186  text-align: left;
6187  position: relative;
6188  height: 48px;
6189  line-height: 48px;
6190  min-width: 49px;
6191  padding: 0 13px 0 12px;
6192  display: inline-block;
6193  vertical-align: middle;
6194  white-space: nowrap; }
6195  .euiHeaderLogo:hover {
6196    text-decoration: underline; }
6197  .euiHeaderLogo:focus {
6198    text-decoration: underline;
6199    background: #e6f0f8; }
6200  .euiHeaderLogo:focus, .euiHeaderLogo:hover {
6201    text-decoration: none; }
6202
6203.euiHeaderLogo__icon {
6204  opacity: 1;
6205  position: relative;
6206  top: -2px; }
6207
6208.euiHeaderLogo__text {
6209  color: #1a1c21;
6210  font-size: 20px;
6211  font-size: 1.25rem;
6212  line-height: 1.5;
6213  line-height: 2rem;
6214  font-weight: 500;
6215  letter-spacing: -.025em;
6216  padding-left: 16px;
6217  font-weight: 300; }
6218
6219@media only screen and (max-width: 574px) {
6220  .euiHeaderLogo {
6221    padding: 0 12px; }
6222  .euiHeaderLogo__icon.euiIcon--xLarge {
6223    width: 24px;
6224    height: 24px; }
6225  .euiHeaderLogo__text {
6226    color: #1a1c21;
6227    font-size: 16px;
6228    font-size: 1rem;
6229    line-height: 1.5;
6230    line-height: 1.5rem;
6231    font-weight: 600;
6232    letter-spacing: -.02em;
6233    font-weight: 400; } }
6234
6235.euiHeaderAlert {
6236  min-width: 300px;
6237  position: relative;
6238  padding: 16px;
6239  border-top: 1px solid #D3DAE6; }
6240  .euiHeaderAlert .euiHeaderAlert__dismiss {
6241    opacity: 0;
6242    position: absolute;
6243    right: 12px;
6244    top: 12px;
6245    -webkit-transition: opacity 250ms ease-in;
6246    transition: opacity 250ms ease-in; }
6247  .euiHeaderAlert:hover .euiHeaderAlert__dismiss,
6248  .euiHeaderAlert .euiHeaderAlert__dismiss:focus {
6249    opacity: 1; }
6250  .euiHeaderAlert .euiHeaderAlert__title {
6251    color: #1a1c21;
6252    font-size: 16px;
6253    font-size: 1rem;
6254    line-height: 1.5;
6255    line-height: 1.5rem;
6256    font-weight: 600;
6257    letter-spacing: -.02em;
6258    padding-right: 24px; }
6259  .euiHeaderAlert .euiHeaderAlert__text {
6260    font-size: 12px;
6261    font-size: 0.75rem;
6262    line-height: 1.5;
6263    margin-bottom: 8px; }
6264  .euiHeaderAlert .euiHeaderAlert__action {
6265    font-size: 12px;
6266    font-size: 0.75rem;
6267    line-height: 1.5; }
6268  .euiHeaderAlert .euiHeaderAlert__date {
6269    font-size: 12px;
6270    font-size: 0.75rem;
6271    line-height: 1.5;
6272    color: #69707D; }
6273
6274.euiHeaderBreadcrumbs {
6275  margin-left: 16px;
6276  margin-right: 16px;
6277  display: -webkit-box;
6278  display: -ms-flexbox;
6279  display: flex;
6280  -webkit-box-align: center;
6281      -ms-flex-align: center;
6282          align-items: center;
6283  -webkit-box-flex: 1;
6284      -ms-flex-positive: 1;
6285          flex-grow: 1; }
6286
6287@media only screen and (max-width: 574px) {
6288  .euiHeaderBreadcrumbs {
6289    margin-left: 8px;
6290    margin-right: 8px; } }
6291
6292.euiHeaderSection {
6293  display: -webkit-box;
6294  display: -ms-flexbox;
6295  display: flex;
6296  -webkit-box-flex: 0;
6297      -ms-flex-positive: 0;
6298          flex-grow: 0;
6299  -ms-flex-negative: 0;
6300      flex-shrink: 0; }
6301
6302.euiHeaderSection--grow,
6303.euiHeaderSection--left {
6304  -webkit-box-flex: 1;
6305      -ms-flex-positive: 1;
6306          flex-grow: 1; }
6307
6308.euiHeaderSection--dontGrow {
6309  -webkit-box-flex: 0;
6310      -ms-flex-positive: 0;
6311          flex-grow: 0; }
6312
6313.euiHeaderSectionItem {
6314  position: relative; }
6315  .euiHeaderSectionItem:hover {
6316    background: #F5F7FA; }
6317  .euiHeaderSectionItem:after {
6318    position: absolute;
6319    content: '';
6320    top: 16px;
6321    bottom: 0;
6322    background: #D3DAE6;
6323    left: 0; }
6324
6325.euiHeaderSectionItem__button {
6326  height: 48px;
6327  min-width: 48px;
6328  text-align: center;
6329  font-size: 0; }
6330  .euiHeaderSectionItem__button:focus {
6331    background: #e6f0f8; }
6332
6333.euiHeaderSectionItem--borderLeft:after {
6334  left: 0;
6335  width: 1px; }
6336
6337.euiHeaderSectionItem--borderRight:after {
6338  width: 1px;
6339  left: auto;
6340  right: 0; }
6341
6342.euiHeaderNotification {
6343  position: absolute;
6344  top: 9%;
6345  right: 9%;
6346  -webkit-box-shadow: 0 0 0 1px #FFF;
6347          box-shadow: 0 0 0 1px #FFF; }
6348
6349@media only screen and (max-width: 574px) {
6350  .euiHeaderSectionItem,
6351  .euiHeaderSectionItem__button {
6352    min-width: 36px; }
6353  .euiHeaderSectionItem--borderLeft:after,
6354  .euiHeaderSectionItem--borderRight:after {
6355    display: none; }
6356  .euiHeaderNotification {
6357    width: 8px;
6358    height: 8px;
6359    top: 20%;
6360    min-width: 0;
6361    border-radius: 8px;
6362    color: #DD0A73;
6363    overflow: hidden; } }
6364
6365.euiHealth {
6366  font-size: 14px;
6367  font-size: 0.875rem;
6368  line-height: 1.5;
6369  display: inline-block; }
6370
6371.euiHorizontalRule {
6372  border: none;
6373  height: 1.1px;
6374  background-color: #D3DAE6; }
6375  .euiHorizontalRule.euiHorizontalRule--full {
6376    width: 100%; }
6377  .euiHorizontalRule.euiHorizontalRule--half {
6378    width: 50%;
6379    margin-left: auto;
6380    margin-right: auto; }
6381  .euiHorizontalRule.euiHorizontalRule--quarter {
6382    width: 25%;
6383    margin-left: auto;
6384    margin-right: auto; }
6385
6386.euiHorizontalRule--marginXSmall {
6387  margin: 8px 0; }
6388
6389.euiHorizontalRule--marginSmall {
6390  margin: 12px 0; }
6391
6392.euiHorizontalRule--marginMedium {
6393  margin: 16px 0; }
6394
6395.euiHorizontalRule--marginLarge {
6396  margin: 24px 0; }
6397
6398.euiHorizontalRule--marginXLarge {
6399  margin: 32px 0; }
6400
6401.euiHorizontalRule--marginXXLarge {
6402  margin: 40px 0; }
6403
6404.euiIcon {
6405  display: inline-block;
6406  vertical-align: middle;
6407  fill: currentColor; }
6408  .euiIcon svg {
6409    -webkit-transform: translate(0, 0);
6410            transform: translate(0, 0); }
6411  .euiIcon:focus {
6412    opacity: 1;
6413    background: #e6f0f8; }
6414
6415.euiIcon--app {
6416  fill: #343741; }
6417  .euiIcon--app .euiIcon__fillSecondary {
6418    fill: #017D73; }
6419  .euiIcon--app.euiIcon--primary {
6420    fill: #006BB4; }
6421    .euiIcon--app.euiIcon--primary .euiIcon__fillSecondary {
6422      fill: #006BB4; }
6423
6424.euiIcon--text {
6425  fill: #343741; }
6426  .euiIcon--text .euiIcon__fillSecondary {
6427    fill: #343741; }
6428
6429.euiIcon--primary {
6430  fill: #006BB4; }
6431
6432.euiIcon--subdued {
6433  fill: #98A2B3; }
6434  .euiIcon--subdued .euiIcon__fillSecondary {
6435    fill: #98A2B3; }
6436
6437.euiIcon--secondary {
6438  fill: #017D73; }
6439
6440.euiIcon--success {
6441  fill: #017D73; }
6442
6443.euiIcon--accent {
6444  fill: #DD0A73; }
6445
6446.euiIcon--warning {
6447  fill: #F5A700; }
6448
6449.euiIcon--danger {
6450  fill: #BD271E; }
6451
6452.euiIcon--ghost {
6453  fill: #FFF; }
6454
6455.euiIcon--small {
6456  width: 12px;
6457  height: 12px; }
6458
6459.euiIcon--medium {
6460  width: 16px;
6461  height: 16px; }
6462
6463.euiIcon--large {
6464  width: 24px;
6465  height: 24px; }
6466
6467.euiIcon--xLarge {
6468  width: 32px;
6469  height: 32px; }
6470
6471.euiIcon--xxLarge {
6472  width: 40px;
6473  height: 40px; }
6474
6475/**
6476 * 1. Fix for IE where the image correctly resizes in width but doesn't collapse it's height
6477      (https://github.com/philipwalton/flexbugs/issues/75#issuecomment-134702421)
6478 */
6479.euiImage {
6480  display: inline-block;
6481  max-width: 100%;
6482  position: relative;
6483  min-height: 1px;
6484  /* 1 */ }
6485  .euiImage.euiImage--hasShadow .euiImage__img {
6486    -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
6487            box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2); }
6488  .euiImage.euiImage--allowFullScreen:hover .euiImage__img {
6489    cursor: pointer; }
6490  .euiImage.euiImage--allowFullScreen:hover .euiImage__icon {
6491    visibility: visible;
6492    opacity: 1; }
6493  .euiImage.euiImage--small {
6494    width: 7.5rem; }
6495  .euiImage.euiImage--medium {
6496    width: 12.5rem; }
6497  .euiImage.euiImage--large {
6498    width: 22.5rem; }
6499  .euiImage.euiImage--xlarge {
6500    width: 37.5rem; }
6501  .euiImage.euiImage--fullWidth {
6502    width: 100%; }
6503
6504.euiImage__img {
6505  width: 100%; }
6506
6507.euiImage__caption {
6508  font-size: 14px;
6509  font-size: 0.875rem;
6510  line-height: 1.5;
6511  text-align: center; }
6512
6513.euiImage__icon {
6514  visibility: hidden;
6515  opacity: 0;
6516  position: absolute;
6517  right: 16px;
6518  top: 16px;
6519  -webkit-transition: opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
6520  transition: opacity 350ms cubic-bezier(0.694, 0.0482, 0.335, 1);
6521  cursor: pointer; }
6522
6523.euiImageFullScreen {
6524  max-height: 80vh;
6525  max-width: 80vw;
6526  -webkit-animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1);
6527          animation: euiImageFullScreen 500ms cubic-bezier(0.34, 1.61, 0.7, 1); }
6528  .euiImageFullScreen .euiImageFullScreen__img {
6529    max-height: 80vh;
6530    max-width: 80vw;
6531    cursor: pointer; }
6532  .euiImageFullScreen:hover .euiImageFullScreen__img {
6533    cursor: pointer; }
6534
6535@-webkit-keyframes euiImageFullScreen {
6536  0% {
6537    opacity: 0;
6538    -webkit-transform: translateY(64px);
6539            transform: translateY(64px); }
6540  100% {
6541    opacity: 1;
6542    -webkit-transform: translateY(0);
6543            transform: translateY(0); } }
6544
6545@keyframes euiImageFullScreen {
6546  0% {
6547    opacity: 0;
6548    -webkit-transform: translateY(64px);
6549            transform: translateY(64px); }
6550  100% {
6551    opacity: 1;
6552    -webkit-transform: translateY(0);
6553            transform: translateY(0); } }
6554
6555/**
6556 * Dial menu is a phone like dial comprised of an svg icon and a title.
6557 */
6558/**
6559 * 1. Default to grid of 3
6560 */
6561.euiKeyPadMenu {
6562  display: -webkit-box;
6563  display: -ms-flexbox;
6564  display: flex;
6565  -webkit-box-orient: horizontal;
6566  -webkit-box-direction: normal;
6567      -ms-flex-direction: row;
6568          flex-direction: row;
6569  -ms-flex-wrap: wrap;
6570      flex-wrap: wrap;
6571  width: 288px; }
6572
6573/**
6574 * 1. If this class is applied to a button, we need to override the Chrome default font.
6575 * 2. If it has a BetaBadge, make sure only the first letter shows
6576 */
6577.euiKeyPadMenuItem {
6578  font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
6579  font-weight: 400;
6580  letter-spacing: -.005em;
6581  -webkit-text-size-adjust: 100%;
6582  -ms-text-size-adjust: 100%;
6583  -webkit-font-kerning: normal;
6584          font-kerning: normal;
6585  /* 1 */
6586  display: block;
6587  padding: 4px;
6588  height: 96px;
6589  width: 96px;
6590  color: #69707D;
6591  border: 1px solid #D3DAE6;
6592  border-color: transparent;
6593  border-radius: 4px;
6594  -webkit-transition: border-color 150ms ease-in, -webkit-box-shadow 150ms ease-in;
6595  transition: border-color 150ms ease-in, -webkit-box-shadow 150ms ease-in;
6596  transition: border-color 150ms ease-in, box-shadow 150ms ease-in;
6597  transition: border-color 150ms ease-in, box-shadow 150ms ease-in, -webkit-box-shadow 150ms ease-in; }
6598  .euiKeyPadMenuItem:hover, .euiKeyPadMenuItem:focus {
6599    -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
6600            box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3);
6601    border-color: #D3DAE6; }
6602    .euiKeyPadMenuItem:hover .euiKeyPadMenuItem__icon, .euiKeyPadMenuItem:focus .euiKeyPadMenuItem__icon {
6603      -webkit-transform: translateY(0);
6604              transform: translateY(0); }
6605
6606.euiKeyPadMenuItem__inner {
6607  width: 100%;
6608  height: 100%;
6609  display: -webkit-box;
6610  display: -ms-flexbox;
6611  display: flex;
6612  -webkit-box-orient: vertical;
6613  -webkit-box-direction: normal;
6614      -ms-flex-direction: column;
6615          flex-direction: column;
6616  -webkit-box-align: center;
6617      -ms-flex-align: center;
6618          align-items: center;
6619  -webkit-box-pack: center;
6620      -ms-flex-pack: center;
6621          justify-content: center; }
6622  .euiKeyPadMenuItem--hasBetaBadge .euiKeyPadMenuItem__inner {
6623    position: relative; }
6624    .euiKeyPadMenuItem--hasBetaBadge .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadgeWrapper {
6625      position: absolute;
6626      top: 8px;
6627      right: 8px;
6628      z-index: 3; }
6629      .euiKeyPadMenuItem--hasBetaBadge .euiKeyPadMenuItem__inner .euiKeyPadMenuItem__betaBadgeWrapper .euiKeyPadMenuItem__betaBadge:not(.euiBetaBadge--iconOnly) {
6630        width: 24px;
6631        padding: 0 8px;
6632        /* 2 */
6633        overflow: hidden;
6634        /* 2 */
6635        letter-spacing: 3rem;
6636        /* 2 */ }
6637
6638.euiKeyPadMenuItem__icon {
6639  -webkit-transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
6640  transition: -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
6641  transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
6642  transition: transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
6643  -webkit-transform: translateY(2px);
6644          transform: translateY(2px);
6645  margin-bottom: 12px; }
6646
6647.euiKeyPadMenuItem__label {
6648  font-size: 12px;
6649  font-weight: 500;
6650  line-height: 16px;
6651  text-align: center; }
6652
6653.euiLink {
6654  text-align: left; }
6655  .euiLink:hover {
6656    text-decoration: underline; }
6657  .euiLink:focus {
6658    text-decoration: underline;
6659    background: #e6f0f8; }
6660
6661.euiLink.euiLink--subdued {
6662  color: #69707D; }
6663  .euiLink.euiLink--subdued:hover {
6664    color: #525761; }
6665  .euiLink.euiLink--subdued:focus {
6666    outline: solid 3px rgba(105, 112, 125, 0.1);
6667    background-color: rgba(105, 112, 125, 0.1); }
6668
6669.euiLink.euiLink--primary {
6670  color: #006BB4; }
6671  .euiLink.euiLink--primary:hover {
6672    color: #004d81; }
6673  .euiLink.euiLink--primary:focus {
6674    outline: solid 3px rgba(0, 107, 180, 0.1);
6675    background-color: rgba(0, 107, 180, 0.1); }
6676
6677.euiLink.euiLink--secondary {
6678  color: #017D73; }
6679  .euiLink.euiLink--secondary:hover {
6680    color: #014a44; }
6681  .euiLink.euiLink--secondary:focus {
6682    outline: solid 3px rgba(1, 125, 115, 0.1);
6683    background-color: rgba(1, 125, 115, 0.1); }
6684
6685.euiLink.euiLink--accent {
6686  color: #DD0A73; }
6687  .euiLink.euiLink--accent:hover {
6688    color: #ac085a; }
6689  .euiLink.euiLink--accent:focus {
6690    outline: solid 3px rgba(221, 10, 115, 0.1);
6691    background-color: rgba(221, 10, 115, 0.1); }
6692
6693.euiLink.euiLink--warning {
6694  color: #F5A700; }
6695  .euiLink.euiLink--warning:hover {
6696    color: #c28400; }
6697  .euiLink.euiLink--warning:focus {
6698    outline: solid 3px rgba(245, 167, 0, 0.1);
6699    background-color: rgba(245, 167, 0, 0.1); }
6700
6701.euiLink.euiLink--danger {
6702  color: #BD271E; }
6703  .euiLink.euiLink--danger:hover {
6704    color: #911e17; }
6705  .euiLink.euiLink--danger:focus {
6706    outline: solid 3px rgba(189, 39, 30, 0.1);
6707    background-color: rgba(189, 39, 30, 0.1); }
6708
6709.euiLink.euiLink--ghost {
6710  color: #FFF; }
6711  .euiLink.euiLink--ghost:hover {
6712    color: #e6e6e6; }
6713  .euiLink.euiLink--ghost:focus {
6714    outline: solid 3px rgba(255, 255, 255, 0.1);
6715    background-color: rgba(255, 255, 255, 0.1); }
6716
6717/**
6718 * The List Group component provides neatly styled lists containing plain text
6719 * or links. The outer container can be bordered, with padding, or borderless
6720 * with links flush to the sides.
6721 *(
6722 * List items can be displayed with active and disabled states.
6723 */
6724.euiListGroup {
6725  padding: 8px; }
6726  .euiListGroup.euiListGroup-flush {
6727    padding: 0;
6728    border: none; }
6729  .euiListGroup.euiListGroup-bordered {
6730    border-radius: 4px;
6731    border: 1px solid #D3DAE6; }
6732
6733.euiListGroup-maxWidthDefault {
6734  max-width: 400px; }
6735
6736.euiListGroupItem {
6737  padding: 0;
6738  margin-top: 4px;
6739  border-radius: 4px;
6740  overflow: hidden;
6741  display: -webkit-box;
6742  display: -ms-flexbox;
6743  display: flex;
6744  -webkit-box-align: center;
6745      -ms-flex-align: center;
6746          align-items: center;
6747  -webkit-transition: background-color 150ms;
6748  transition: background-color 150ms;
6749  position: relative; }
6750  .euiListGroupItem:first-child {
6751    margin-top: 0; }
6752  .euiListGroupItem.euiListGroupItem-isActive, .euiListGroupItem.euiListGroupItem-isClickable:hover, .euiListGroupItem.euiListGroupItem-isClickable:focus {
6753    background-color: #f5f7fa; }
6754  .euiListGroupItem.euiListGroupItem-isClickable:hover, .euiListGroupItem.euiListGroupItem-isClickable:focus {
6755    text-decoration: underline; }
6756  .euiListGroupItem.euiListGroupItem-isDisabled, .euiListGroupItem.euiListGroupItem-isDisabled:hover, .euiListGroupItem.euiListGroupItem-isDisabled:focus,
6757  .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:hover,
6758  .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:focus {
6759    color: #c2c3c6;
6760    text-decoration: none;
6761    cursor: not-allowed;
6762    background-color: transparent; }
6763
6764.euiListGroupItem__text,
6765.euiListGroupItem__button {
6766  padding: 12px 8px;
6767  display: -webkit-box;
6768  display: -ms-flexbox;
6769  display: flex;
6770  -webkit-box-align: center;
6771      -ms-flex-align: center;
6772          align-items: center;
6773  -webkit-box-flex: 1;
6774      -ms-flex: 1 0 auto;
6775          flex: 1 0 auto;
6776  text-align: left;
6777  max-width: 100%; }
6778  .euiListGroupItem-hasExtraAction .euiListGroupItem__text, .euiListGroupItem-hasExtraAction
6779  .euiListGroupItem__button {
6780    max-width: calc(100% - 32px); }
6781
6782.euiListGroupItem__label {
6783  white-space: nowrap;
6784  overflow: hidden;
6785  text-overflow: ellipsis; }
6786
6787.euiListGroupItem__button:focus {
6788  text-decoration: underline; }
6789
6790.euiListGroupItem__extraAction {
6791  opacity: 0;
6792  margin-right: 8px;
6793  -webkit-transition: opacity 150ms;
6794  transition: opacity 150ms; }
6795  .euiListGroupItem:not(.euiListGroupItem-isDisabled):focus .euiListGroupItem__extraAction,
6796  .euiListGroupItem:not(.euiListGroupItem-isDisabled):hover .euiListGroupItem__extraAction, .euiListGroupItem__extraAction.euiListGroupItem__extraAction-alwaysShow, .euiListGroupItem__extraAction:focus {
6797    opacity: 1; }
6798
6799.euiListGroupItem__icon {
6800  -webkit-box-flex: 0;
6801      -ms-flex-positive: 0;
6802          flex-grow: 0;
6803  margin-right: 12px;
6804  -ms-flex-negative: 0;
6805      flex-shrink: 0; }
6806
6807.euiListGroupItem--xSmall {
6808  font-size: 12px; }
6809
6810.euiListGroupItem--small {
6811  font-size: 14px; }
6812
6813.euiListGroupItem--large {
6814  font-size: 20px; }
6815
6816.euiListGroup-wrapText .euiListGroupItem__button,
6817.euiListGroup-wrapText .euiListGroupItem__text {
6818  width: 100%;
6819  word-break: break-word; }
6820
6821.euiListGroup-wrapText .euiListGroupItem__label {
6822  white-space: initial; }
6823
6824.euiListGroup-flush .euiListGroupItem {
6825  border-radius: 0; }
6826
6827.euiListGroup-bordered .euiListGroupItem:first-child {
6828  border-top-left-radius: 4px;
6829  border-top-right-radius: 4px; }
6830
6831.euiListGroup-bordered .euiListGroupItem:last-child {
6832  border-bottom-left-radius: 4px;
6833  border-bottom-right-radius: 4px; }
6834
6835.euiLoadingKibana {
6836  position: relative;
6837  display: inline-block; }
6838  .euiLoadingKibana:before, .euiLoadingKibana:after {
6839    position: absolute;
6840    content: '';
6841    width: 90%;
6842    left: 50%;
6843    -webkit-transform: translateX(-50%);
6844            transform: translateX(-50%);
6845    border-radius: 50%;
6846    opacity: .2;
6847    -webkit-transform-origin: -50% -50%;
6848            transform-origin: -50% -50%;
6849    z-index: 1; }
6850  .euiLoadingKibana:before {
6851    -webkit-box-shadow: 0 0 8px #000;
6852            box-shadow: 0 0 8px #000;
6853    -webkit-animation: 1s euiLoadingKibanaPulsateAndFade cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
6854            animation: 1s euiLoadingKibanaPulsateAndFade cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
6855  .euiLoadingKibana:after {
6856    background-color: #000;
6857    -webkit-animation: 1s euiLoadingKibanaPulsate cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
6858            animation: 1s euiLoadingKibanaPulsate cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
6859
6860/**
6861 * 1. Requires pixel math for animation.
6862 */
6863.euiLoadingKibana--medium:before, .euiLoadingKibana--medium:after {
6864  height: 3px;
6865  /* 1 */
6866  bottom: -4px; }
6867
6868.euiLoadingKibana--medium .euiLoadingKibana__icon {
6869  z-index: 999;
6870  -webkit-animation: 1s euiLoadingKibanaBounceMedium cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
6871          animation: 1s euiLoadingKibanaBounceMedium cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
6872
6873/**
6874 * 1. Requires pixel math for animation.
6875 */
6876.euiLoadingKibana--large:before, .euiLoadingKibana--large:after {
6877  height: 6px;
6878  /* 1 */
6879  bottom: -8px; }
6880
6881.euiLoadingKibana--large .euiLoadingKibana__icon {
6882  -webkit-animation: 1s euiLoadingKibanaBounceLarge cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
6883          animation: 1s euiLoadingKibanaBounceLarge cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
6884
6885.euiLoadingKibana--xLarge:before, .euiLoadingKibana--xLarge:after {
6886  height: 8px;
6887  bottom: -12px; }
6888
6889.euiLoadingKibana--xLarge .euiLoadingKibana__icon {
6890  -webkit-animation: 1s euiLoadingKibanaBounceXLarge cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
6891          animation: 1s euiLoadingKibanaBounceXLarge cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
6892
6893@-webkit-keyframes euiLoadingKibanaBounceMedium {
6894  50% {
6895    -webkit-transform: translateY(-8px);
6896            transform: translateY(-8px); } }
6897
6898@keyframes euiLoadingKibanaBounceMedium {
6899  50% {
6900    -webkit-transform: translateY(-8px);
6901            transform: translateY(-8px); } }
6902
6903@-webkit-keyframes euiLoadingKibanaBounceLarge {
6904  50% {
6905    -webkit-transform: translateY(-12px);
6906            transform: translateY(-12px); } }
6907
6908@keyframes euiLoadingKibanaBounceLarge {
6909  50% {
6910    -webkit-transform: translateY(-12px);
6911            transform: translateY(-12px); } }
6912
6913@-webkit-keyframes euiLoadingKibanaBounceXLarge {
6914  50% {
6915    -webkit-transform: translateY(-16px);
6916            transform: translateY(-16px); } }
6917
6918@keyframes euiLoadingKibanaBounceXLarge {
6919  50% {
6920    -webkit-transform: translateY(-16px);
6921            transform: translateY(-16px); } }
6922
6923@-webkit-keyframes euiLoadingKibanaPulsateAndFade {
6924  0% {
6925    opacity: 0; }
6926  50% {
6927    -webkit-transform: scale(0.5);
6928            transform: scale(0.5);
6929    opacity: .1; }
6930  100% {
6931    opacity: 0; } }
6932
6933@keyframes euiLoadingKibanaPulsateAndFade {
6934  0% {
6935    opacity: 0; }
6936  50% {
6937    -webkit-transform: scale(0.5);
6938            transform: scale(0.5);
6939    opacity: .1; }
6940  100% {
6941    opacity: 0; } }
6942
6943@-webkit-keyframes euiLoadingKibanaPulsate {
6944  0% {
6945    opacity: .15; }
6946  50% {
6947    -webkit-transform: scale(0.5);
6948            transform: scale(0.5);
6949    opacity: .05; }
6950  100% {
6951    opacity: .15; } }
6952
6953@keyframes euiLoadingKibanaPulsate {
6954  0% {
6955    opacity: .15; }
6956  50% {
6957    -webkit-transform: scale(0.5);
6958            transform: scale(0.5);
6959    opacity: .05; }
6960  100% {
6961    opacity: .15; } }
6962
6963.euiLoadingChart {
6964  height: 32px;
6965  z-index: 500;
6966  overflow: hidden;
6967  display: inline-block; }
6968
6969.euiLoadingChart__bar {
6970  height: 100%;
6971  width: 8px;
6972  display: inline-block;
6973  float: left;
6974  margin-bottom: -16px;
6975  margin-left: 2px;
6976  -webkit-animation: euiLoadingChart 1s infinite;
6977          animation: euiLoadingChart 1s infinite; }
6978  .euiLoadingChart__bar:nth-child(1) {
6979    background-color: #006BB4; }
6980  .euiLoadingChart__bar:nth-child(2) {
6981    background-color: #017D73;
6982    -webkit-animation-delay: .1s;
6983            animation-delay: .1s; }
6984  .euiLoadingChart__bar:nth-child(3) {
6985    background-color: #DD0A73;
6986    -webkit-animation-delay: .2s;
6987            animation-delay: .2s; }
6988  .euiLoadingChart__bar:nth-child(4) {
6989    background-color: #343741;
6990    -webkit-animation-delay: .3s;
6991            animation-delay: .3s; }
6992
6993.euiLoadingChart--mono .euiLoadingChart__bar:nth-child(1) {
6994  background-color: #D3DAE6; }
6995
6996.euiLoadingChart--mono .euiLoadingChart__bar:nth-child(2) {
6997  background-color: #c6cfdf; }
6998
6999.euiLoadingChart--mono .euiLoadingChart__bar:nth-child(3) {
7000  background-color: #b9c4d7; }
7001
7002.euiLoadingChart--mono .euiLoadingChart__bar:nth-child(4) {
7003  background-color: #acb9d0; }
7004
7005.euiLoadingChart--medium {
7006  height: 16px; }
7007  .euiLoadingChart--medium > div {
7008    width: 2px;
7009    margin-left: 2px;
7010    margin-bottom: 8px; }
7011
7012.euiLoadingChart--large {
7013  height: 24px; }
7014  .euiLoadingChart--large > div {
7015    width: 4px;
7016    margin-left: 2px;
7017    margin-bottom: 12px; }
7018
7019.euiLoadingChart--xLarge {
7020  height: 32px; }
7021  .euiLoadingChart--xLarge > div {
7022    width: 8px;
7023    margin-left: 4px;
7024    margin-bottom: 16px; }
7025
7026@-webkit-keyframes euiLoadingChart {
7027  0% {
7028    -webkit-transform: translateY(0);
7029            transform: translateY(0); }
7030  50% {
7031    -webkit-transform: translateY(66%);
7032            transform: translateY(66%); }
7033  100% {
7034    -webkit-transform: translateY(0);
7035            transform: translateY(0); } }
7036
7037@keyframes euiLoadingChart {
7038  0% {
7039    -webkit-transform: translateY(0);
7040            transform: translateY(0); }
7041  50% {
7042    -webkit-transform: translateY(66%);
7043            transform: translateY(66%); }
7044  100% {
7045    -webkit-transform: translateY(0);
7046            transform: translateY(0); } }
7047
7048.euiLoadingSpinner {
7049  display: inline-block;
7050  width: 32px;
7051  height: 32px;
7052  border-radius: 50%;
7053  border: solid 2px #D3DAE6;
7054  border-color: #006BB4 #D3DAE6 #D3DAE6 #D3DAE6;
7055  -webkit-animation: euiLoadingSpinner .6s infinite linear;
7056          animation: euiLoadingSpinner .6s infinite linear; }
7057
7058.euiLoadingSpinner--small {
7059  width: 8px;
7060  height: 8px;
7061  border-width: 1px; }
7062
7063.euiLoadingSpinner--medium {
7064  width: 16px;
7065  height: 16px;
7066  border-width: 1px; }
7067
7068.euiLoadingSpinner--large {
7069  width: 24px;
7070  height: 24px; }
7071
7072.euiLoadingSpinner--xLarge {
7073  width: 32px;
7074  height: 32px; }
7075
7076@-webkit-keyframes euiLoadingSpinner {
7077  from {
7078    -webkit-transform: rotate(0deg);
7079            transform: rotate(0deg); }
7080  to {
7081    -webkit-transform: rotate(359deg);
7082            transform: rotate(359deg); } }
7083
7084@keyframes euiLoadingSpinner {
7085  from {
7086    -webkit-transform: rotate(0deg);
7087            transform: rotate(0deg); }
7088  to {
7089    -webkit-transform: rotate(359deg);
7090            transform: rotate(359deg); } }
7091
7092/**
7093 * 1. Fix IE overflow issue (min-height) by adding a separate wrapper for the
7094 *    flex display. https://github.com/philipwalton/flexbugs#flexbug-3
7095 * 2. IE has trouble with min-widths on flex elements. Use the pixel value
7096 *    from our forms since that's usually the smallest we want them.
7097 */
7098.euiModal {
7099  border: 1px solid #D3DAE6;
7100  -webkit-box-shadow: 0 40px 64px 0 rgba(65, 78, 101, 0.1), 0 24px 32px 0 rgba(65, 78, 101, 0.1), 0 16px 16px 0 rgba(65, 78, 101, 0.1), 0 8px 8px 0 rgba(65, 78, 101, 0.1), 0 4px 4px 0 rgba(65, 78, 101, 0.1), 0 2px 2px 0 rgba(65, 78, 101, 0.1);
7101          box-shadow: 0 40px 64px 0 rgba(65, 78, 101, 0.1), 0 24px 32px 0 rgba(65, 78, 101, 0.1), 0 16px 16px 0 rgba(65, 78, 101, 0.1), 0 8px 8px 0 rgba(65, 78, 101, 0.1), 0 4px 4px 0 rgba(65, 78, 101, 0.1), 0 2px 2px 0 rgba(65, 78, 101, 0.1);
7102  border-color: #c6cad1;
7103  border-top-color: #e3e4e8;
7104  border-bottom-color: #aaafba;
7105  display: -webkit-box;
7106  display: -ms-flexbox;
7107  display: flex;
7108  /* 1 */
7109  position: relative;
7110  background-color: #FFF;
7111  border-radius: 4px;
7112  z-index: 8000;
7113  min-width: 400px;
7114  -webkit-animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1);
7115          animation: euiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1); }
7116  .euiModal .euiModal__flex {
7117    /* 1 */
7118    -webkit-box-flex: 1;
7119        -ms-flex: 1;
7120            flex: 1;
7121    display: -webkit-box;
7122    display: -ms-flexbox;
7123    display: flex;
7124    -webkit-box-orient: vertical;
7125    -webkit-box-direction: normal;
7126        -ms-flex-direction: column;
7127            flex-direction: column;
7128    max-height: 75vh; }
7129
7130.euiModal--maxWidth-default {
7131  max-width: 768px; }
7132
7133.euiModal--confirmation {
7134  min-width: 400px; }
7135
7136.euiModalHeader {
7137  -webkit-box-shadow: 0 16px 16px -8px #FFF;
7138          box-shadow: 0 16px 16px -8px #FFF;
7139  z-index: 2;
7140  display: -webkit-box;
7141  display: -ms-flexbox;
7142  display: flex;
7143  -webkit-box-pack: justify;
7144      -ms-flex-pack: justify;
7145          justify-content: space-between;
7146  -webkit-box-align: center;
7147      -ms-flex-align: center;
7148          align-items: center;
7149  padding: 24px 40px 12px 24px;
7150  -webkit-box-flex: 0;
7151      -ms-flex-positive: 0;
7152          flex-grow: 0;
7153  -ms-flex-negative: 0;
7154      flex-shrink: 0; }
7155
7156.euiModalHeader__title {
7157  color: #1a1c21;
7158  font-size: 28px;
7159  font-size: 1.75rem;
7160  line-height: 1.25;
7161  font-weight: 300;
7162  letter-spacing: -.05em;
7163  line-height: 2.5rem;
7164  letter-spacing: -.04em; }
7165
7166.euiModalBody {
7167  scrollbar-width: thin;
7168  padding: 24px;
7169  -webkit-box-flex: 1;
7170      -ms-flex-positive: 1;
7171          flex-grow: 1;
7172  overflow-y: auto; }
7173  .euiModalBody::-webkit-scrollbar {
7174    width: 16px;
7175    height: 16px; }
7176  .euiModalBody::-webkit-scrollbar-thumb {
7177    background-color: rgba(105, 112, 125, 0.5);
7178    border: 6px solid transparent;
7179    background-clip: content-box; }
7180  .euiModalBody::-webkit-scrollbar-corner, .euiModalBody::-webkit-scrollbar-track {
7181    background-color: transparent; }
7182
7183.euiModalFooter {
7184  -webkit-box-shadow: 0 -16px 16px -8px #FFF;
7185          box-shadow: 0 -16px 16px -8px #FFF;
7186  z-index: 2;
7187  display: -webkit-box;
7188  display: -ms-flexbox;
7189  display: flex;
7190  -webkit-box-pack: end;
7191      -ms-flex-pack: end;
7192          justify-content: flex-end;
7193  padding: 24px;
7194  -webkit-box-flex: 0;
7195      -ms-flex-positive: 0;
7196          flex-grow: 0;
7197  -ms-flex-negative: 0;
7198      flex-shrink: 0; }
7199  .euiModalFooter > * + * {
7200    margin-left: 16px; }
7201
7202.euiModalHeader + .euiModalBody {
7203  padding-top: 12px; }
7204
7205.euiModal__closeIcon {
7206  background-color: rgba(255, 255, 255, 0.9);
7207  position: absolute;
7208  right: 17px;
7209  top: 17px;
7210  z-index: 3; }
7211
7212@-webkit-keyframes euiModal {
7213  0% {
7214    opacity: 0;
7215    -webkit-transform: translateY(32px);
7216            transform: translateY(32px); }
7217  100% {
7218    opacity: 1;
7219    -webkit-transform: translateY(0);
7220            transform: translateY(0); } }
7221
7222@keyframes euiModal {
7223  0% {
7224    opacity: 0;
7225    -webkit-transform: translateY(32px);
7226            transform: translateY(32px); }
7227  100% {
7228    opacity: 1;
7229    -webkit-transform: translateY(0);
7230            transform: translateY(0); } }
7231
7232@media only screen and (max-width: 574px) {
7233  .euiModal {
7234    position: fixed;
7235    width: calc(100vw + 2px) !important;
7236    max-width: none !important;
7237    left: 0;
7238    right: 0;
7239    bottom: 0;
7240    top: 0;
7241    border-radius: 0;
7242    -webkit-box-shadow: none;
7243            box-shadow: none;
7244    border: none; }
7245    .euiModal .euiModal__flex {
7246      /* 1 */
7247      max-height: 100vh; }
7248  .euiModalHeader {
7249    width: 100vw; }
7250  .euiModalFooter {
7251    background: #F5F7FA;
7252    padding: 12px 24px;
7253    width: 100vw;
7254    -webkit-box-pack: stretch;
7255        -ms-flex-pack: stretch;
7256            justify-content: stretch; }
7257    .euiModalFooter > * {
7258      -webkit-box-flex: 1;
7259          -ms-flex: 1;
7260              flex: 1; }
7261      .euiModalFooter > * + * {
7262        margin-left: 0; }
7263  .euiModal__closeIcon {
7264    position: fixed;
7265    top: 28px; }
7266  .euiModalBody {
7267    width: 100vw; } }
7268
7269@media only screen and (min-width: 575px) and (max-width: 767px) {
7270  .euiModal {
7271    position: fixed;
7272    width: calc(100vw + 2px) !important;
7273    max-width: none !important;
7274    left: 0;
7275    right: 0;
7276    bottom: 0;
7277    top: 0;
7278    border-radius: 0;
7279    -webkit-box-shadow: none;
7280            box-shadow: none;
7281    border: none; }
7282    .euiModal .euiModal__flex {
7283      /* 1 */
7284      max-height: 100vh; }
7285  .euiModalHeader {
7286    width: 100vw; }
7287  .euiModalFooter {
7288    background: #F5F7FA;
7289    padding: 12px 24px;
7290    width: 100vw;
7291    -webkit-box-pack: stretch;
7292        -ms-flex-pack: stretch;
7293            justify-content: stretch; }
7294    .euiModalFooter > * {
7295      -webkit-box-flex: 1;
7296          -ms-flex: 1;
7297              flex: 1; }
7298      .euiModalFooter > * + * {
7299        margin-left: 0; }
7300  .euiModal__closeIcon {
7301    position: fixed;
7302    top: 28px; }
7303  .euiModalBody {
7304    width: 100vw; } }
7305
7306.euiNavDrawer {
7307  width: 48px;
7308  height: calc(100% - 49px);
7309  position: fixed;
7310  left: 0;
7311  top: 49px;
7312  overflow: hidden;
7313  z-index: 1000;
7314  background: #FFF;
7315  -webkit-box-shadow: 2px 0 2px -1px rgba(152, 162, 179, 0.3);
7316          box-shadow: 2px 0 2px -1px rgba(152, 162, 179, 0.3);
7317  -webkit-transition: width 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
7318  transition: width 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
7319  -webkit-transition-delay: 350ms;
7320          transition-delay: 350ms; }
7321  .euiNavDrawer.euiNavDrawer-isCollapsed .euiListGroupItem-hasExtraAction .euiListGroupItem__button {
7322    max-width: 100%; }
7323  .euiNavDrawer.euiNavDrawer-isExpanded {
7324    width: 240px;
7325    -webkit-transition-delay: 250ms;
7326            transition-delay: 250ms; }
7327    .euiNavDrawer.euiNavDrawer-isExpanded .euiNavDrawerMenu .euiListGroupItem__label {
7328      opacity: 1;
7329      -webkit-transition-delay: 340ms;
7330              transition-delay: 340ms; }
7331    .euiNavDrawer.euiNavDrawer-isExpanded.euiNavDrawer-flyoutIsExpanded {
7332      width: 480px; }
7333    .euiNavDrawer.euiNavDrawer-isExpanded.euiNavDrawer-flyoutIsAnimating {
7334      -webkit-transition-delay: 0s;
7335              transition-delay: 0s; }
7336  .euiNavDrawer .euiNavDrawerMenu .euiListGroupItem__label {
7337    white-space: nowrap;
7338    opacity: 0;
7339    -webkit-transition: opacity 250ms;
7340    transition: opacity 250ms;
7341    -webkit-transition-delay: 440ms;
7342            transition-delay: 440ms; }
7343  .euiNavDrawer.euiNavDrawer-showScrollbar .euiNavDrawerMenu,
7344  .euiNavDrawer.euiNavDrawer-showScrollbar .euiNavDrawerFlyout {
7345    height: 100%;
7346    overflow-y: auto;
7347    -ms-overflow-style: -ms-autohiding-scrollbar; }
7348  .euiNavDrawer .euiListGroupItem__label {
7349    line-height: 16px; }
7350  .euiNavDrawer .euiListGroupItem__extraAction {
7351    visibility: hidden; }
7352  .euiNavDrawer.euiNavDrawer-showScrollbar .euiListGroupItem__extraAction {
7353    visibility: visible; }
7354
7355@media only screen and (max-width: 574px) {
7356  .euiNavDrawer {
7357    width: 240px; }
7358    .euiNavDrawer.euiNavDrawer-mobileIsHidden {
7359      width: 0; }
7360    .euiNavDrawer.euiNavDrawer-isExpanded.euiNavDrawer-flyoutIsExpanded {
7361      width: 288px; }
7362      .euiNavDrawer.euiNavDrawer-isExpanded.euiNavDrawer-flyoutIsExpanded .euiNavDrawerFlyout {
7363        left: 48px; }
7364    .euiNavDrawer.euiNavDrawer-flyoutIsExpanded .euiNavDrawerMenu {
7365      width: 48px;
7366      overflow-y: hidden; }
7367      .euiNavDrawer.euiNavDrawer-flyoutIsExpanded .euiNavDrawerMenu .euiListGroupItem__extraAction {
7368        visibility: hidden; }
7369    .euiNavDrawer.euiNavDrawer-flyoutIsExpanded .euiNavDrawerMenu .euiListGroupItem__label {
7370      display: none; }
7371    .euiNavDrawer.euiNavDrawer-flyoutIsCollapsed .euiNavDrawerFlyout {
7372      width: 0;
7373      -webkit-transition-delay: 0s;
7374              transition-delay: 0s;
7375      -webkit-transition-duration: 0s;
7376              transition-duration: 0s; }
7377    .euiNavDrawer .euiNavDrawerMenu .euiListGroupItem__label {
7378      opacity: 1; }
7379    .euiNavDrawer .euiListGroupItem__extraAction {
7380      visibility: visible; } }
7381
7382@media only screen and (min-width: 575px) and (max-width: 767px) {
7383  .euiNavDrawer {
7384    width: 240px; }
7385    .euiNavDrawer.euiNavDrawer-mobileIsHidden {
7386      width: 0; }
7387    .euiNavDrawer.euiNavDrawer-isExpanded.euiNavDrawer-flyoutIsExpanded {
7388      width: 288px; }
7389      .euiNavDrawer.euiNavDrawer-isExpanded.euiNavDrawer-flyoutIsExpanded .euiNavDrawerFlyout {
7390        left: 48px; }
7391    .euiNavDrawer.euiNavDrawer-flyoutIsExpanded .euiNavDrawerMenu {
7392      width: 48px;
7393      overflow-y: hidden; }
7394      .euiNavDrawer.euiNavDrawer-flyoutIsExpanded .euiNavDrawerMenu .euiListGroupItem__extraAction {
7395        visibility: hidden; }
7396    .euiNavDrawer.euiNavDrawer-flyoutIsExpanded .euiNavDrawerMenu .euiListGroupItem__label {
7397      display: none; }
7398    .euiNavDrawer.euiNavDrawer-flyoutIsCollapsed .euiNavDrawerFlyout {
7399      width: 0;
7400      -webkit-transition-delay: 0s;
7401              transition-delay: 0s;
7402      -webkit-transition-duration: 0s;
7403              transition-duration: 0s; }
7404    .euiNavDrawer .euiNavDrawerMenu .euiListGroupItem__label {
7405      opacity: 1; }
7406    .euiNavDrawer .euiListGroupItem__extraAction {
7407      visibility: visible; } }
7408
7409.euiNavDrawerMenu {
7410  scrollbar-width: thin;
7411  max-width: 240px; }
7412  .euiNavDrawerMenu::-webkit-scrollbar {
7413    width: 16px;
7414    height: 16px; }
7415  .euiNavDrawerMenu::-webkit-scrollbar-thumb {
7416    background-color: rgba(105, 112, 125, 0.5);
7417    border: 6px solid transparent;
7418    background-clip: content-box; }
7419  .euiNavDrawerMenu::-webkit-scrollbar-corner, .euiNavDrawerMenu::-webkit-scrollbar-track {
7420    background-color: transparent; }
7421
7422.euiNavDrawerFlyout {
7423  scrollbar-width: thin;
7424  position: absolute;
7425  left: 240px;
7426  top: 0;
7427  width: 240px;
7428  height: 100%;
7429  padding: 16px;
7430  background-color: #FFF;
7431  border-left: 1px solid #D3DAE6;
7432  -webkit-box-shadow: 2px 0 2px -1px rgba(152, 162, 179, 0.3);
7433          box-shadow: 2px 0 2px -1px rgba(152, 162, 179, 0.3);
7434  opacity: 0; }
7435  .euiNavDrawerFlyout::-webkit-scrollbar {
7436    width: 16px;
7437    height: 16px; }
7438  .euiNavDrawerFlyout::-webkit-scrollbar-thumb {
7439    background-color: rgba(105, 112, 125, 0.5);
7440    border: 6px solid transparent;
7441    background-clip: content-box; }
7442  .euiNavDrawerFlyout::-webkit-scrollbar-corner, .euiNavDrawerFlyout::-webkit-scrollbar-track {
7443    background-color: transparent; }
7444  .euiNavDrawerFlyout.euiNavDrawerFlyout-isExpanded {
7445    opacity: 1;
7446    -webkit-transition: opacity 250ms;
7447    transition: opacity 250ms; }
7448  .euiNavDrawerFlyout.euiNavDrawerFlyout-isCollapsed {
7449    -webkit-transition: opacity 150ms 350ms;
7450    transition: opacity 150ms 350ms; }
7451  .euiNavDrawerFlyout .euiNavDrawerFlyout__listGroup {
7452    padding-left: 0;
7453    padding-right: 0; }
7454
7455.euiOverlayMask {
7456  position: fixed;
7457  z-index: 6000;
7458  top: 0;
7459  left: 0;
7460  right: 0;
7461  bottom: 0;
7462  display: -webkit-box;
7463  display: -ms-flexbox;
7464  display: flex;
7465  -webkit-box-align: center;
7466      -ms-flex-align: center;
7467          align-items: center;
7468  -webkit-box-pack: center;
7469      -ms-flex-pack: center;
7470          justify-content: center;
7471  padding-bottom: 10vh;
7472  -webkit-animation: euiAnimFadeIn 150ms ease-in;
7473          animation: euiAnimFadeIn 150ms ease-in;
7474  background: rgba(255, 255, 255, 0.8); }
7475
7476.euiBody-hasOverlayMask {
7477  overflow: hidden; }
7478
7479.euiPage {
7480  display: -webkit-box;
7481  display: -ms-flexbox;
7482  display: flex;
7483  padding: 16px;
7484  background-color: #F5F7FA; }
7485  .euiPage--restrictWidth-default, .euiPage--restrictWidth-custom {
7486    margin-left: auto;
7487    margin-right: auto; }
7488  .euiPage--restrictWidth-default {
7489    max-width: 1000px; }
7490  @media only screen and (max-width: 574px) {
7491    .euiPage {
7492      -webkit-box-orient: vertical;
7493      -webkit-box-direction: normal;
7494          -ms-flex-direction: column;
7495              flex-direction: column; } }
7496  @media only screen and (min-width: 575px) and (max-width: 767px) {
7497    .euiPage {
7498      -webkit-box-orient: vertical;
7499      -webkit-box-direction: normal;
7500          -ms-flex-direction: column;
7501              flex-direction: column; } }
7502
7503.euiPageBody {
7504  display: -webkit-box;
7505  display: -ms-flexbox;
7506  display: flex;
7507  -webkit-box-orient: vertical;
7508  -webkit-box-direction: normal;
7509      -ms-flex-direction: column;
7510          flex-direction: column;
7511  -webkit-box-align: stretch;
7512      -ms-flex-align: stretch;
7513          align-items: stretch;
7514  -webkit-box-flex: 1;
7515      -ms-flex: 1 1 100%;
7516          flex: 1 1 100%; }
7517  .euiPageBody--restrictWidth-default, .euiPageBody--restrictWidth-custom {
7518    margin-left: auto;
7519    margin-right: auto; }
7520  .euiPageBody--restrictWidth-default {
7521    max-width: 1000px; }
7522
7523.euiPageContent {
7524  width: 100%;
7525  /** TEMPORARILY REMOVING
7526  // At small screens, the content extends edge to edge, so remove the side borders and shadow
7527  @include euiBreakpoint('xs', 's') {
7528    .euiPanel:not(.euiPageContent--horizontalCenter) { // Override panel styles without the need for !important
7529      // border-radius: 0;
7530      // border-left: none;
7531      // border-right: none;
7532      // box-shadow: none;
7533    }
7534  }
7535  **/ }
7536  .euiPageContent.euiPageContent--verticalCenter {
7537    -ms-flex-item-align: center;
7538        align-self: center;
7539    margin-top: auto;
7540    margin-bottom: auto;
7541    -webkit-box-flex: 0;
7542        -ms-flex-positive: 0;
7543            flex-grow: 0; }
7544  .euiPageContent.euiPageContent--horizontalCenter {
7545    width: auto;
7546    max-width: 100%;
7547    margin-left: auto;
7548    margin-right: auto;
7549    -webkit-box-flex: 0;
7550        -ms-flex-positive: 0;
7551            flex-grow: 0; }
7552
7553/**
7554 * Padding map referenced in:
7555 *  - Popover
7556 *  - PageContentHeader
7557 *  - PageContentHeaderSection
7558*/
7559.euiPageContentHeader {
7560  display: -webkit-box;
7561  display: -ms-flexbox;
7562  display: flex;
7563  -webkit-box-orient: horizontal;
7564  -webkit-box-direction: normal;
7565      -ms-flex-direction: row;
7566          flex-direction: row;
7567  -webkit-box-pack: justify;
7568      -ms-flex-pack: justify;
7569          justify-content: space-between;
7570  -webkit-box-align: center;
7571      -ms-flex-align: center;
7572          align-items: center; }
7573  .euiPageContent[class*='paddingSmall'] .euiPageContentHeader {
7574    margin-bottom: 8px; }
7575  .euiPageContent[class*='paddingMedium'] .euiPageContentHeader {
7576    margin-bottom: 16px; }
7577  .euiPageContent[class*='paddingLarge'] .euiPageContentHeader {
7578    margin-bottom: 24px; }
7579
7580@media only screen and (max-width: 574px) {
7581  .euiPageContentHeader--responsive {
7582    -webkit-box-orient: vertical;
7583    -webkit-box-direction: normal;
7584        -ms-flex-direction: column;
7585            flex-direction: column;
7586    -webkit-box-align: start;
7587        -ms-flex-align: start;
7588            align-items: flex-start; } }
7589
7590@media only screen and (min-width: 575px) and (max-width: 767px) {
7591  .euiPageContentHeader--responsive {
7592    -webkit-box-orient: vertical;
7593    -webkit-box-direction: normal;
7594        -ms-flex-direction: column;
7595            flex-direction: column;
7596    -webkit-box-align: start;
7597        -ms-flex-align: start;
7598            align-items: flex-start; } }
7599
7600/**
7601 * Padding map referenced in:
7602 *  - Popover
7603 *  - PageContentHeader
7604 *  - PageContentHeaderSection
7605*/
7606.euiPageContentHeaderSection + .euiPageContentHeaderSection {
7607  margin-left: 32px; }
7608
7609@media only screen and (max-width: 574px) {
7610  .euiPageContent[class*='paddingSmall'] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
7611    margin-left: 0;
7612    margin-top: 4px; }
7613  .euiPageContent[class*='paddingMedium'] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
7614    margin-left: 0;
7615    margin-top: 8px; }
7616  .euiPageContent[class*='paddingLarge'] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
7617    margin-left: 0;
7618    margin-top: 12px; } }
7619
7620@media only screen and (min-width: 575px) and (max-width: 767px) {
7621  .euiPageContent[class*='paddingSmall'] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
7622    margin-left: 0;
7623    margin-top: 4px; }
7624  .euiPageContent[class*='paddingMedium'] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
7625    margin-left: 0;
7626    margin-top: 8px; }
7627  .euiPageContent[class*='paddingLarge'] .euiPageContentHeader--responsive .euiPageContentHeaderSection + .euiPageContentHeaderSection {
7628    margin-left: 0;
7629    margin-top: 12px; } }
7630
7631/**
7632 * 1. Prevent side bar width from changing when content width changes.
7633 */
7634.euiPageSideBar {
7635  min-width: 192px;
7636  /* 1 */
7637  -webkit-box-flex: 0;
7638      -ms-flex: 0 1 0%;
7639          flex: 0 1 0%;
7640  /* 1 */
7641  margin-right: 24px; }
7642
7643@media only screen and (max-width: 574px) {
7644  .euiPageSideBar {
7645    width: 100%; } }
7646
7647@media only screen and (min-width: 575px) and (max-width: 767px) {
7648  .euiPageSideBar {
7649    width: 100%; } }
7650
7651.euiPageHeader {
7652  margin-bottom: 16px;
7653  display: -webkit-box;
7654  display: -ms-flexbox;
7655  display: flex;
7656  -webkit-box-orient: horizontal;
7657  -webkit-box-direction: normal;
7658      -ms-flex-direction: row;
7659          flex-direction: row;
7660  -webkit-box-pack: justify;
7661      -ms-flex-pack: justify;
7662          justify-content: space-between;
7663  -webkit-box-align: center;
7664      -ms-flex-align: center;
7665          align-items: center; }
7666
7667@media only screen and (max-width: 574px) {
7668  .euiPageHeader {
7669    padding: 16px 0;
7670    margin-bottom: 0; }
7671  .euiPageHeader--responsive {
7672    -webkit-box-orient: vertical;
7673    -webkit-box-direction: normal;
7674        -ms-flex-direction: column;
7675            flex-direction: column; } }
7676
7677@media only screen and (min-width: 575px) and (max-width: 767px) {
7678  .euiPageHeader {
7679    padding: 16px 0;
7680    margin-bottom: 0; }
7681  .euiPageHeader--responsive {
7682    -webkit-box-orient: vertical;
7683    -webkit-box-direction: normal;
7684        -ms-flex-direction: column;
7685            flex-direction: column; } }
7686
7687.euiPageHeaderSection + .euiPageHeaderSection {
7688  margin-left: 32px; }
7689
7690@media only screen and (max-width: 574px) {
7691  .euiPageHeader--responsive .euiPageHeaderSection {
7692    width: 100%; }
7693    .euiPageHeader--responsive .euiPageHeaderSection + .euiPageHeaderSection {
7694      margin-left: 0;
7695      margin-top: 16px; } }
7696
7697@media only screen and (min-width: 575px) and (max-width: 767px) {
7698  .euiPageHeader--responsive .euiPageHeaderSection {
7699    width: 100%; }
7700    .euiPageHeader--responsive .euiPageHeaderSection + .euiPageHeaderSection {
7701      margin-left: 0;
7702      margin-top: 16px; } }
7703
7704.euiPagination {
7705  display: -webkit-box;
7706  display: -ms-flexbox;
7707  display: flex;
7708  -webkit-box-align: center;
7709      -ms-flex-align: center;
7710          align-items: center; }
7711
7712.euiPaginationButton {
7713  font-size: 14px;
7714  padding: 0;
7715  text-align: center;
7716  border-radius: 4px; }
7717
7718.euiPaginationButton-isActive {
7719  pointer-events: none;
7720  color: #006BB4;
7721  text-decoration: underline;
7722  font-weight: 700; }
7723
7724.euiPaginationButton-isPlaceholder:disabled .euiButtonEmpty__content {
7725  cursor: default; }
7726
7727@media only screen and (max-width: 574px) {
7728  .euiPaginationButton--hideOnMobile {
7729    display: none; } }
7730
7731@media only screen and (min-width: 575px) and (max-width: 767px) {
7732  .euiPaginationButton--hideOnMobile {
7733    display: none; } }
7734
7735/**
7736 * Padding map referenced in:
7737 *  - Popover
7738 *  - PageContentHeader
7739 *  - PageContentHeaderSection
7740*/
7741/**
7742 *  Mixin for use in:
7743 *  - EuiCard
7744 *  - EuiPageContent
7745*/
7746/**
7747 * 1. Extend beta badges to at least 40% of the container's width
7748 * 2. Fix for IE to ensure badges are visible outside of a <button> tag
7749 */
7750.euiPanel {
7751  -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
7752          box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
7753  background-color: #FFF;
7754  border: 1px solid #D3DAE6;
7755  border-radius: 4px;
7756  -webkit-box-flex: 1;
7757      -ms-flex-positive: 1;
7758          flex-grow: 1; }
7759  .euiPanel.euiPanel--flexGrowZero {
7760    -webkit-box-flex: 0;
7761        -ms-flex-positive: 0;
7762            flex-grow: 0; }
7763  .euiPanel.euiPanel--isClickable {
7764    display: block;
7765    width: 100%;
7766    text-align: left;
7767    -webkit-transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
7768    transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
7769    .euiPanel.euiPanel--isClickable:hover, .euiPanel.euiPanel--isClickable:focus {
7770      -webkit-box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
7771              box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
7772      -webkit-transform: translateY(-2px);
7773              transform: translateY(-2px);
7774      cursor: pointer; }
7775  .euiPanel.euiPanel--shadow {
7776    -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
7777            box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
7778    border-bottom-color: rgba(152, 162, 179, 0.5); }
7779    .euiPanel.euiPanel--shadow.euiPanel--isClickable:hover, .euiPanel.euiPanel--shadow.euiPanel--isClickable:focus {
7780      -webkit-box-shadow: 0 12px 24px 0 rgba(152, 162, 179, 0.2), 0 6px 12px 0 rgba(152, 162, 179, 0.2), 0 4px 4px 0 rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
7781              box-shadow: 0 12px 24px 0 rgba(152, 162, 179, 0.2), 0 6px 12px 0 rgba(152, 162, 179, 0.2), 0 4px 4px 0 rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2); }
7782
7783.euiPanel.euiPanel--hasBetaBadge {
7784  position: relative;
7785  overflow: visible;
7786  /* 2 */ }
7787  .euiPanel.euiPanel--hasBetaBadge .euiPanel__betaBadgeWrapper {
7788    position: absolute;
7789    top: -12px;
7790    left: 50%;
7791    -webkit-transform: translateX(-50%);
7792            transform: translateX(-50%);
7793    z-index: 3;
7794    min-width: 40%;
7795    /* 1 */
7796    max-width: calc(100% - 32px); }
7797    .euiPanel.euiPanel--hasBetaBadge .euiPanel__betaBadgeWrapper .euiToolTipAnchor,
7798    .euiPanel.euiPanel--hasBetaBadge .euiPanel__betaBadgeWrapper .euiPanel__betaBadge {
7799      width: 100%;
7800      /* 1 */ }
7801    .euiPanel.euiPanel--hasBetaBadge .euiPanel__betaBadgeWrapper .euiPanel__betaBadge {
7802      overflow: hidden;
7803      text-overflow: ellipsis;
7804      background-color: #FFF; }
7805
7806.euiPanel.euiPanel--paddingSmall {
7807  padding: 8px; }
7808  .euiPanel.euiPanel--paddingSmall .euiPanel__betaBadgeWrapper {
7809    max-width: calc(100% - 16px); }
7810
7811.euiPanel.euiPanel--paddingMedium {
7812  padding: 16px; }
7813  .euiPanel.euiPanel--paddingMedium .euiPanel__betaBadgeWrapper {
7814    max-width: calc(100% - 32px); }
7815
7816.euiPanel.euiPanel--paddingLarge {
7817  padding: 24px; }
7818  .euiPanel.euiPanel--paddingLarge .euiPanel__betaBadgeWrapper {
7819    max-width: calc(100% - 48px); }
7820
7821.euiPopover {
7822  display: inline-block;
7823  position: relative;
7824  vertical-align: middle;
7825  max-width: 100%; }
7826
7827.euiPopover__anchor {
7828  display: inline-block; }
7829
7830/**
7831 * 1. Can expand further, but it looks weird if it's smaller than the originating button.
7832 * 2. Animation happens on the panel.
7833 * 3. Make sure the panel stays within the window.
7834 */
7835.euiPopover__panel {
7836  position: absolute;
7837  z-index: 2000;
7838  min-width: 112px;
7839  /* 1 */
7840  max-width: calc(100vw - 32px);
7841  /* 3 */
7842  -webkit-backface-visibility: hidden;
7843          backface-visibility: hidden;
7844  pointer-events: none;
7845  -webkit-transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, visibility cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
7846  transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, visibility cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, -webkit-transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
7847  transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, visibility cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, transform cubic-bezier(0.34, 1.61, 0.7, 1) 450ms;
7848  transition: opacity cubic-bezier(0.34, 1.61, 0.7, 1) 350ms, visibility 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;
7849  opacity: 0;
7850  /* 2 */
7851  visibility: hidden;
7852  /* 2 */
7853  -webkit-transform: translateY(0) translateX(0) translateZ(0);
7854          transform: translateY(0) translateX(0) translateZ(0);
7855  /* 2 */
7856  -webkit-box-shadow: 0 12px 24px 0 rgba(65, 78, 101, 0.1), 0 6px 12px 0 rgba(65, 78, 101, 0.1), 0 4px 4px 0 rgba(65, 78, 101, 0.1), 0 2px 2px 0 rgba(65, 78, 101, 0.1);
7857          box-shadow: 0 12px 24px 0 rgba(65, 78, 101, 0.1), 0 6px 12px 0 rgba(65, 78, 101, 0.1), 0 4px 4px 0 rgba(65, 78, 101, 0.1), 0 2px 2px 0 rgba(65, 78, 101, 0.1);
7858  border-color: #d0d3d9;
7859  border-top-color: #d9dce0;
7860  border-bottom-color: #aaafba; }
7861  .euiPopover__panel.euiPopover__panel-isOpen {
7862    opacity: 1;
7863    visibility: visible;
7864    pointer-events: auto; }
7865  .euiPopover__panel .euiPopover__panelArrow {
7866    position: absolute;
7867    width: 0;
7868    height: 0; }
7869    .euiPopover__panel .euiPopover__panelArrow:before {
7870      position: absolute;
7871      content: '';
7872      height: 0;
7873      width: 0; }
7874    .euiPopover__panel .euiPopover__panelArrow:after {
7875      position: absolute;
7876      content: '';
7877      height: 0;
7878      width: 0; }
7879    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:before {
7880      bottom: -11px;
7881      border-left: 12px solid transparent;
7882      border-right: 12px solid transparent;
7883      border-top: 12px solid #D3DAE6; }
7884    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--top:after {
7885      bottom: -10px;
7886      border-left: 12px solid transparent;
7887      border-right: 12px solid transparent;
7888      border-top: 12px solid #FFF; }
7889    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:before {
7890      left: -12px;
7891      top: 50%;
7892      border-top: 12px solid transparent;
7893      border-bottom: 12px solid transparent;
7894      border-right: 12px solid #D3DAE6; }
7895    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--right:after {
7896      left: -11px;
7897      top: 50%;
7898      border-top: 12px solid transparent;
7899      border-bottom: 12px solid transparent;
7900      border-right: 12px solid #FFF; }
7901    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:before {
7902      top: -12px;
7903      border-left: 12px solid transparent;
7904      border-right: 12px solid transparent;
7905      border-bottom: 12px solid #D3DAE6; }
7906    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--bottom:after {
7907      top: -11px;
7908      border-left: 12px solid transparent;
7909      border-right: 12px solid transparent;
7910      border-bottom: 12px solid #FFF; }
7911    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:before {
7912      right: -11px;
7913      top: 50%;
7914      border-top: 12px solid transparent;
7915      border-bottom: 12px solid transparent;
7916      border-left: 12px solid #D3DAE6; }
7917    .euiPopover__panel .euiPopover__panelArrow.euiPopover__panelArrow--left:after {
7918      right: -10px;
7919      top: 50%;
7920      border-top: 12px solid transparent;
7921      border-bottom: 12px solid transparent;
7922      border-left: 12px solid #FFF; }
7923  .euiPopover__panel.euiPopover__panel-noArrow .euiPopover__panelArrow {
7924    display: none; }
7925
7926.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--top {
7927  -webkit-transform: translateY(8px) translateZ(0);
7928          transform: translateY(8px) translateZ(0); }
7929
7930.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--bottom {
7931  -webkit-transform: translateY(-8px) translateZ(0);
7932          transform: translateY(-8px) translateZ(0); }
7933
7934.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--left {
7935  -webkit-transform: translateX(8px) translateZ(0);
7936          transform: translateX(8px) translateZ(0); }
7937
7938.euiPopover__panel.euiPopover__panel-isOpen.euiPopover__panel--right {
7939  -webkit-transform: translateX(-8px) translateZ(0);
7940          transform: translateX(-8px) translateZ(0); }
7941
7942/**
7943 * Padding map referenced in:
7944 *  - Popover
7945 *  - PageContentHeader
7946 *  - PageContentHeaderSection
7947*/
7948.euiPopoverTitle {
7949  color: #1a1c21;
7950  font-size: 14px;
7951  font-size: 0.875rem;
7952  line-height: 1.5;
7953  line-height: 1.5rem;
7954  font-weight: 700;
7955  padding: 12px;
7956  text-transform: uppercase;
7957  border-bottom: 1px solid #D3DAE6;
7958  border-top-left-radius: 3px;
7959  border-top-right-radius: 3px; }
7960  .euiPopover__panel.euiPanel--paddingSmall .euiPopoverTitle {
7961    padding: 12px 8px;
7962    margin: -8px -8px 8px; }
7963  .euiPopover__panel.euiPanel--paddingMedium .euiPopoverTitle {
7964    padding: 12px 16px;
7965    margin: -16px -16px 16px; }
7966  .euiPopover__panel.euiPanel--paddingLarge .euiPopoverTitle {
7967    padding: 12px 24px;
7968    margin: -24px -24px 24px; }
7969
7970/**
7971 * 1. Portal content is absolutely positioned (e.g. tooltips, popovers, flyouts).
7972 */
7973.euiBody-hasPortalContent {
7974  position: relative;
7975  /* 1 */ }
7976
7977.euiProgress {
7978  position: relative;
7979  overflow: hidden;
7980  background-color: #D3DAE6; }
7981
7982.euiProgress--xs {
7983  height: 2px; }
7984
7985.euiProgress--s {
7986  height: 4px; }
7987
7988.euiProgress--m {
7989  height: 8px; }
7990
7991.euiProgress--l {
7992  height: 16px; }
7993
7994.euiProgress--native {
7995  display: block;
7996  width: 100%;
7997  -webkit-appearance: none;
7998     -moz-appearance: none;
7999          appearance: none;
8000  border: none; }
8001  .euiProgress--native::-webkit-progress-bar {
8002    background-color: #D3DAE6; }
8003  .euiProgress--native::-webkit-progress-value {
8004    -webkit-transition: width 250ms linear;
8005    transition: width 250ms linear; }
8006  .euiProgress--native::-moz-progress-bar {
8007    -webkit-transition: width 250ms linear;
8008    transition: width 250ms linear; }
8009
8010/**
8011 * An indeterminate bar has an unreliable end time. Because of a Firefox animation issue,
8012 * we apply this style to a <div> instead of a <progress> element.
8013 * See https://css-tricks.com/html5-progress-element/ for more info.
8014 */
8015.euiProgress--indeterminate:before {
8016  position: absolute;
8017  content: '';
8018  width: 100%;
8019  top: 0;
8020  bottom: 0;
8021  left: 0;
8022  -webkit-transform: scaleX(0) translateX(0%);
8023          transform: scaleX(0) translateX(0%);
8024  -webkit-animation: euiProgress 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite;
8025          animation: euiProgress 1s cubic-bezier(0.694, 0.0482, 0.335, 1) infinite; }
8026
8027.euiProgress--fixed {
8028  position: fixed;
8029  z-index: 1001; }
8030
8031.euiProgress--absolute {
8032  position: absolute; }
8033
8034.euiProgress--fixed,
8035.euiProgress--absolute {
8036  top: 0;
8037  left: 0;
8038  right: 0;
8039  background-color: transparent; }
8040  .euiProgress--fixed.euiProgress--native::-webkit-progress-bar,
8041  .euiProgress--absolute.euiProgress--native::-webkit-progress-bar {
8042    background-color: transparent; }
8043  .euiProgress--fixed.euiProgress--native::-moz-progress-bar,
8044  .euiProgress--absolute.euiProgress--native::-moz-progress-bar {
8045    background-color: transparent; }
8046
8047.euiProgress--primary.euiProgress--native::-webkit-progress-value {
8048  background-color: #006BB4; }
8049
8050.euiProgress--primary.euiProgress--native::-moz-progress-bar {
8051  background-color: #006BB4; }
8052
8053.euiProgress--primary.euiProgress--indeterminate:before {
8054  background-color: #006BB4; }
8055
8056.euiProgress--secondary.euiProgress--native::-webkit-progress-value {
8057  background-color: #017D73; }
8058
8059.euiProgress--secondary.euiProgress--native::-moz-progress-bar {
8060  background-color: #017D73; }
8061
8062.euiProgress--secondary.euiProgress--indeterminate:before {
8063  background-color: #017D73; }
8064
8065.euiProgress--warning.euiProgress--native::-webkit-progress-value {
8066  background-color: #F5A700; }
8067
8068.euiProgress--warning.euiProgress--native::-moz-progress-bar {
8069  background-color: #F5A700; }
8070
8071.euiProgress--warning.euiProgress--indeterminate:before {
8072  background-color: #F5A700; }
8073
8074.euiProgress--danger.euiProgress--native::-webkit-progress-value {
8075  background-color: #BD271E; }
8076
8077.euiProgress--danger.euiProgress--native::-moz-progress-bar {
8078  background-color: #BD271E; }
8079
8080.euiProgress--danger.euiProgress--indeterminate:before {
8081  background-color: #BD271E; }
8082
8083.euiProgress--accent.euiProgress--native::-webkit-progress-value {
8084  background-color: #DD0A73; }
8085
8086.euiProgress--accent.euiProgress--native::-moz-progress-bar {
8087  background-color: #DD0A73; }
8088
8089.euiProgress--accent.euiProgress--indeterminate:before {
8090  background-color: #DD0A73; }
8091
8092.euiProgress--subdued.euiProgress--native::-webkit-progress-value {
8093  background-color: #98A2B3; }
8094
8095.euiProgress--subdued.euiProgress--native::-moz-progress-bar {
8096  background-color: #98A2B3; }
8097
8098.euiProgress--subdued.euiProgress--indeterminate:before {
8099  background-color: #98A2B3; }
8100
8101@-webkit-keyframes euiProgress {
8102  0% {
8103    -webkit-transform: scaleX(1) translateX(-100%);
8104            transform: scaleX(1) translateX(-100%); }
8105  100% {
8106    -webkit-transform: scaleX(1) translateX(100%);
8107            transform: scaleX(1) translateX(100%); } }
8108
8109@keyframes euiProgress {
8110  0% {
8111    -webkit-transform: scaleX(1) translateX(-100%);
8112            transform: scaleX(1) translateX(-100%); }
8113  100% {
8114    -webkit-transform: scaleX(1) translateX(100%);
8115            transform: scaleX(1) translateX(100%); } }
8116
8117.euiSideNav__mobileToggle {
8118  display: none;
8119  border-bottom: 1px solid #D3DAE6;
8120  padding: 16px 24px;
8121  width: 100%;
8122  text-align: left;
8123  /**
8124   * 1. This toggle also works with EUI link, but we need the outline
8125   *    that comes with the focus state.
8126   */ }
8127  .euiSideNav__mobileToggle:focus {
8128    outline: none; }
8129
8130.euiSideNav__mobileIcon {
8131  fill: #006BB4; }
8132
8133.euiSideNav__mobileWrap {
8134  display: -webkit-box;
8135  display: -ms-flexbox;
8136  display: flex; }
8137
8138.euiSideNav__mobileTitle {
8139  -webkit-box-flex: 1;
8140      -ms-flex-positive: 1;
8141          flex-grow: 1;
8142  color: #006BB4; }
8143
8144.euiSideNav__hideButton {
8145  width: 24px;
8146  height: 24px;
8147  border-radius: 4px;
8148  border: 1px solid #D3DAE6;
8149  background: #FFF;
8150  position: absolute;
8151  display: -webkit-box;
8152  display: -ms-flexbox;
8153  display: flex;
8154  -webkit-box-align: center;
8155      -ms-flex-align: center;
8156          align-items: center;
8157  -ms-flex-pack: distribute;
8158      justify-content: space-around;
8159  right: -40px;
8160  top: 32px; }
8161
8162@media only screen and (max-width: 574px) {
8163  /**
8164   * 1. Animation doesn't work against height. Need max-height instead.
8165   *    We set a value larger than what is needed to fake "auto".
8166   */
8167  .euiSideNav-isOpenMobile .euiSideNav__content {
8168    visibility: visible;
8169    opacity: 1;
8170    margin: 24px;
8171    max-height: 5000px;
8172    /* 1 */
8173    -webkit-transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
8174    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
8175  .euiSideNav__mobileToggle {
8176    display: block; }
8177  .euiSideNav__content {
8178    visibility: hidden;
8179    opacity: 0;
8180    max-height: 0;
8181    margin: 0 24px; } }
8182
8183@media only screen and (min-width: 575px) and (max-width: 767px) {
8184  /**
8185   * 1. Animation doesn't work against height. Need max-height instead.
8186   *    We set a value larger than what is needed to fake "auto".
8187   */
8188  .euiSideNav-isOpenMobile .euiSideNav__content {
8189    visibility: visible;
8190    opacity: 1;
8191    margin: 24px;
8192    max-height: 5000px;
8193    /* 1 */
8194    -webkit-transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
8195    transition: all 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
8196  .euiSideNav__mobileToggle {
8197    display: block; }
8198  .euiSideNav__content {
8199    visibility: hidden;
8200    opacity: 0;
8201    max-height: 0;
8202    margin: 0 24px; } }
8203
8204/**
8205 * 1. Text-align defaults to center, so we have to override that.
8206 * 2. Need this on the button element to color the underline.
8207 */
8208.euiSideNavItemButton {
8209  font-size: 14px;
8210  font-size: 0.875rem;
8211  line-height: 1.5;
8212  text-align: left;
8213  /* 1 */
8214  display: block;
8215  width: 100%;
8216  padding: 2px 0;
8217  color: #000;
8218  /* 2 */ }
8219  .euiSideNavItemButton.euiSideNavItemButton--isClickable:hover {
8220    text-decoration: underline; }
8221  .euiSideNavItemButton.euiSideNavItemButton--isClickable:focus {
8222    background-color: #e6f0f8 !important;
8223    color: #006BB4 !important; }
8224  .euiSideNavItemButton.euiSideNavItemButton-isSelected .euiSideNavItemButton__label {
8225    color: #006BB4;
8226    font-weight: 500;
8227    text-decoration: underline; }
8228
8229.euiSideNavItemButton__content {
8230  display: -webkit-box;
8231  display: -ms-flexbox;
8232  display: flex;
8233  -webkit-box-align: center;
8234      -ms-flex-align: center;
8235          align-items: center;
8236  -webkit-box-pack: justify;
8237      -ms-flex-pack: justify;
8238          justify-content: space-between; }
8239
8240.euiSideNavItemButton__icon {
8241  margin-right: 8px; }
8242
8243/**
8244  * 1. Enable ellipsis overflow to work (https://css-tricks.com/flexbox-truncated-text/)
8245  */
8246.euiSideNavItemButton__labelContainer {
8247  min-width: 0;
8248  /* 1 */ }
8249
8250.euiSideNavItemButton__label {
8251  color: #69707D;
8252  white-space: nowrap;
8253  overflow: hidden;
8254  text-overflow: ellipsis; }
8255
8256/**
8257 * 1. Draw the vertical line to group an expanded item's child items together.
8258 */
8259.euiSideNavItem__items {
8260  position: relative; }
8261  .euiSideNavItem__items:after {
8262    /* 1 */
8263    position: absolute;
8264    content: '';
8265    top: 0;
8266    bottom: 12px;
8267    width: 1px;
8268    background: #D3DAE6;
8269    left: 0; }
8270
8271.euiSideNavItem--root {
8272  /**
8273   * 1. Create padding around focus area without indenting the item itself.
8274   * 2. Align icon and label to the left.
8275   */ }
8276  .euiSideNavItem--root.euiSideNavItem--rootIcon > .euiSideNavItem__items {
8277    margin-left: 24px; }
8278  .euiSideNavItem--root > .euiSideNavItemButton {
8279    margin-bottom: 8px;
8280    padding: 0;
8281    padding-left: 8px;
8282    /* 1 */
8283    padding-right: 8px;
8284    /* 1 */
8285    margin-left: -8px;
8286    /* 1 */
8287    width: calc(100% + 16px);
8288    /* 1 */ }
8289    .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__content {
8290      -webkit-box-pack: start;
8291          -ms-flex-pack: start;
8292              justify-content: flex-start;
8293      /* 2 */ }
8294    .euiSideNavItem--root > .euiSideNavItemButton .euiSideNavItemButton__label {
8295      color: #1a1c21;
8296      font-size: 16px;
8297      font-size: 1rem;
8298      line-height: 1.5;
8299      line-height: 1.5rem;
8300      font-weight: 600;
8301      letter-spacing: -.02em; }
8302  .euiSideNavItem--root > .euiSideNavItem__items {
8303    position: static;
8304    margin-left: 0; }
8305    .euiSideNavItem--root > .euiSideNavItem__items:after {
8306      display: none; }
8307  .euiSideNavItem--root + .euiSideNavItem--root {
8308    margin-top: 32px; }
8309
8310.euiSideNavItem--trunk {
8311  /**
8312   * 1. Create padding around focus area without indenting the item itself.
8313   */ }
8314  .euiSideNavItem--trunk > .euiSideNavItemButton {
8315    padding-left: 8px;
8316    /* 1 */
8317    padding-right: 8px;
8318    /* 1 */
8319    margin-left: -8px;
8320    /* 1 */
8321    width: calc(100% + 16px);
8322    /* 1 */ }
8323  .euiSideNavItem--trunk > .euiSideNavItem__items {
8324    margin-left: 8px;
8325    width: 100%; }
8326
8327.euiSideNavItem--branch {
8328  /**
8329   * 1. Absolutely position the horizontal tick connecting the item to the vertical line.
8330   */ }
8331  .euiSideNavItem--branch > .euiSideNavItemButton {
8332    position: relative;
8333    /* 1 */
8334    padding-left: 8px;
8335    padding-right: 8px;
8336    /* 1 */ }
8337    .euiSideNavItem--branch > .euiSideNavItemButton:after {
8338      position: absolute;
8339      /* 1 */
8340      content: '';
8341      top: 50%;
8342      left: 0;
8343      width: 4px;
8344      height: 1px;
8345      background: #D3DAE6; }
8346  .euiSideNavItem--branch > .euiSideNavItem__items {
8347    margin-left: 16px; }
8348
8349.euiSideNavItem--hasChildItems > .euiSideNavItemButton-isOpen .euiSideNavItemButton__label {
8350  color: #000; }
8351
8352.euiSpacer--xs {
8353  height: 4px; }
8354
8355.euiSpacer--s {
8356  height: 8px; }
8357
8358.euiSpacer--m {
8359  height: 16px; }
8360
8361.euiSpacer--l {
8362  height: 24px; }
8363
8364.euiSpacer--xl {
8365  height: 32px; }
8366
8367.euiSpacer--xxl {
8368  height: 40px; }
8369
8370.euiStat .euiStat__title {
8371  color: #000; }
8372  .euiStat .euiStat__title--subdued {
8373    color: #69707D; }
8374  .euiStat .euiStat__title--primary {
8375    color: #006BB4; }
8376  .euiStat .euiStat__title--secondary {
8377    color: #017D73; }
8378  .euiStat .euiStat__title--danger {
8379    color: #BD271E; }
8380  .euiStat .euiStat__title--accent {
8381    color: #DD0A73; }
8382
8383.euiStat.euiStat--leftAligned {
8384  text-align: left;
8385  -webkit-box-align: start;
8386      -ms-flex-align: start;
8387          align-items: flex-start; }
8388
8389.euiStat.euiStat--centerAligned {
8390  text-align: center;
8391  -webkit-box-align: center;
8392      -ms-flex-align: center;
8393          align-items: center; }
8394
8395.euiStat.euiStat--rightAligned {
8396  text-align: right;
8397  -webkit-box-align: end;
8398      -ms-flex-align: end;
8399          align-items: flex-end; }
8400
8401.euiStepNumber {
8402  width: 32px;
8403  height: 32px;
8404  display: inline-block;
8405  line-height: 32px;
8406  border-radius: 32px;
8407  text-align: center;
8408  color: #FFF;
8409  background-color: #006BB4;
8410  font-size: 16px;
8411  font-weight: 500; }
8412  .euiStepNumber .euiStepNumber__icon {
8413    position: relative;
8414    top: -2px; }
8415  .euiStepNumber--complete .euiStepNumber__icon {
8416    stroke: currentColor;
8417    stroke-width: .5px; }
8418  .euiStepNumber.euiStepNumber-isHollow {
8419    background-color: transparent;
8420    border: 2px solid #006BB4; }
8421  .euiStepNumber--warning {
8422    color: #936400;
8423    background-color: #fef6e6; }
8424    .euiStepNumber--warning.euiStepNumber-isHollow {
8425      border-color: #F5A700; }
8426  .euiStepNumber--danger {
8427    color: #b4251d;
8428    background-color: #f8e9e9; }
8429    .euiStepNumber--danger.euiStepNumber-isHollow {
8430      border-color: #BD271E; }
8431  .euiStepNumber--disabled {
8432    color: #646a77;
8433    background-color: #f0f1f2; }
8434    .euiStepNumber--disabled.euiStepNumber-isHollow {
8435      border-color: #69707D; }
8436  .euiStepNumber--incomplete {
8437    color: #646a77;
8438    background-color: #f0f1f2; }
8439    .euiStepNumber--incomplete.euiStepNumber-isHollow {
8440      border-color: #69707D; }
8441
8442/**
8443 * 1. Ensure that the step number vertically aligns with the title text
8444 */
8445.euiStep:last-of-type .euiStep__content {
8446  border-left-color: transparent; }
8447
8448.euiStep .euiTitle {
8449  line-height: 32px;
8450  /* 1 */ }
8451
8452.euiStep .euiStep__circle {
8453  margin-right: 16px;
8454  vertical-align: top;
8455  /* 1 */ }
8456  .euiStep .euiStep__circle[class*='complete'], .euiStep .euiStep__circle[class*='warning'], .euiStep .euiStep__circle[class*='danger'] {
8457    -webkit-animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
8458            animation: euiGrow 150ms cubic-bezier(0.34, 1.61, 0.7, 1); }
8459  .euiStep .euiStep__circle[class*='incomplete'] {
8460    border-color: #006BB4;
8461    -webkit-animation: none;
8462            animation: none; }
8463
8464.euiStep .euiStep__title {
8465  font-weight: 500;
8466  display: inline-block; }
8467
8468.euiStep .euiStep__content {
8469  border-left: 2px solid #D3DAE6;
8470  padding: 16px 16px 32px;
8471  margin: 8px 0;
8472  padding-left: 31px;
8473  margin-left: 15px; }
8474
8475.euiSubSteps {
8476  padding: 16px;
8477  background-color: #F5F7FA;
8478  margin-bottom: 16px; }
8479  .euiSubSteps > *:last-child {
8480    margin-bottom: 0; }
8481  .euiText .euiSubSteps ol,
8482  .euiSubSteps ol {
8483    list-style-type: lower-alpha; }
8484
8485/**
8486 * 1. Ensure the connecting lines stays behind the number
8487 * 2. Make each step the same width
8488 * 3. Make the content of each step align to the top, even if the steps are of varying heights,
8489 *    e.g. due to some of their titles wrapping to multiple lines
8490 */
8491.euiStepsHorizontal {
8492  display: -webkit-box;
8493  display: -ms-flexbox;
8494  display: flex;
8495  -webkit-box-align: stretch;
8496      -ms-flex-align: stretch;
8497          align-items: stretch;
8498  -webkit-box-flex: 1;
8499      -ms-flex-positive: 1;
8500          flex-grow: 1;
8501  background: rgba(245, 247, 250, 0.5); }
8502
8503.euiStepHorizontal {
8504  -webkit-box-flex: 1;
8505      -ms-flex-positive: 1;
8506          flex-grow: 1;
8507  /* 2 */
8508  -ms-flex-preferred-size: 0%;
8509      flex-basis: 0%;
8510  /* 2 */
8511  padding: 24px 16px 16px;
8512  display: -webkit-box;
8513  display: -ms-flexbox;
8514  display: flex;
8515  /* 3 */
8516  -webkit-box-orient: vertical;
8517  -webkit-box-direction: normal;
8518      -ms-flex-direction: column;
8519          flex-direction: column;
8520  /* 3 */
8521  -webkit-box-align: center;
8522      -ms-flex-align: center;
8523          align-items: center;
8524  /* 3 */
8525  -webkit-box-pack: start;
8526      -ms-flex-pack: start;
8527          justify-content: flex-start;
8528  /* 3 */
8529  cursor: pointer;
8530  position: relative; }
8531  .euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number, .euiStepHorizontal:hover:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__number {
8532    -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimateLarge;
8533            animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimateLarge;
8534    -webkit-transition: background-color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
8535    transition: background-color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
8536  .euiStepHorizontal:focus:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title, .euiStepHorizontal:hover:not(.euiStepHorizontal-isDisabled) .euiStepHorizontal__title {
8537    text-decoration: underline; }
8538  .euiStepHorizontal.euiStepHorizontal-isDisabled {
8539    cursor: not-allowed; }
8540  .euiStepHorizontal::before, .euiStepHorizontal::after {
8541    content: '';
8542    position: absolute;
8543    width: 50%;
8544    height: 1px;
8545    top: 40px;
8546    background-color: #D3DAE6;
8547    z-index: 0;
8548    /* 1 */ }
8549  .euiStepHorizontal::before {
8550    left: 0; }
8551  .euiStepHorizontal::after {
8552    right: 0; }
8553  .euiStepHorizontal:first-of-type::before {
8554    display: none; }
8555  .euiStepHorizontal:last-of-type::after {
8556    display: none; }
8557
8558.euiStepHorizontal__number {
8559  position: relative;
8560  /* 1 */
8561  z-index: 1000;
8562  /* 1 */
8563  -webkit-transition: all 150ms ease-in-out;
8564  transition: all 150ms ease-in-out; }
8565
8566.euiStepHorizontal__title {
8567  color: #1a1c21;
8568  font-size: 16px;
8569  font-size: 1rem;
8570  line-height: 1.5;
8571  line-height: 1.5rem;
8572  font-weight: 600;
8573  letter-spacing: -.02em;
8574  margin-top: 8px;
8575  font-weight: 400;
8576  text-align: center;
8577  max-width: 100%; }
8578  .euiStepHorizontal-isDisabled .euiStepHorizontal__title {
8579    color: #69707D; }
8580
8581.euiStepHorizontal-isComplete::before, .euiStepHorizontal-isComplete::after {
8582  height: 2px;
8583  background-color: #006BB4; }
8584
8585.euiStepHorizontal-isSelected .euiStepHorizontal__number:not([class*='danger']):not([class*='warning']) {
8586  -webkit-box-shadow: 0 2px 2px -1px rgba(18, 104, 162, 0.3);
8587          box-shadow: 0 2px 2px -1px rgba(18, 104, 162, 0.3); }
8588
8589.euiStepHorizontal-isSelected::before {
8590  height: 2px;
8591  background-color: #006BB4; }
8592
8593@media only screen and (max-width: 574px) {
8594  .euiStepHorizontal {
8595    padding-top: 16px; }
8596    .euiStepHorizontal:before, .euiStepHorizontal:after {
8597      top: 32px; }
8598  .euiStepHorizontal__title {
8599    display: none; } }
8600
8601@media only screen and (min-width: 575px) and (max-width: 767px) {
8602  .euiStepHorizontal {
8603    padding-top: 16px; }
8604    .euiStepHorizontal:before, .euiStepHorizontal:after {
8605      top: 32px; }
8606  .euiStepHorizontal__title {
8607    display: none; } }
8608
8609/**
8610 * NOTE: table-layout: fixed causes a bug in IE11 and Edge (see #9929). It also prevents us from
8611 * specifying a column width, e.g. the checkbox column.
8612 */
8613.euiTable {
8614  font-size: 14px;
8615  font-size: 0.875rem;
8616  line-height: 1.5;
8617  -webkit-font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
8618          font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
8619  width: 100%;
8620  table-layout: fixed;
8621  border: none;
8622  border-collapse: collapse;
8623  background-color: #FFF; }
8624
8625@media only screen and (min-width: 768px) and (max-width: 991px) {
8626  .euiTable--compressed .euiTableCellContent {
8627    font-size: 12px;
8628    font-size: 0.75rem;
8629    line-height: 1.5;
8630    padding: 4px; } }
8631
8632@media only screen and (min-width: 992px) and (max-width: 1199px) {
8633  .euiTable--compressed .euiTableCellContent {
8634    font-size: 12px;
8635    font-size: 0.75rem;
8636    line-height: 1.5;
8637    padding: 4px; } }
8638
8639@media only screen and (min-width: 1200px) {
8640  .euiTable--compressed .euiTableCellContent {
8641    font-size: 12px;
8642    font-size: 0.75rem;
8643    line-height: 1.5;
8644    padding: 4px; } }
8645
8646.euiTableFooterCell,
8647.euiTableHeaderCell {
8648  vertical-align: middle;
8649  border-top: 1px solid #D3DAE6;
8650  border-bottom: 1px solid #D3DAE6;
8651  color: #1a1c21;
8652  font-size: 14px;
8653  font-size: 0.875rem;
8654  line-height: 1.5;
8655  line-height: 1.5rem;
8656  font-weight: 700;
8657  font-weight: 500;
8658  border-top: none; }
8659  .euiTableFooterCell .euiTableHeaderButton,
8660  .euiTableHeaderCell .euiTableHeaderButton {
8661    text-align: left;
8662    font-weight: 500; }
8663  .euiTableFooterCell .euiTableCellContent__text,
8664  .euiTableHeaderCell .euiTableCellContent__text {
8665    font-size: 12px;
8666    font-size: 0.75rem;
8667    line-height: 1.5;
8668    color: #1a1c21;
8669    font-weight: 700; }
8670
8671.euiTableHeaderButton {
8672  font-size: 14px;
8673  font-size: 0.875rem;
8674  line-height: 1.5;
8675  color: inherit;
8676  width: 100%; }
8677  .euiTableHeaderButton:hover .euiTableCellContent__text, .euiTableHeaderButton:focus .euiTableCellContent__text {
8678    text-decoration: underline;
8679    color: #006BB4; }
8680  .euiTableHeaderButton:hover .euiTableSortIcon, .euiTableHeaderButton:focus .euiTableSortIcon {
8681    fill: #006BB4; }
8682
8683.euiTableSortIcon {
8684  margin-left: 4px;
8685  -ms-flex-negative: 0;
8686      flex-shrink: 0; }
8687  .euiTableHeaderButton-isSorted .euiTableSortIcon {
8688    fill: #1a1c21; }
8689
8690.euiTableHeaderCellCheckbox {
8691  vertical-align: middle;
8692  border-top: 1px solid #D3DAE6;
8693  border-bottom: 1px solid #D3DAE6;
8694  width: 32px;
8695  vertical-align: middle;
8696  border-top: none; }
8697
8698.euiTableRow:hover {
8699  background-color: #fafbfd; }
8700
8701.euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
8702  background-color: #fafbfd; }
8703
8704.euiTableRow.euiTableRow-isExpandedRow.euiTableRow-isSelectable .euiTableCellContent {
8705  padding-left: 40px; }
8706
8707.euiTableRow.euiTableRow-isSelected {
8708  background-color: #eef5fa; }
8709  .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
8710    background-color: #eef5fa; }
8711  .euiTableRow.euiTableRow-isSelected:hover,
8712  .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
8713    background-color: #e6f0f8; }
8714
8715.euiTableRowCell {
8716  vertical-align: middle;
8717  border-top: 1px solid #D3DAE6;
8718  border-bottom: 1px solid #D3DAE6;
8719  color: #343741; }
8720  .euiTableRowCell.euiTableRowCell--isMobileHeader {
8721    display: none; }
8722
8723.euiTableRowCellCheckbox {
8724  vertical-align: middle;
8725  border-top: 1px solid #D3DAE6;
8726  border-bottom: 1px solid #D3DAE6;
8727  width: 32px;
8728  vertical-align: middle; }
8729
8730.euiTableFooterCell {
8731  background-color: #F5F7FA;
8732  border-bottom: none; }
8733
8734/**
8735 * 1. Vertically align all children.
8736 * 2. The padding on this div allows the ellipsis to show if the content is truncated. If
8737 *    the padding was on the cell, the ellipsis would be cropped.
8738 * 3. Support wrapping.
8739 * 4. Prevent very long single words (e.g. the name of a field in a document) from overflowing
8740 *    the cell.
8741 */
8742.euiTableCellContent {
8743  overflow: hidden;
8744  /* 4 */
8745  display: -webkit-box;
8746  display: -ms-flexbox;
8747  display: flex;
8748  -webkit-box-align: center;
8749      -ms-flex-align: center;
8750          align-items: center;
8751  /* 1 */
8752  padding: 8px;
8753  /* 2 */ }
8754
8755.euiTableCellContent__text {
8756  overflow-wrap: break-word;
8757  /* 4 */
8758  min-width: 0;
8759  text-overflow: ellipsis; }
8760  @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
8761    .euiTableCellContent__text {
8762      word-break: break-all; } }
8763
8764.euiTableCellContent--alignRight {
8765  -webkit-box-pack: end;
8766      -ms-flex-pack: end;
8767          justify-content: flex-end;
8768  text-align: right; }
8769
8770.euiTableCellContent--alignCenter {
8771  -webkit-box-pack: center;
8772      -ms-flex-pack: center;
8773          justify-content: center;
8774  text-align: center; }
8775
8776.euiTableHeaderCell,
8777.euiTableFooterCell,
8778.euiTableCellContent--truncateText {
8779  white-space: nowrap;
8780  /* 3 */ }
8781  .euiTableHeaderCell .euiTableCellContent__text,
8782  .euiTableFooterCell .euiTableCellContent__text,
8783  .euiTableCellContent--truncateText .euiTableCellContent__text {
8784    overflow: hidden; }
8785
8786.euiTableCellContent--overflowingContent {
8787  overflow: visible;
8788  white-space: normal;
8789  word-break: break-all;
8790  word-break: break-word; }
8791
8792.euiTableCellContent--showOnHover > *:not(:first-child) {
8793  margin-left: 8px; }
8794
8795.euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
8796  -ms-flex-negative: 0;
8797      flex-shrink: 0;
8798  opacity: .7;
8799  -webkit-filter: grayscale(100%);
8800          filter: grayscale(100%);
8801  -webkit-transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
8802  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), -webkit-filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
8803  transition: opacity 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), filter 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
8804  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); }
8805
8806.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide,
8807.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled,
8808.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:hover,
8809.euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled:focus,
8810.euiTableRow:hover .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide:disabled {
8811  -webkit-filter: grayscale(0%);
8812          filter: grayscale(0%);
8813  opacity: 0; }
8814
8815.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 {
8816  opacity: 1;
8817  -webkit-filter: grayscale(0%);
8818          filter: grayscale(0%); }
8819
8820.euiTableRow-isExpandedRow .euiTableCellContent {
8821  overflow: hidden;
8822  -webkit-animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow;
8823          animation: 250ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards growExpandedRow; }
8824
8825@-webkit-keyframes growExpandedRow {
8826  0% {
8827    max-height: 0; }
8828  100% {
8829    max-height: 1000px; } }
8830
8831@keyframes growExpandedRow {
8832  0% {
8833    max-height: 0; }
8834  100% {
8835    max-height: 1000px; } }
8836
8837.euiTableRow-isClickable:hover {
8838  background-color: rgba(0, 107, 180, 0.05);
8839  cursor: pointer; }
8840
8841.euiTableRow-isClickable:focus {
8842  background-color: rgba(0, 107, 180, 0.1); }
8843
8844/**
8845 *  Mixin for use in:
8846 *  - EuiCard
8847 *  - EuiPageContent
8848*/
8849@media only screen and (max-width: 574px) {
8850  .euiTable.euiTable--responsive thead {
8851    display: none; }
8852  .euiTable.euiTable--responsive tfoot {
8853    display: none; }
8854  .euiTable.euiTable--responsive .euiTableRow {
8855    -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
8856            box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
8857    background-color: #FFF;
8858    border: 1px solid #D3DAE6;
8859    border-radius: 4px;
8860    -webkit-box-flex: 1;
8861        -ms-flex-positive: 1;
8862            flex-grow: 1; }
8863    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
8864      -webkit-box-flex: 0;
8865          -ms-flex-positive: 0;
8866              flex-grow: 0; }
8867    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
8868      display: block;
8869      width: 100%;
8870      text-align: left;
8871      -webkit-transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
8872      transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
8873      .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
8874        -webkit-box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
8875                box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
8876        -webkit-transform: translateY(-2px);
8877                transform: translateY(-2px);
8878        cursor: pointer; }
8879    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow {
8880      -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
8881              box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
8882      border-bottom-color: rgba(152, 162, 179, 0.5); }
8883      .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow.euiTableRow--isClickable:focus {
8884        -webkit-box-shadow: 0 12px 24px 0 rgba(152, 162, 179, 0.2), 0 6px 12px 0 rgba(152, 162, 179, 0.2), 0 4px 4px 0 rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
8885                box-shadow: 0 12px 24px 0 rgba(152, 162, 179, 0.2), 0 6px 12px 0 rgba(152, 162, 179, 0.2), 0 4px 4px 0 rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2); }
8886  .euiTable.euiTable--responsive .euiTableRow {
8887    display: -webkit-box;
8888    display: -ms-flexbox;
8889    display: flex;
8890    -ms-flex-wrap: wrap;
8891        flex-wrap: wrap;
8892    padding: 8px;
8893    margin-bottom: 8px; }
8894    .euiTable.euiTable--responsive .euiTableRow:hover {
8895      background-color: transparent; }
8896    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
8897      background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
8898      background-size: 40px 100%;
8899      background-position-x: right;
8900      background-repeat: no-repeat;
8901      padding-right: 40px;
8902      position: relative; }
8903    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander,
8904    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
8905      min-width: 0;
8906      width: 24px;
8907      position: absolute;
8908      top: 16px;
8909      right: 8px; }
8910      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before,
8911      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
8912        display: none; }
8913      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent,
8914      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
8915        -webkit-box-orient: vertical;
8916        -webkit-box-direction: normal;
8917            -ms-flex-direction: column;
8918                flex-direction: column;
8919        padding: 0; }
8920        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink,
8921        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
8922          padding: 4px; }
8923    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
8924      top: auto;
8925      bottom: 16px; }
8926    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
8927      padding-left: 36px;
8928      position: relative; }
8929      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
8930        position: absolute;
8931        left: 4px;
8932        top: 12px; }
8933    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
8934    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow,
8935    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
8936      background-color: #eef5fa; }
8937    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
8938      background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
8939      background-size: 40px 100%;
8940      background-position-x: right;
8941      background-repeat: no-repeat;
8942      -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
8943              box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
8944      margin-top: -16px;
8945      position: relative;
8946      z-index: 2;
8947      border-top: none;
8948      border-top-left-radius: 0;
8949      border-top-right-radius: 0;
8950      padding-left: 8px; }
8951      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
8952        background-color: #FFF; }
8953      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
8954        width: calc(100% - 40px); }
8955        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
8956          display: none; }
8957  .euiTable.euiTable--responsive .euiTableRowCell {
8958    display: block;
8959    /* IE requires block to grow and wrap. */
8960    min-width: 50%;
8961    border: none; }
8962    .euiTable.euiTable--responsive .euiTableRowCell[data-header]::before {
8963      font-size: 11px;
8964      font-size: 0.6875rem;
8965      content: attr(data-header);
8966      display: block;
8967      color: #69707D;
8968      padding: 8px;
8969      padding-bottom: 0;
8970      margin-bottom: -8px;
8971      min-height: 24px;
8972      white-space: nowrap;
8973      overflow: hidden;
8974      text-overflow: ellipsis; }
8975    .euiTable.euiTable--responsive .euiTableRowCell:only-child::before {
8976      min-height: 0; }
8977    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileHeader {
8978      font-size: 16px;
8979      font-size: 1rem;
8980      line-height: 1.5;
8981      display: block;
8982      width: 100%; }
8983      .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileHeader::before {
8984        display: none; }
8985    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileFullWidth {
8986      width: 100%; }
8987      .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileFullWidth .euiTableCellContent--alignCenter {
8988        -webkit-box-pack: center;
8989            -ms-flex-pack: center;
8990                justify-content: center;
8991        text-align: center; }
8992    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--hideForMobile {
8993      display: none; }
8994  .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
8995    border: none; }
8996  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
8997    display: none; }
8998  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
8999    opacity: 1;
9000    -webkit-filter: none;
9001            filter: none;
9002    margin-left: 0;
9003    margin-bottom: 8px; }
9004  .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
9005    -webkit-box-pack: start;
9006        -ms-flex-pack: start;
9007            justify-content: flex-start; }
9008  .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
9009    -webkit-box-pack: start;
9010        -ms-flex-pack: start;
9011            justify-content: flex-start; } }
9012
9013@media only screen and (min-width: 575px) and (max-width: 767px) {
9014  .euiTable.euiTable--responsive thead {
9015    display: none; }
9016  .euiTable.euiTable--responsive tfoot {
9017    display: none; }
9018  .euiTable.euiTable--responsive .euiTableRow {
9019    -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
9020            box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
9021    background-color: #FFF;
9022    border: 1px solid #D3DAE6;
9023    border-radius: 4px;
9024    -webkit-box-flex: 1;
9025        -ms-flex-positive: 1;
9026            flex-grow: 1; }
9027    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--flexGrowZero {
9028      -webkit-box-flex: 0;
9029          -ms-flex-positive: 0;
9030              flex-grow: 0; }
9031    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable {
9032      display: block;
9033      width: 100%;
9034      text-align: left;
9035      -webkit-transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
9036      transition: all 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
9037      .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--isClickable:focus {
9038        -webkit-box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
9039                box-shadow: 0 4px 8px 0 rgba(152, 162, 179, 0.15), 0 2px 2px -1px rgba(152, 162, 179, 0.3);
9040        -webkit-transform: translateY(-2px);
9041                transform: translateY(-2px);
9042        cursor: pointer; }
9043    .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow {
9044      -webkit-box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
9045              box-shadow: 0 6px 12px -1px rgba(152, 162, 179, 0.2), 0 4px 4px -1px rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
9046      border-bottom-color: rgba(152, 162, 179, 0.5); }
9047      .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow.euiTableRow--isClickable:hover, .euiTable.euiTable--responsive .euiTableRow.euiTableRow--shadow.euiTableRow--isClickable:focus {
9048        -webkit-box-shadow: 0 12px 24px 0 rgba(152, 162, 179, 0.2), 0 6px 12px 0 rgba(152, 162, 179, 0.2), 0 4px 4px 0 rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2);
9049                box-shadow: 0 12px 24px 0 rgba(152, 162, 179, 0.2), 0 6px 12px 0 rgba(152, 162, 179, 0.2), 0 4px 4px 0 rgba(152, 162, 179, 0.2), 0 2px 2px 0 rgba(152, 162, 179, 0.2); }
9050  .euiTable.euiTable--responsive .euiTableRow {
9051    display: -webkit-box;
9052    display: -ms-flexbox;
9053    display: flex;
9054    -ms-flex-wrap: wrap;
9055        flex-wrap: wrap;
9056    padding: 8px;
9057    margin-bottom: 8px; }
9058    .euiTable.euiTable--responsive .euiTableRow:hover {
9059      background-color: transparent; }
9060    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions {
9061      background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
9062      background-size: 40px 100%;
9063      background-position-x: right;
9064      background-repeat: no-repeat;
9065      padding-right: 40px;
9066      position: relative; }
9067    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander,
9068    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions {
9069      min-width: 0;
9070      width: 24px;
9071      position: absolute;
9072      top: 16px;
9073      right: 8px; }
9074      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander::before,
9075      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions::before {
9076        display: none; }
9077      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent,
9078      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent {
9079        -webkit-box-orient: vertical;
9080        -webkit-box-direction: normal;
9081            -ms-flex-direction: column;
9082                flex-direction: column;
9083        padding: 0; }
9084        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandable .euiTableRowCell--isExpander .euiTableCellContent .euiLink,
9085        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions .euiTableRowCell--hasActions .euiTableCellContent .euiLink {
9086          padding: 4px; }
9087    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-hasActions.euiTableRow-isExpandable .euiTableRowCell--isExpander {
9088      top: auto;
9089      bottom: 16px; }
9090    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable {
9091      padding-left: 36px;
9092      position: relative; }
9093      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelectable .euiTableRowCellCheckbox {
9094        position: absolute;
9095        left: 4px;
9096        top: 12px; }
9097    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected, .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover,
9098    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected + .euiTableRow.euiTableRow-isExpandedRow,
9099    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isSelected:hover + .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
9100      background-color: #eef5fa; }
9101    .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow {
9102      background-image: linear-gradient(to right, rgba(152, 162, 179, 0.1) 0, rgba(152, 162, 179, 0.1) 1px, transparent 1px, transparent 100%);
9103      background-size: 40px 100%;
9104      background-position-x: right;
9105      background-repeat: no-repeat;
9106      -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
9107              box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
9108      margin-top: -16px;
9109      position: relative;
9110      z-index: 2;
9111      border-top: none;
9112      border-top-left-radius: 0;
9113      border-top-right-radius: 0;
9114      padding-left: 8px; }
9115      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow:hover {
9116        background-color: #FFF; }
9117      .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell {
9118        width: calc(100% - 40px); }
9119        .euiTable.euiTable--responsive .euiTableRow.euiTableRow-isExpandedRow .euiTableRowCell::before {
9120          display: none; }
9121  .euiTable.euiTable--responsive .euiTableRowCell {
9122    display: block;
9123    /* IE requires block to grow and wrap. */
9124    min-width: 50%;
9125    border: none; }
9126    .euiTable.euiTable--responsive .euiTableRowCell[data-header]::before {
9127      font-size: 11px;
9128      font-size: 0.6875rem;
9129      content: attr(data-header);
9130      display: block;
9131      color: #69707D;
9132      padding: 8px;
9133      padding-bottom: 0;
9134      margin-bottom: -8px;
9135      min-height: 24px;
9136      white-space: nowrap;
9137      overflow: hidden;
9138      text-overflow: ellipsis; }
9139    .euiTable.euiTable--responsive .euiTableRowCell:only-child::before {
9140      min-height: 0; }
9141    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileHeader {
9142      font-size: 16px;
9143      font-size: 1rem;
9144      line-height: 1.5;
9145      display: block;
9146      width: 100%; }
9147      .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileHeader::before {
9148        display: none; }
9149    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileFullWidth {
9150      width: 100%; }
9151      .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--isMobileFullWidth .euiTableCellContent--alignCenter {
9152        -webkit-box-pack: center;
9153            -ms-flex-pack: center;
9154                justify-content: center;
9155        text-align: center; }
9156    .euiTable.euiTable--responsive .euiTableRowCell.euiTableRowCell--hideForMobile {
9157      display: none; }
9158  .euiTable.euiTable--responsive .euiTableRowCellCheckbox {
9159    border: none; }
9160  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .expandedItemActions__completelyHide {
9161    display: none; }
9162  .euiTable.euiTable--responsive .euiTableRow-hasActions .euiTableCellContent--showOnHover .euiTableCellContent__hoverItem {
9163    opacity: 1;
9164    -webkit-filter: none;
9165            filter: none;
9166    margin-left: 0;
9167    margin-bottom: 8px; }
9168  .euiTable.euiTable--responsive .euiTableCellContent--alignRight {
9169    -webkit-box-pack: start;
9170        -ms-flex-pack: start;
9171            justify-content: flex-start; }
9172  .euiTable.euiTable--responsive .euiTableCellContent--alignCenter {
9173    -webkit-box-pack: start;
9174        -ms-flex-pack: start;
9175            justify-content: flex-start; } }
9176
9177.euiTableHeaderMobile,
9178.euiTableHeaderCell--isMobileHeader {
9179  display: none; }
9180
9181@media only screen and (max-width: 574px) {
9182  .euiTableHeaderMobile {
9183    display: -webkit-box;
9184    display: -ms-flexbox;
9185    display: flex;
9186    -webkit-box-pack: end;
9187        -ms-flex-pack: end;
9188            justify-content: flex-end;
9189    padding: 8px 0; }
9190  .euiTableSortMobile {
9191    display: block; } }
9192
9193@media only screen and (min-width: 575px) and (max-width: 767px) {
9194  .euiTableHeaderMobile {
9195    display: -webkit-box;
9196    display: -ms-flexbox;
9197    display: flex;
9198    -webkit-box-pack: end;
9199        -ms-flex-pack: end;
9200            justify-content: flex-end;
9201    padding: 8px 0; }
9202  .euiTableSortMobile {
9203    display: block; } }
9204
9205.euiTabs {
9206  scrollbar-width: thin;
9207  display: -webkit-box;
9208  display: -ms-flexbox;
9209  display: flex;
9210  position: relative;
9211  max-width: 100%;
9212  overflow-x: auto;
9213  overflow-y: hidden; }
9214  .euiTabs::-webkit-scrollbar {
9215    width: 16px;
9216    height: 16px; }
9217  .euiTabs::-webkit-scrollbar-thumb {
9218    background-color: rgba(105, 112, 125, 0.5);
9219    border: 6px solid transparent;
9220    background-clip: content-box; }
9221  .euiTabs::-webkit-scrollbar-corner, .euiTabs::-webkit-scrollbar-track {
9222    background-color: transparent; }
9223  .euiTabs:before {
9224    position: absolute;
9225    bottom: 0;
9226    left: 0;
9227    right: 0;
9228    height: 1px;
9229    background-color: #D3DAE6;
9230    content: ''; }
9231  .euiTabs::-webkit-scrollbar {
9232    height: 3px; }
9233  .euiTabs.euiTabs--small .euiTab {
9234    font-size: 14px;
9235    font-size: 0.875rem;
9236    padding: 8px; }
9237  .euiTabs.euiTabs--expand .euiTab {
9238    -webkit-box-flex: 1;
9239        -ms-flex-positive: 1;
9240            flex-grow: 1;
9241    -ms-flex-preferred-size: 0%;
9242        flex-basis: 0%; }
9243
9244.euiTab {
9245  font-size: 16px;
9246  font-size: 1rem;
9247  line-height: 1.5;
9248  position: relative;
9249  cursor: pointer;
9250  padding: 12px 16px;
9251  background-color: transparent;
9252  -webkit-transition: color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), background-color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1);
9253  transition: color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1), background-color 250ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
9254  .euiTab:hover:not(.euiTab-isSelected) {
9255    color: #343741;
9256    text-decoration: underline; }
9257  .euiTab:focus {
9258    background-color: #e6f0f8;
9259    text-decoration: underline; }
9260    .euiTab:focus:before {
9261      position: absolute;
9262      bottom: 0;
9263      left: 0;
9264      right: 0;
9265      height: 1px;
9266      background-color: #D3DAE6;
9267      content: ''; }
9268  .euiTab.euiTab-isDisabled {
9269    color: #98A2B3; }
9270    .euiTab.euiTab-isDisabled:hover {
9271      cursor: not-allowed;
9272      text-decoration: none;
9273      color: #98A2B3; }
9274  .euiTab.euiTab-isSelected {
9275    cursor: default;
9276    color: #006BB4; }
9277    .euiTab.euiTab-isSelected:after {
9278      position: absolute;
9279      bottom: 0;
9280      left: 0;
9281      content: ' ';
9282      width: 100%;
9283      height: 2px;
9284      background-color: #006BB4;
9285      -webkit-animation: euiTab 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
9286              animation: euiTab 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
9287
9288.euiTab__content {
9289  display: block;
9290  white-space: nowrap;
9291  overflow: hidden;
9292  text-overflow: ellipsis;
9293  -webkit-transition: -webkit-transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
9294  transition: -webkit-transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
9295  transition: transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
9296  transition: transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1), -webkit-transform 150ms cubic-bezier(0.34, 1.61, 0.7, 1);
9297  -webkit-transform: translateY(0);
9298          transform: translateY(0); }
9299
9300@-webkit-keyframes euiTab {
9301  0% {
9302    -webkit-transform: scaleX(0);
9303            transform: scaleX(0); }
9304  100% {
9305    -webkit-transform: scaleX(1);
9306            transform: scaleX(1); } }
9307
9308@keyframes euiTab {
9309  0% {
9310    -webkit-transform: scaleX(0);
9311            transform: scaleX(0); }
9312  100% {
9313    -webkit-transform: scaleX(1);
9314            transform: scaleX(1); } }
9315
9316.euiTitle + .euiTitle {
9317  margin-top: 24px; }
9318
9319.euiTitle--uppercase {
9320  text-transform: uppercase; }
9321
9322.euiTitle--xxxsmall {
9323  color: #1a1c21;
9324  font-size: 12px;
9325  font-size: 0.75rem;
9326  line-height: 1.5;
9327  line-height: 1.5rem;
9328  font-weight: 700; }
9329
9330.euiTitle--xxsmall {
9331  color: #1a1c21;
9332  font-size: 14px;
9333  font-size: 0.875rem;
9334  line-height: 1.5;
9335  line-height: 1.5rem;
9336  font-weight: 700; }
9337
9338.euiTitle--xsmall {
9339  color: #1a1c21;
9340  font-size: 16px;
9341  font-size: 1rem;
9342  line-height: 1.5;
9343  line-height: 1.5rem;
9344  font-weight: 600;
9345  letter-spacing: -.02em; }
9346
9347.euiTitle--small {
9348  color: #1a1c21;
9349  font-size: 20px;
9350  font-size: 1.25rem;
9351  line-height: 1.5;
9352  line-height: 2rem;
9353  font-weight: 500;
9354  letter-spacing: -.025em; }
9355
9356.euiTitle--medium {
9357  color: #1a1c21;
9358  font-size: 28px;
9359  font-size: 1.75rem;
9360  line-height: 1.25;
9361  font-weight: 300;
9362  letter-spacing: -.05em;
9363  line-height: 2.5rem;
9364  letter-spacing: -.04em; }
9365
9366.euiTitle--large {
9367  color: #1a1c21;
9368  font-size: 36px;
9369  font-size: 2.25rem;
9370  line-height: 1.25;
9371  font-weight: 300;
9372  letter-spacing: -.03em;
9373  line-height: 3rem; }
9374
9375/**
9376 * 1. Allow list to expand as items are added, but cap it at the screen height.
9377 * 2. Only show the scroll on hover. Generally, scrolling is bad for toasts.
9378 * 3. Allow some padding if a scroll shows up.
9379 */
9380.euiGlobalToastList {
9381  scrollbar-width: thin;
9382  display: -webkit-box;
9383  display: -ms-flexbox;
9384  display: flex;
9385  -webkit-box-orient: vertical;
9386  -webkit-box-direction: normal;
9387      -ms-flex-direction: column;
9388          flex-direction: column;
9389  -webkit-box-align: stretch;
9390      -ms-flex-align: stretch;
9391          align-items: stretch;
9392  position: fixed;
9393  z-index: 9000;
9394  bottom: 0;
9395  right: 0;
9396  width: 368px;
9397  /* 3 */
9398  padding-right: 16px;
9399  padding-left: 32px;
9400  max-height: 100vh;
9401  /* 1 */ }
9402  .euiGlobalToastList::-webkit-scrollbar {
9403    width: 16px;
9404    height: 16px; }
9405  .euiGlobalToastList::-webkit-scrollbar-thumb {
9406    background-color: rgba(105, 112, 125, 0.5);
9407    border: 6px solid transparent;
9408    background-clip: content-box; }
9409  .euiGlobalToastList::-webkit-scrollbar-corner, .euiGlobalToastList::-webkit-scrollbar-track {
9410    background-color: transparent; }
9411  .euiGlobalToastList:hover {
9412    overflow-y: auto;
9413    /* 2 */ }
9414
9415.euiGlobalToastListItem {
9416  margin-bottom: 16px;
9417  margin-right: 16px;
9418  -webkit-animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
9419          animation: 250ms euiShowToast cubic-bezier(0.694, 0.0482, 0.335, 1);
9420  opacity: 1;
9421  /**
9422   * 1. justify-content: flex-end interferes with overflowing content, so we'll use this to push
9423   *    items to the bottom instead.
9424   */ }
9425  .euiGlobalToastListItem:first-child {
9426    margin-top: auto;
9427    /* 1 */ }
9428  .euiGlobalToastListItem.euiGlobalToastListItem-isDismissed {
9429    -webkit-transition: opacity 250ms;
9430    transition: opacity 250ms;
9431    opacity: 0; }
9432
9433@-webkit-keyframes euiShowToast {
9434  from {
9435    -webkit-transform: translateY(24px) scale(0.9);
9436            transform: translateY(24px) scale(0.9);
9437    opacity: 0; }
9438  to {
9439    -webkit-transform: translateY(0) scale(1);
9440            transform: translateY(0) scale(1);
9441    opacity: 1; } }
9442
9443@keyframes euiShowToast {
9444  from {
9445    -webkit-transform: translateY(24px) scale(0.9);
9446            transform: translateY(24px) scale(0.9);
9447    opacity: 0; }
9448  to {
9449    -webkit-transform: translateY(0) scale(1);
9450            transform: translateY(0) scale(1);
9451    opacity: 1; } }
9452
9453@media only screen and (max-width: 574px) {
9454  /**
9455   * 1. Mobile we make these 100%. Matching change happens on the item as well.
9456   */
9457  .euiGlobalToastList {
9458    left: 0;
9459    padding-left: 16px;
9460    width: 100%;
9461    /* 1 */ } }
9462
9463@media only screen and (min-width: 575px) and (max-width: 767px) {
9464  /**
9465   * 1. Mobile we make these 100%. Matching change happens on the item as well.
9466   */
9467  .euiGlobalToastList {
9468    left: 0;
9469    padding-left: 16px;
9470    width: 100%;
9471    /* 1 */ } }
9472
9473.euiToast {
9474  border: 1px solid #D3DAE6;
9475  -webkit-box-shadow: 0 40px 64px 0 rgba(65, 78, 101, 0.1), 0 24px 32px 0 rgba(65, 78, 101, 0.1), 0 16px 16px 0 rgba(65, 78, 101, 0.1), 0 8px 8px 0 rgba(65, 78, 101, 0.1), 0 4px 4px 0 rgba(65, 78, 101, 0.1), 0 2px 2px 0 rgba(65, 78, 101, 0.1);
9476          box-shadow: 0 40px 64px 0 rgba(65, 78, 101, 0.1), 0 24px 32px 0 rgba(65, 78, 101, 0.1), 0 16px 16px 0 rgba(65, 78, 101, 0.1), 0 8px 8px 0 rgba(65, 78, 101, 0.1), 0 4px 4px 0 rgba(65, 78, 101, 0.1), 0 2px 2px 0 rgba(65, 78, 101, 0.1);
9477  border-color: #c6cad1;
9478  border-top-color: #e3e4e8;
9479  border-bottom-color: #aaafba;
9480  position: relative;
9481  padding: 16px;
9482  background-color: #FFF;
9483  width: 100%; }
9484  .euiToast:hover .euiToast__closeButton,
9485  .euiToast:focus .euiToast__closeButton {
9486    opacity: 1; }
9487
9488/**
9489  * 1. Fit button to icon.
9490  */
9491.euiToast__closeButton {
9492  position: absolute;
9493  top: 16px;
9494  right: 16px;
9495  line-height: 0;
9496  /* 1 */
9497  -webkit-appearance: none;
9498     -moz-appearance: none;
9499          appearance: none;
9500  opacity: 0;
9501  -webkit-transition: opacity 150ms cubic-bezier(0.694, 0.0482, 0.335, 1);
9502  transition: opacity 150ms cubic-bezier(0.694, 0.0482, 0.335, 1); }
9503  .euiToast__closeButton svg {
9504    fill: #8d8e90; }
9505  .euiToast__closeButton:hover svg {
9506    fill: #1a1c21; }
9507  .euiToast__closeButton:focus {
9508    background-color: #e6f0f8;
9509    opacity: 1; }
9510    .euiToast__closeButton:focus svg {
9511      fill: #006BB4; }
9512
9513.euiToast--primary {
9514  border-top: 2px solid #006BB4; }
9515
9516.euiToast--success {
9517  border-top: 2px solid #017D73; }
9518
9519.euiToast--warning {
9520  border-top: 2px solid #F5A700; }
9521
9522.euiToast--danger {
9523  border-top: 2px solid #BD271E; }
9524
9525/**
9526 * 1. Align icon with first line of title text if it wraps.
9527 * 2. Apply margin to all but last item in the flex.
9528 * 3. Account for close button.
9529 */
9530.euiToastHeader {
9531  padding-right: 24px;
9532  /* 3 */
9533  display: -webkit-box;
9534  display: -ms-flexbox;
9535  display: flex;
9536  -webkit-box-align: baseline;
9537      -ms-flex-align: baseline;
9538          align-items: baseline;
9539  /* 1 */ }
9540  .euiToastHeader > * + * {
9541    margin-left: 8px;
9542    /* 2 */ }
9543
9544/**
9545  * 1. Vertically center icon with first line of title.
9546  */
9547.euiToastHeader__icon {
9548  -webkit-box-flex: 0;
9549      -ms-flex: 0 0 auto;
9550          flex: 0 0 auto;
9551  fill: #1a1c21;
9552  -webkit-transform: translateY(2px);
9553          transform: translateY(2px);
9554  /* 1 */ }
9555
9556.euiToastHeader__title {
9557  color: #1a1c21;
9558  font-size: 16px;
9559  font-size: 1rem;
9560  line-height: 1.5;
9561  line-height: 1.5rem;
9562  font-weight: 600;
9563  letter-spacing: -.02em;
9564  font-weight: 300; }
9565
9566.euiToastHeader--withBody {
9567  margin-bottom: 12px; }
9568
9569/**
9570 * 1. Prevent long lines from overflowing.
9571 */
9572.euiToastBody {
9573  word-wrap: break-word;
9574  /* 1 */ }
9575
9576.euiToken {
9577  display: -webkit-box;
9578  display: -ms-flexbox;
9579  display: flex;
9580  -webkit-box-align: center;
9581      -ms-flex-align: center;
9582          align-items: center;
9583  -webkit-box-pack: center;
9584      -ms-flex-pack: center;
9585          justify-content: center; }
9586  .euiToken svg {
9587    width: 100%;
9588    height: 100%;
9589    margin: auto; }
9590
9591.euiToken--circle {
9592  border-radius: 50%; }
9593
9594.euiToken--square {
9595  border-radius: 3px; }
9596
9597.euiToken--small {
9598  width: 16px;
9599  height: 16px; }
9600  .euiToken--small.euiToken--rectangle {
9601    padding: 0 4px; }
9602
9603.euiToken--medium {
9604  width: 24px;
9605  height: 24px; }
9606  .euiToken--medium.euiToken--rectangle {
9607    padding: 0 8px; }
9608
9609.euiToken--large {
9610  width: 32px;
9611  height: 32px; }
9612  .euiToken--large.euiToken--rectangle {
9613    padding: 0 8px; }
9614
9615.euiToken--rectangle {
9616  -webkit-box-sizing: content-box;
9617          box-sizing: content-box; }
9618
9619.euiToken--tokenTint01 {
9620  -webkit-box-shadow: 0 0 0 1px #006BB4;
9621          box-shadow: 0 0 0 1px #006BB4;
9622  background-color: #b3d3e9; }
9623  .euiToken--tokenTint01.euiToken--no-border {
9624    -webkit-box-shadow: none;
9625            box-shadow: none; }
9626  .euiToken--tokenTint01.euiToken--fill {
9627    background-color: #006BB4; }
9628    .euiToken--tokenTint01.euiToken--fill svg {
9629      fill: #FFF; }
9630  .euiToken--tokenTint01 svg {
9631    fill: #005792; }
9632
9633.euiToken--tokenTint02 {
9634  -webkit-box-shadow: 0 0 0 1px #DD0A73;
9635          box-shadow: 0 0 0 1px #DD0A73;
9636  background-color: #f5b6d5; }
9637  .euiToken--tokenTint02.euiToken--no-border {
9638    -webkit-box-shadow: none;
9639            box-shadow: none; }
9640  .euiToken--tokenTint02.euiToken--fill {
9641    background-color: #DD0A73; }
9642    .euiToken--tokenTint02.euiToken--fill svg {
9643      fill: #FFF; }
9644  .euiToken--tokenTint02 svg {
9645    fill: #a30a55; }
9646
9647.euiToken--tokenTint03 {
9648  -webkit-box-shadow: 0 0 0 1px #490092;
9649          box-shadow: 0 0 0 1px #490092;
9650  background-color: #c8b3de; }
9651  .euiToken--tokenTint03.euiToken--no-border {
9652    -webkit-box-shadow: none;
9653            box-shadow: none; }
9654  .euiToken--tokenTint03.euiToken--fill {
9655    background-color: #490092; }
9656    .euiToken--tokenTint03.euiToken--fill svg {
9657      fill: #FFF; }
9658  .euiToken--tokenTint03 svg {
9659    fill: #490092; }
9660
9661.euiToken--tokenTint04 {
9662  -webkit-box-shadow: 0 0 0 1px #F98510;
9663          box-shadow: 0 0 0 1px #F98510;
9664  background-color: #fddab7; }
9665  .euiToken--tokenTint04.euiToken--no-border {
9666    -webkit-box-shadow: none;
9667            box-shadow: none; }
9668  .euiToken--tokenTint04.euiToken--fill {
9669    background-color: #F98510; }
9670    .euiToken--tokenTint04.euiToken--fill svg {
9671      fill: #FFF; }
9672  .euiToken--tokenTint04 svg {
9673    fill: #95500a; }
9674
9675.euiToken--tokenTint05 {
9676  -webkit-box-shadow: 0 0 0 1px #3185FC;
9677          box-shadow: 0 0 0 1px #3185FC;
9678  background-color: #c1dafe; }
9679  .euiToken--tokenTint05.euiToken--no-border {
9680    -webkit-box-shadow: none;
9681            box-shadow: none; }
9682  .euiToken--tokenTint05.euiToken--fill {
9683    background-color: #3185FC; }
9684    .euiToken--tokenTint05.euiToken--fill svg {
9685      fill: #FFF; }
9686  .euiToken--tokenTint05 svg {
9687    fill: #2158a7; }
9688
9689.euiToken--tokenTint06 {
9690  -webkit-box-shadow: 0 0 0 1px #E6C220;
9691          box-shadow: 0 0 0 1px #E6C220;
9692  background-color: #f8edbc; }
9693  .euiToken--tokenTint06.euiToken--no-border {
9694    -webkit-box-shadow: none;
9695            box-shadow: none; }
9696  .euiToken--tokenTint06.euiToken--fill {
9697    background-color: #E6C220; }
9698    .euiToken--tokenTint06.euiToken--fill svg {
9699      fill: #FFF; }
9700  .euiToken--tokenTint06 svg {
9701    fill: #776412; }
9702
9703.euiToken--tokenTint07 {
9704  -webkit-box-shadow: 0 0 0 1px #00B3A4;
9705          box-shadow: 0 0 0 1px #00B3A4;
9706  background-color: #b3e8e4; }
9707  .euiToken--tokenTint07.euiToken--no-border {
9708    -webkit-box-shadow: none;
9709            box-shadow: none; }
9710  .euiToken--tokenTint07.euiToken--fill {
9711    background-color: #00B3A4; }
9712    .euiToken--tokenTint07.euiToken--fill svg {
9713      fill: #FFF; }
9714  .euiToken--tokenTint07 svg {
9715    fill: #006b63; }
9716
9717.euiToken--tokenTint08 {
9718  -webkit-box-shadow: 0 0 0 1px #920000;
9719          box-shadow: 0 0 0 1px #920000;
9720  background-color: #deb3b3; }
9721  .euiToken--tokenTint08.euiToken--no-border {
9722    -webkit-box-shadow: none;
9723            box-shadow: none; }
9724  .euiToken--tokenTint08.euiToken--fill {
9725    background-color: #920000; }
9726    .euiToken--tokenTint08.euiToken--fill svg {
9727      fill: #FFF; }
9728  .euiToken--tokenTint08 svg {
9729    fill: #920000; }
9730
9731.euiToken--tokenTint09 {
9732  -webkit-box-shadow: 0 0 0 1px #F0F;
9733          box-shadow: 0 0 0 1px #F0F;
9734  background-color: #ffb3ff; }
9735  .euiToken--tokenTint09.euiToken--no-border {
9736    -webkit-box-shadow: none;
9737            box-shadow: none; }
9738  .euiToken--tokenTint09.euiToken--fill {
9739    background-color: #F0F; }
9740    .euiToken--tokenTint09.euiToken--fill svg {
9741      fill: #FFF; }
9742  .euiToken--tokenTint09 svg {
9743    fill: #9a009a; }
9744
9745.euiToken--tokenTint10 {
9746  -webkit-box-shadow: 0 0 0 1px #26AB00;
9747          box-shadow: 0 0 0 1px #26AB00;
9748  background-color: #bee6b3; }
9749  .euiToken--tokenTint10.euiToken--no-border {
9750    -webkit-box-shadow: none;
9751            box-shadow: none; }
9752  .euiToken--tokenTint10.euiToken--fill {
9753    background-color: #26AB00; }
9754    .euiToken--tokenTint10.euiToken--fill svg {
9755      fill: #FFF; }
9756  .euiToken--tokenTint10 svg {
9757    fill: #196b00; }
9758
9759.euiToken--tokenTint11 {
9760  -webkit-box-shadow: 0 0 0 1px #4C1604;
9761          box-shadow: 0 0 0 1px #4C1604;
9762  background-color: #c9b9b4; }
9763  .euiToken--tokenTint11.euiToken--no-border {
9764    -webkit-box-shadow: none;
9765            box-shadow: none; }
9766  .euiToken--tokenTint11.euiToken--fill {
9767    background-color: #4C1604; }
9768    .euiToken--tokenTint11.euiToken--fill svg {
9769      fill: #FFF; }
9770  .euiToken--tokenTint11 svg {
9771    fill: #4C1604; }
9772
9773.euiToken--tokenTint12 {
9774  -webkit-box-shadow: 0 0 0 1px #666;
9775          box-shadow: 0 0 0 1px #666;
9776  background-color: #d1d1d1; }
9777  .euiToken--tokenTint12.euiToken--no-border {
9778    -webkit-box-shadow: none;
9779            box-shadow: none; }
9780  .euiToken--tokenTint12.euiToken--fill {
9781    background-color: #666; }
9782    .euiToken--tokenTint12.euiToken--fill svg {
9783      fill: #FFF; }
9784  .euiToken--tokenTint12 svg {
9785    fill: #575757; }
9786
9787.euiToggle {
9788  position: relative; }
9789  .euiToggle .euiToggle__input {
9790    position: absolute;
9791    opacity: 0 !important;
9792    width: 100%;
9793    height: 100%;
9794    cursor: pointer; }
9795    .euiToggle .euiToggle__input:disabled {
9796      cursor: not-allowed; }
9797
9798/*
9799 * 1. Shift arrow 1px more than half it's size to account for border radius
9800 */
9801.euiToolTip {
9802  -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
9803          box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1);
9804  border-radius: 4px;
9805  background-color: #404040;
9806  color: #FFF;
9807  z-index: 9000;
9808  max-width: 256px;
9809  overflow-wrap: break-word;
9810  font-size: 14px;
9811  font-size: 0.875rem;
9812  line-height: 1.5;
9813  padding: 12px;
9814  -webkit-animation: euiToolTipTop 350ms ease-out 250ms forwards;
9815          animation: euiToolTipTop 350ms ease-out 250ms forwards;
9816  position: absolute;
9817  opacity: 0;
9818  /* 1 */
9819  /* 1 */ }
9820  .euiToolTip.euiToolTip--delayLong {
9821    -webkit-animation-delay: 1250ms;
9822            animation-delay: 1250ms; }
9823  .euiToolTip .euiToolTip__arrow {
9824    content: '';
9825    position: absolute;
9826    -webkit-transform-origin: center;
9827            transform-origin: center;
9828    border-radius: 2px;
9829    background-color: #404040;
9830    width: 12px;
9831    height: 12px;
9832    -webkit-transform: translateY(-7px) rotateZ(45deg);
9833            transform: translateY(-7px) rotateZ(45deg);
9834    /* 1 */ }
9835  .euiToolTip.euiToolTip--right {
9836    -webkit-animation-name: euiToolTipRight;
9837            animation-name: euiToolTipRight; }
9838    .euiToolTip.euiToolTip--right .euiToolTip__arrow {
9839      -webkit-transform: translateX(-5px) rotateZ(45deg);
9840              transform: translateX(-5px) rotateZ(45deg);
9841      /* 1 */ }
9842  .euiToolTip.euiToolTip--bottom {
9843    -webkit-animation-name: euiToolTipBottom;
9844            animation-name: euiToolTipBottom; }
9845    .euiToolTip.euiToolTip--bottom .euiToolTip__arrow {
9846      -webkit-transform: translateY(-5px) rotateZ(45deg);
9847              transform: translateY(-5px) rotateZ(45deg);
9848      /* 1 */ }
9849  .euiToolTip.euiToolTip--left {
9850    -webkit-animation-name: euiToolTipLeft;
9851            animation-name: euiToolTipLeft; }
9852    .euiToolTip.euiToolTip--left .euiToolTip__arrow {
9853      -webkit-transform: translateX(-7px) rotateZ(45deg);
9854              transform: translateX(-7px) rotateZ(45deg);
9855      /* 1 */ }
9856  .euiToolTip .euiToolTip__title {
9857    font-weight: 700;
9858    border-bottom: solid 1px #595959;
9859    padding-bottom: 4px;
9860    margin-bottom: 4px; }
9861
9862.euiToolTipAnchor {
9863  display: inline-block; }
9864  .euiToolTipAnchor *[disabled] {
9865    pointer-events: none; }
9866
9867@-webkit-keyframes euiToolTipTop {
9868  0% {
9869    opacity: 0;
9870    -webkit-transform: translateY(-16px);
9871            transform: translateY(-16px); }
9872  100% {
9873    opacity: 1;
9874    -webkit-transform: translateY(0);
9875            transform: translateY(0); } }
9876
9877@keyframes euiToolTipTop {
9878  0% {
9879    opacity: 0;
9880    -webkit-transform: translateY(-16px);
9881            transform: translateY(-16px); }
9882  100% {
9883    opacity: 1;
9884    -webkit-transform: translateY(0);
9885            transform: translateY(0); } }
9886
9887@-webkit-keyframes euiToolTipBottom {
9888  0% {
9889    opacity: 0;
9890    -webkit-transform: translateY(16px);
9891            transform: translateY(16px); }
9892  100% {
9893    opacity: 1;
9894    -webkit-transform: translateY(0);
9895            transform: translateY(0); } }
9896
9897@keyframes euiToolTipBottom {
9898  0% {
9899    opacity: 0;
9900    -webkit-transform: translateY(16px);
9901            transform: translateY(16px); }
9902  100% {
9903    opacity: 1;
9904    -webkit-transform: translateY(0);
9905            transform: translateY(0); } }
9906
9907@-webkit-keyframes euiToolTipLeft {
9908  0% {
9909    opacity: 0;
9910    -webkit-transform: translateX(-16px);
9911            transform: translateX(-16px); }
9912  100% {
9913    opacity: 1;
9914    -webkit-transform: translateY(0);
9915            transform: translateY(0); } }
9916
9917@keyframes euiToolTipLeft {
9918  0% {
9919    opacity: 0;
9920    -webkit-transform: translateX(-16px);
9921            transform: translateX(-16px); }
9922  100% {
9923    opacity: 1;
9924    -webkit-transform: translateY(0);
9925            transform: translateY(0); } }
9926
9927@-webkit-keyframes euiToolTipRight {
9928  0% {
9929    opacity: 0;
9930    -webkit-transform: translateX(16px);
9931            transform: translateX(16px); }
9932  100% {
9933    opacity: 1;
9934    -webkit-transform: translateY(0);
9935            transform: translateY(0); } }
9936
9937@keyframes euiToolTipRight {
9938  0% {
9939    opacity: 0;
9940    -webkit-transform: translateX(16px);
9941            transform: translateX(16px); }
9942  100% {
9943    opacity: 1;
9944    -webkit-transform: translateY(0);
9945            transform: translateY(0); } }
9946
9947.euiText {
9948  color: #343741;
9949  font-weight: 400;
9950  font-size: 16px;
9951  font-size: 1rem;
9952  line-height: 1.5;
9953  color: inherit;
9954  line-height: 1.5rem; }
9955  .euiText a:not([class]) {
9956    color: #006BB4; }
9957    .euiText a:not([class]):hover {
9958      color: #004d81;
9959      text-decoration: underline; }
9960    .euiText a:not([class]):focus {
9961      text-decoration: underline;
9962      outline: solid 3px rgba(0, 107, 180, 0.1);
9963      background-color: rgba(0, 107, 180, 0.1); }
9964  .euiText img {
9965    display: block;
9966    width: 100%; }
9967  .euiText ul {
9968    list-style: disc; }
9969  .euiText ol {
9970    list-style: decimal; }
9971  .euiText blockquote {
9972    position: relative;
9973    text-align: center;
9974    margin-left: auto;
9975    margin-right: auto;
9976    font-family: Georgia, Times, Times New Roman, serif;
9977    font-style: italic;
9978    letter-spacing: normal; }
9979    .euiText blockquote p:last-child {
9980      margin-bottom: 0; }
9981    .euiText blockquote:before, .euiText blockquote:after {
9982      position: absolute;
9983      content: '';
9984      height: 2px;
9985      width: 50%;
9986      right: 0;
9987      -webkit-transform: translateX(-50%);
9988              transform: translateX(-50%);
9989      background: #69707D; }
9990    .euiText blockquote:before {
9991      top: 0; }
9992    .euiText blockquote:after {
9993      bottom: 0; }
9994  .euiText h1 {
9995    color: #1a1c21;
9996    font-size: 36px;
9997    font-size: 2.25rem;
9998    line-height: 1.25;
9999    font-weight: 300;
10000    letter-spacing: -.03em;
10001    line-height: 3rem; }
10002  .euiText h2 {
10003    color: #1a1c21;
10004    font-size: 28px;
10005    font-size: 1.75rem;
10006    line-height: 1.25;
10007    font-weight: 300;
10008    letter-spacing: -.05em;
10009    line-height: 2.5rem;
10010    letter-spacing: -.04em; }
10011  .euiText h3 {
10012    color: #1a1c21;
10013    font-size: 20px;
10014    font-size: 1.25rem;
10015    line-height: 1.5;
10016    line-height: 2rem;
10017    font-weight: 500;
10018    letter-spacing: -.025em; }
10019  .euiText h4,
10020  .euiText dt {
10021    color: #1a1c21;
10022    font-size: 16px;
10023    font-size: 1rem;
10024    line-height: 1.5;
10025    line-height: 1.5rem;
10026    font-weight: 600;
10027    letter-spacing: -.02em; }
10028  .euiText h5 {
10029    color: #1a1c21;
10030    font-size: 14px;
10031    font-size: 0.875rem;
10032    line-height: 1.5;
10033    line-height: 1.5rem;
10034    font-weight: 700; }
10035  .euiText h6 {
10036    color: #1a1c21;
10037    font-size: 12px;
10038    font-size: 0.75rem;
10039    line-height: 1.5;
10040    line-height: 1.5rem;
10041    font-weight: 700;
10042    text-transform: uppercase; }
10043  .euiText pre {
10044    white-space: pre-wrap;
10045    background: #F5F7FA;
10046    color: #343741; }
10047  .euiText pre,
10048  .euiText pre code {
10049    display: block; }
10050  .euiText code {
10051    font-family: "Roboto Mono", Consolas, Menlo, Courier, monospace;
10052    letter-spacing: normal;
10053    display: inline-block;
10054    font-weight: 400; }
10055  .euiText p,
10056  .euiText ul,
10057  .euiText ol,
10058  .euiText dl,
10059  .euiText blockquote,
10060  .euiText img,
10061  .euiText pre {
10062    margin-bottom: 1.5rem; }
10063  .euiText ul,
10064  .euiText ol {
10065    margin-left: 1.5rem; }
10066  .euiText blockquote {
10067    padding: 1.5rem;
10068    font-size: 1.125rem; }
10069  .euiText h1,
10070  .euiText h2,
10071  .euiText h3,
10072  .euiText h4,
10073  .euiText h5,
10074  .euiText h6 {
10075    margin-bottom: 0.5rem; }
10076  .euiText dd + dt {
10077    margin-top: 1rem; }
10078  .euiText * + h2,
10079  .euiText * + h3,
10080  .euiText * + h4,
10081  .euiText * + h5,
10082  .euiText * + h6 {
10083    margin-top: 2rem; }
10084  .euiText h1 {
10085    font-size: 2.25rem;
10086    line-height: 3rem; }
10087  .euiText h2 {
10088    font-size: 1.75rem;
10089    line-height: 2.5rem; }
10090  .euiText h3 {
10091    font-size: 1.25rem;
10092    line-height: 2rem; }
10093  .euiText h4,
10094  .euiText dt,
10095  .euiText .eui-definitionListReverse dd {
10096    font-size: 1rem;
10097    line-height: 1.5rem; }
10098  .euiText .eui-definitionListReverse dt {
10099    font-size: 0.75rem;
10100    color: #343741; }
10101  .euiText h5 {
10102    font-size: 0.875rem;
10103    line-height: 1rem; }
10104  .euiText h6 {
10105    font-size: 0.75rem;
10106    line-height: 1rem; }
10107  .euiText small {
10108    font-size: 0.875rem; }
10109  .euiText pre {
10110    padding: 16px; }
10111  .euiText code {
10112    font-size: 0.9rem; }
10113  .euiText.euiText--constrainedWidth {
10114    max-width: 36em;
10115    min-width: 75%; }
10116  .euiText.euiText--small {
10117    font-size: 14px;
10118    font-size: 0.875rem;
10119    line-height: 1.3125rem; }
10120    .euiText.euiText--small p,
10121    .euiText.euiText--small ul,
10122    .euiText.euiText--small ol,
10123    .euiText.euiText--small dl,
10124    .euiText.euiText--small blockquote,
10125    .euiText.euiText--small img,
10126    .euiText.euiText--small pre {
10127      margin-bottom: 1.3125rem; }
10128    .euiText.euiText--small ul,
10129    .euiText.euiText--small ol {
10130      margin-left: 1.3125rem; }
10131    .euiText.euiText--small blockquote {
10132      padding: 1.3125rem;
10133      font-size: 0.98438rem; }
10134    .euiText.euiText--small h1,
10135    .euiText.euiText--small h2,
10136    .euiText.euiText--small h3,
10137    .euiText.euiText--small h4,
10138    .euiText.euiText--small h5,
10139    .euiText.euiText--small h6 {
10140      margin-bottom: 0.4375rem; }
10141    .euiText.euiText--small dd + dt {
10142      margin-top: 0.875rem; }
10143    .euiText.euiText--small * + h2,
10144    .euiText.euiText--small * + h3,
10145    .euiText.euiText--small * + h4,
10146    .euiText.euiText--small * + h5,
10147    .euiText.euiText--small * + h6 {
10148      margin-top: 1.75rem; }
10149    .euiText.euiText--small h1 {
10150      font-size: 1.96875rem;
10151      line-height: 2.625rem; }
10152    .euiText.euiText--small h2 {
10153      font-size: 1.53125rem;
10154      line-height: 2.1875rem; }
10155    .euiText.euiText--small h3 {
10156      font-size: 1.09375rem;
10157      line-height: 1.75rem; }
10158    .euiText.euiText--small h4,
10159    .euiText.euiText--small dt,
10160    .euiText.euiText--small .eui-definitionListReverse dd {
10161      font-size: 0.875rem;
10162      line-height: 1.3125rem; }
10163    .euiText.euiText--small .eui-definitionListReverse dt {
10164      font-size: 0.65625rem;
10165      color: #343741; }
10166    .euiText.euiText--small h5 {
10167      font-size: 0.76562rem;
10168      line-height: 0.875rem; }
10169    .euiText.euiText--small h6 {
10170      font-size: 0.65625rem;
10171      line-height: 0.875rem; }
10172    .euiText.euiText--small small {
10173      font-size: 0.76562rem; }
10174    .euiText.euiText--small pre {
10175      padding: 14px; }
10176    .euiText.euiText--small code {
10177      font-size: 0.7875rem; }
10178  .euiText.euiText--extraSmall {
10179    font-size: 12px;
10180    font-size: 0.75rem;
10181    line-height: 1.125rem; }
10182    .euiText.euiText--extraSmall p,
10183    .euiText.euiText--extraSmall ul,
10184    .euiText.euiText--extraSmall ol,
10185    .euiText.euiText--extraSmall dl,
10186    .euiText.euiText--extraSmall blockquote,
10187    .euiText.euiText--extraSmall img,
10188    .euiText.euiText--extraSmall pre {
10189      margin-bottom: 1.125rem; }
10190    .euiText.euiText--extraSmall ul,
10191    .euiText.euiText--extraSmall ol {
10192      margin-left: 1.125rem; }
10193    .euiText.euiText--extraSmall blockquote {
10194      padding: 1.125rem;
10195      font-size: 0.84375rem; }
10196    .euiText.euiText--extraSmall h1,
10197    .euiText.euiText--extraSmall h2,
10198    .euiText.euiText--extraSmall h3,
10199    .euiText.euiText--extraSmall h4,
10200    .euiText.euiText--extraSmall h5,
10201    .euiText.euiText--extraSmall h6 {
10202      margin-bottom: 0.375rem; }
10203    .euiText.euiText--extraSmall dd + dt {
10204      margin-top: 0.75rem; }
10205    .euiText.euiText--extraSmall * + h2,
10206    .euiText.euiText--extraSmall * + h3,
10207    .euiText.euiText--extraSmall * + h4,
10208    .euiText.euiText--extraSmall * + h5,
10209    .euiText.euiText--extraSmall * + h6 {
10210      margin-top: 1.5rem; }
10211    .euiText.euiText--extraSmall h1 {
10212      font-size: 1.6875rem;
10213      line-height: 2.25rem; }
10214    .euiText.euiText--extraSmall h2 {
10215      font-size: 1.3125rem;
10216      line-height: 1.875rem; }
10217    .euiText.euiText--extraSmall h3 {
10218      font-size: 0.9375rem;
10219      line-height: 1.5rem; }
10220    .euiText.euiText--extraSmall h4,
10221    .euiText.euiText--extraSmall dt,
10222    .euiText.euiText--extraSmall .eui-definitionListReverse dd {
10223      font-size: 0.75rem;
10224      line-height: 1.125rem; }
10225    .euiText.euiText--extraSmall .eui-definitionListReverse dt {
10226      font-size: 0.5625rem;
10227      color: #343741; }
10228    .euiText.euiText--extraSmall h5 {
10229      font-size: 0.65625rem;
10230      line-height: 0.75rem; }
10231    .euiText.euiText--extraSmall h6 {
10232      font-size: 0.5625rem;
10233      line-height: 0.75rem; }
10234    .euiText.euiText--extraSmall small {
10235      font-size: 0.65625rem; }
10236    .euiText.euiText--extraSmall pre {
10237      padding: 12px; }
10238    .euiText.euiText--extraSmall code {
10239      font-size: 0.675rem; }
10240  .euiText > :last-child,
10241  .euiText .euiTextColor > :last-child {
10242    margin-bottom: 0 !important; }
10243
10244.euiTextColor--default {
10245  color: #343741; }
10246
10247.euiTextColor--subdued {
10248  color: #69707D; }
10249
10250.euiTextColor--secondary {
10251  color: #017D73; }
10252
10253.euiTextColor--accent {
10254  color: #DD0A73; }
10255
10256.euiTextColor--warning {
10257  color: #9b6900; }
10258
10259.euiTextColor--danger {
10260  color: #BD271E; }
10261
10262.euiTextColor--ghost {
10263  color: #717171;
10264  color: #FFF !important; }
10265
10266.euiTextAlign--left {
10267  text-align: left; }
10268
10269.euiTextAlign--right {
10270  text-align: right; }
10271
10272.euiTextAlign--center {
10273  text-align: center; }
10274
10275/* react-vis scss styles copied and pasted from react-vis lib */
10276.euiSeriesChartContainer .rv-xy-plot {
10277  color: #c3c3c3;
10278  position: relative; }
10279  .euiSeriesChartContainer .rv-xy-plot canvas {
10280    pointer-events: none; }
10281  .euiSeriesChartContainer .rv-xy-plot .rv-xy-canvas {
10282    pointer-events: none;
10283    position: absolute; }
10284
10285.euiSeriesChartContainer .rv-xy-plot__inner {
10286  display: block; }
10287
10288.euiSeriesChartContainer .rv-xy-plot__axis__line {
10289  fill: none;
10290  stroke-width: 2px;
10291  stroke: #e6e6e9; }
10292
10293.euiSeriesChartContainer .rv-xy-plot__axis__tick__line {
10294  stroke: #e6e6e9; }
10295
10296.euiSeriesChartContainer .rv-xy-plot__axis__tick__text {
10297  fill: #6b6b76;
10298  font-size: 11px; }
10299
10300.euiSeriesChartContainer .rv-xy-plot__axis__title text {
10301  fill: #6b6b76;
10302  font-size: 11px; }
10303
10304.euiSeriesChartContainer .rv-xy-plot__grid-lines__line {
10305  stroke: #e6e6e9; }
10306
10307.euiSeriesChartContainer .rv-xy-plot__circular-grid-lines__line {
10308  fill-opacity: 0;
10309  stroke: #e6e6e9; }
10310
10311.euiSeriesChartContainer .rv-xy-plot__series,
10312.euiSeriesChartContainer .rv-xy-plot__series path {
10313  pointer-events: all; }
10314
10315.euiSeriesChartContainer .rv-xy-plot__series--line {
10316  fill: none;
10317  stroke: #000;
10318  stroke-width: 2px; }
10319
10320.euiSeriesChartContainer .rv-crosshair {
10321  position: absolute;
10322  font-size: 11px;
10323  pointer-events: none; }
10324
10325.euiSeriesChartContainer .rv-crosshair__line {
10326  background: #47d3d9;
10327  width: 1px; }
10328
10329.euiSeriesChartContainer .rv-crosshair__inner {
10330  position: absolute;
10331  text-align: left;
10332  top: 0; }
10333
10334.euiSeriesChartContainer .rv-crosshair__inner__content {
10335  border-radius: 4px;
10336  background: #3a3a48;
10337  color: #fff;
10338  font-size: 12px;
10339  padding: 7px 10px;
10340  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
10341          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); }
10342
10343.euiSeriesChartContainer .rv-crosshair__inner--left {
10344  right: 4px; }
10345
10346.euiSeriesChartContainer .rv-crosshair__inner--right {
10347  left: 4px; }
10348
10349.euiSeriesChartContainer .rv-crosshair__title {
10350  font-weight: bold;
10351  white-space: nowrap; }
10352
10353.euiSeriesChartContainer .rv-crosshair__item {
10354  white-space: nowrap; }
10355
10356.euiSeriesChartContainer .rv-hint {
10357  position: absolute;
10358  pointer-events: none; }
10359
10360.euiSeriesChartContainer .rv-hint__content {
10361  border-radius: 4px;
10362  padding: 7px 10px;
10363  font-size: 12px;
10364  background: #3a3a48;
10365  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
10366          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
10367  color: #fff;
10368  text-align: left;
10369  white-space: nowrap; }
10370
10371.euiSeriesChartContainer .rv-discrete-color-legend {
10372  -webkit-box-sizing: border-box;
10373          box-sizing: border-box;
10374  overflow-y: auto;
10375  font-size: 12px; }
10376  .euiSeriesChartContainer .rv-discrete-color-legend.horizontal {
10377    white-space: nowrap; }
10378
10379.euiSeriesChartContainer .rv-discrete-color-legend-item {
10380  color: #3a3a48;
10381  border-radius: 1px;
10382  padding: 9px 10px; }
10383  .euiSeriesChartContainer .rv-discrete-color-legend-item.horizontal {
10384    display: inline-block; }
10385    .euiSeriesChartContainer .rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title {
10386      margin-left: 0;
10387      display: block; }
10388
10389.euiSeriesChartContainer .rv-discrete-color-legend-item__color {
10390  background: #dcdcdc;
10391  display: inline-block;
10392  height: 2px;
10393  vertical-align: middle;
10394  width: 14px; }
10395
10396.euiSeriesChartContainer .rv-discrete-color-legend-item__title {
10397  margin-left: 10px; }
10398
10399.euiSeriesChartContainer .rv-discrete-color-legend-item.disabled {
10400  color: #b8b8b8; }
10401
10402.euiSeriesChartContainer .rv-discrete-color-legend-item.clickable {
10403  cursor: pointer; }
10404  .euiSeriesChartContainer .rv-discrete-color-legend-item.clickable:hover {
10405    background: #f9f9f9; }
10406
10407.euiSeriesChartContainer .rv-search-wrapper {
10408  display: -webkit-box;
10409  display: -ms-flexbox;
10410  display: flex;
10411  -webkit-box-orient: vertical;
10412  -webkit-box-direction: normal;
10413      -ms-flex-direction: column;
10414          flex-direction: column; }
10415
10416.euiSeriesChartContainer .rv-search-wrapper__form {
10417  -webkit-box-flex: 0;
10418      -ms-flex: 0;
10419          flex: 0; }
10420
10421.euiSeriesChartContainer .rv-search-wrapper__form__input {
10422  width: 100%;
10423  color: #a6a6a5;
10424  border: 1px solid #e5e5e4;
10425  padding: 7px 10px;
10426  font-size: 12px;
10427  -webkit-box-sizing: border-box;
10428          box-sizing: border-box;
10429  border-radius: 2px;
10430  margin: 0 0 9px;
10431  outline: 0; }
10432
10433.euiSeriesChartContainer .rv-search-wrapper__contents {
10434  -webkit-box-flex: 1;
10435      -ms-flex: 1;
10436          flex: 1;
10437  overflow: auto; }
10438
10439.euiSeriesChartContainer .rv-continuous-color-legend {
10440  font-size: 12px; }
10441  .euiSeriesChartContainer .rv-continuous-color-legend .rv-gradient {
10442    height: 4px;
10443    border-radius: 2px;
10444    margin-bottom: 5px; }
10445
10446.euiSeriesChartContainer .rv-continuous-size-legend {
10447  font-size: 12px; }
10448  .euiSeriesChartContainer .rv-continuous-size-legend .rv-bubbles {
10449    text-align: justify;
10450    overflow: hidden;
10451    margin-bottom: 5px;
10452    width: 100%; }
10453  .euiSeriesChartContainer .rv-continuous-size-legend .rv-bubble {
10454    background: #d8d9dc;
10455    display: inline-block;
10456    vertical-align: bottom; }
10457  .euiSeriesChartContainer .rv-continuous-size-legend .rv-spacer {
10458    display: inline-block;
10459    font-size: 0;
10460    line-height: 0;
10461    width: 100%; }
10462
10463.euiSeriesChartContainer .rv-legend-titles {
10464  height: 16px;
10465  position: relative; }
10466
10467.euiSeriesChartContainer .rv-legend-titles__left,
10468.euiSeriesChartContainer .rv-legend-titles__right,
10469.euiSeriesChartContainer .rv-legend-titles__center {
10470  position: absolute;
10471  white-space: nowrap;
10472  overflow: hidden; }
10473
10474.euiSeriesChartContainer .rv-legend-titles__center {
10475  display: block;
10476  text-align: center;
10477  width: 100%; }
10478
10479.euiSeriesChartContainer .rv-legend-titles__right {
10480  right: 0; }
10481
10482.euiSeriesChartContainer .rv-radial-chart .rv-xy-plot__series--label {
10483  pointer-events: none; }
10484
10485.euiSeriesChartContainer .rv-treemap {
10486  font-size: 12px;
10487  position: relative; }
10488
10489.euiSeriesChartContainer .rv-treemap__leaf {
10490  overflow: hidden;
10491  position: absolute; }
10492
10493.euiSeriesChartContainer .rv-treemap__leaf--circle {
10494  -webkit-box-align: center;
10495      -ms-flex-align: center;
10496          align-items: center;
10497  border-radius: 100%;
10498  display: -webkit-box;
10499  display: -ms-flexbox;
10500  display: flex;
10501  -webkit-box-pack: center;
10502      -ms-flex-pack: center;
10503          justify-content: center; }
10504
10505.euiSeriesChartContainer .rv-treemap__leaf__content {
10506  overflow: hidden;
10507  padding: 10px;
10508  text-overflow: ellipsis; }
10509
10510.euiSeriesChartContainer .rv-xy-plot {
10511  width: 100% !important;
10512  height: 100% !important; }
10513
10514.euiSeriesChartContainer .rv-xy-plot__grid-lines__line {
10515  stroke-dasharray: 5 5;
10516  stroke-opacity: 0.3;
10517  pointer-events: none; }
10518
10519.euiAreaSeries {
10520  stroke-width: 0 !important; }
10521
10522.euiBarSeries rect {
10523  stroke-width: 1;
10524  stroke: white !important;
10525  rx: 2;
10526  ry: 2; }
10527
10528.euiBarSeries--highDataVolume rect {
10529  stroke-width: 0;
10530  rx: 0;
10531  ry: 0; }
10532
10533.euiBarSeries--hoverEnabled rect:hover {
10534  cursor: pointer; }
10535
10536.euiHistogramSeries rect {
10537  stroke-width: 1;
10538  stroke: white !important;
10539  rx: 2;
10540  ry: 2; }
10541
10542.euiHistogramSeries--highDataVolume rect {
10543  stroke-width: 0;
10544  rx: 0;
10545  ry: 0; }
10546
10547.euiHistogramSeries--hoverEnabled rect:hover {
10548  cursor: pointer; }
10549
10550.euiLegendTitle {
10551  color: #1a1c21;
10552  font-size: 28px;
10553  font-size: 1.75rem;
10554  line-height: 1.25;
10555  font-weight: 300;
10556  letter-spacing: -.05em;
10557  line-height: 2.5rem;
10558  letter-spacing: -.04em;
10559  font-size: 20px;
10560  font-size: 1.25rem;
10561  line-height: 1.5; }
10562
10563.euiLegendContainer {
10564  display: -webkit-box;
10565  display: -ms-flexbox;
10566  display: flex;
10567  -webkit-box-align: center;
10568      -ms-flex-align: center;
10569          align-items: center;
10570  -webkit-box-pack: end;
10571      -ms-flex-pack: end;
10572          justify-content: flex-end; }
10573
10574.euiLegendContent {
10575  white-space: nowrap;
10576  color: gray;
10577  display: -webkit-box;
10578  display: -ms-flexbox;
10579  display: flex; }
10580
10581.euiLegendTruncatedLabel {
10582  display: inline-block; }
10583
10584.euiLegendSeriesValue {
10585  margin-left: 5px;
10586  display: inline-block;
10587  color: black; }
10588
10589.euiLegendMoreSeriesContainer {
10590  font-size: 14px;
10591  font-size: 0.875rem;
10592  line-height: 1.5;
10593  color: gray; }
10594
10595.euiLegendItemContainer {
10596  display: -webkit-box;
10597  display: -ms-flexbox;
10598  display: flex;
10599  -webkit-box-align: center;
10600      -ms-flex-align: center;
10601          align-items: center;
10602  color: gray;
10603  cursor: pointer;
10604  -webkit-user-select: none;
10605     -moz-user-select: none;
10606      -ms-user-select: none;
10607          user-select: none;
10608  margin-right: 4px;
10609  opacity: 1;
10610  font-size: 18px;
10611  font-size: 1.125rem;
10612  line-height: 1.5; }
10613  .euiLegendItemContainer:last-of-type {
10614    margin-right: 0; }
10615
10616.euiLegendItemIndicator {
10617  border-radius: 100%;
10618  width: 8px;
10619  height: 8px;
10620  margin-right: 4px; }
10621
10622.euiLineAnnotations__line {
10623  stroke: red;
10624  stroke-width: 2px;
10625  opacity: 0.3; }
10626
10627.euiLineAnnotations__text {
10628  font-size: 12px;
10629  fill: red;
10630  stroke-width: 0;
10631  opacity: 0.3;
10632  alignment-baseline: text-after-edge; }
10633
10634.euiSeriesChartContainer__emptyPrompt {
10635  height: 100%;
10636  display: -webkit-box;
10637  display: -ms-flexbox;
10638  display: flex;
10639  -webkit-box-orient: vertical;
10640  -webkit-box-direction: normal;
10641      -ms-flex-direction: column;
10642          flex-direction: column;
10643  -webkit-box-align: center;
10644      -ms-flex-align: center;
10645          align-items: center;
10646  -webkit-box-pack: center;
10647      -ms-flex-pack: center;
10648          justify-content: center; }