/*!*****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************/
*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}/*
! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com
*//*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}
.container {
  width: 100%;
}
@media (min-width: 640px) {

  .container {
    max-width: 640px;
  }
}
@media (min-width: 768px) {

  .container {
    max-width: 768px;
  }
}
@media (min-width: 1024px) {

  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.collapse {
  visibility: collapse;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.bottom-4 {
  bottom: 1rem;
}
.left-4 {
  left: 1rem;
}
.right-4 {
  right: 1rem;
}
.top-4 {
  top: 1rem;
}
.z-50 {
  z-index: 50;
}
.mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.inline-flex {
  display: inline-flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.contents {
  display: contents;
}
.hidden {
  display: none;
}
.h-3 {
  height: 0.75rem;
}
.h-full {
  height: 100%;
}
.max-h-32 {
  max-height: 8rem;
}
.w-3 {
  width: 0.75rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-sm {
  max-width: 24rem;
}
.flex-shrink {
  flex-shrink: 1;
}
.grow {
  flex-grow: 1;
}
.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.resize {
  resize: both;
}
.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-5 {
  gap: 1.25rem;
}
.space-y-1 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse));
}
.overflow-auto {
  overflow: auto;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.border {
  border-width: 1px;
}
.border-red-300 {
  --tw-border-opacity: 1;
  border-color: rgb(252 165 165 / var(--tw-border-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.p-2 {
  padding: 0.5rem;
}
.p-3 {
  padding: 0.75rem;
}
.p-4 {
  padding: 1rem;
}
.px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xs {
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
.italic {
  font-style: italic;
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
.text-gray-600 {
  --tw-text-opacity: 1;
  color: rgb(75 85 99 / var(--tw-text-opacity, 1));
}
.text-green-400 {
  --tw-text-opacity: 1;
  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.shadow {
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}

/* Purple + Cyan theme colors */
:root {
  --chameleon-purple-primary: #9C27B0;
  --chameleon-cyan-secondary: #00BCD4;
  --chameleon-purple-dark: #7B1FA2;
  --chameleon-cyan-dark: #0097A7;
}

/* Login type selector purple + cyan theme - Active tab with purple to cyan gradient */
.login-type-selector .euiButtonGroup__button[aria-pressed="true"],
.login-type-selector button[aria-pressed="true"],
.login-type-selector .euiButtonGroup__button[data-selected="true"],
.login-type-selector .euiButtonGroup__button[class*="selected"],
.login-type-selector .euiButtonGroup__button[class*="active"] {
  background: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-image: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-color: transparent !important;
  border-color: #9C27B0 !important;
  box-shadow: 0 2px 8px rgba(156, 39, 176, 0.3) !important;
}

.login-type-selector .euiButtonGroup__button[aria-pressed="true"]:hover,
.login-type-selector button[aria-pressed="true"]:hover {
  background: linear-gradient(135deg, #7B1FA2, #0097A7) !important;
  background-image: linear-gradient(135deg, #7B1FA2, #0097A7) !important;
  box-shadow: 0 4px 12px rgba(156, 39, 176, 0.4) !important;
}

/* Inactive tabs - black text */
.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]),
.login-type-selector button:not([aria-pressed="true"]) {
  color: #000000 !important;
  border-color: #d1d5db !important;
  background-color: rgba(255, 255, 255, 0.95) !important;
  background-image: none !important;
  transition: all 0.3s ease !important;
}

.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]):hover,
.login-type-selector button:not([aria-pressed="true"]):hover {
  border-color: #9C27B0 !important;
  background-color: rgba(156, 39, 176, 0.15) !important;
  background-image: none !important;
  color: #000000 !important;
}

/* Ensure text and icons in unselected tabs are black */
.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]) span,
.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]) label,
.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]) div,
.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]) *,
.login-type-selector button:not([aria-pressed="true"]) span,
.login-type-selector button:not([aria-pressed="true"]) label,
.login-type-selector button:not([aria-pressed="true"]) div,
.login-type-selector button:not([aria-pressed="true"]) * {
  color: #000000 !important;
}

/* Ensure icons in unselected tabs are black */
.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]) svg,
.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]) .euiIcon,
.login-type-selector button:not([aria-pressed="true"]) svg,
.login-type-selector button:not([aria-pressed="true"]) .euiIcon {
  fill: #000000 !important;
  color: #000000 !important;
  stroke: #000000 !important;
}

/* Override all possible blue/gray colors */
.login-type-selector .euiButtonGroup__button:not([aria-pressed="true"]),
.login-type-selector button:not([aria-pressed="true"]),
.login-type-selector .euiButtonGroup__button.euiButtonGroup__button--primary:not([aria-pressed="true"]),
.login-type-selector .euiButtonGroup__button[class*="primary"]:not([aria-pressed="true"]),
.login-type-selector .euiButtonGroup__button[class*="blue"]:not([aria-pressed="true"]),
.login-type-selector .euiButtonGroup__button[class*="gray"]:not([aria-pressed="true"]) {
  background-color: rgba(255, 255, 255, 0.95) !important;
  background-image: none !important;
  color: #000000 !important;
  border-color: #d1d5db !important;
}

.login-type-selector .euiButtonGroup__button[aria-pressed="true"],
.login-type-selector .euiButtonGroup__button[aria-pressed="true"].euiButtonGroup__button--primary,
.login-type-selector .euiButtonGroup__button[aria-pressed="true"][class*="primary"],
.login-type-selector .euiButtonGroup__button[aria-pressed="true"][class*="blue"],
.login-type-selector .euiButtonGroup__button[aria-pressed="true"][class*="gray"],
.login-type-selector .euiButtonGroup__button[data-selected="true"],
.login-type-selector .euiButtonGroup__button[class*="selected"],
.login-type-selector .euiButtonGroup__button[class*="active"] {
  background: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-image: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-color: transparent !important;
  border-color: #9C27B0 !important;
}

/* Selected tab - white text and icons, NO background on labels and icons */
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] span,
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] div,
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] .euiButton__content,
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] label,
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] p,
.login-type-selector [aria-pressed="true"] span,
.login-type-selector [aria-pressed="true"] div,
.login-type-selector [aria-pressed="true"] label,
.login-type-selector [aria-pressed="true"] p {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: white !important;
}

/* Selected tab - white icons, NO background on icons */
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] svg,
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] .euiIcon,
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] [class*="icon"],
.login-type-selector [aria-pressed="true"] svg,
.login-type-selector [aria-pressed="true"] .euiIcon,
.login-type-selector [aria-pressed="true"] [class*="icon"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  fill: white !important;
  color: white !important;
  stroke: white !important;
}

/* Nuclear option - target by any means necessary */
.login-type-selector [aria-pressed="true"],
.login-type-selector [data-selected="true"],
.login-type-selector [class*="euiButtonGroup__button"][aria-pressed="true"],
.login-type-selector [class*="euiButtonGroup__button"][class*="selected"],
.login-type-selector [class*="euiButtonGroup__button"][class*="active"] {
  background: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-image: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-color: transparent !important;
  border-color: #9C27B0 !important;
}

/* Ensure nested elements don't inherit background - only the button itself has gradient */
.login-type-selector [aria-pressed="true"] *,
.login-type-selector [data-selected="true"] *,
.login-type-selector [class*="selected"] *,
.login-type-selector [class*="active"] * {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Specifically target labels and iconType - white color, no background */
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] label,
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] [class*="label"],
.login-type-selector [aria-pressed="true"] label,
.login-type-selector [aria-pressed="true"] [class*="label"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: white !important;
}

.login-type-selector .euiButtonGroup__button[aria-pressed="true"] [class*="iconType"],
.login-type-selector [aria-pressed="true"] [class*="iconType"],
.login-type-selector .euiButtonGroup__button[aria-pressed="true"] svg,
.login-type-selector [aria-pressed="true"] svg {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  fill: white !important;
  color: white !important;
  stroke: white !important;
}

/* Floating background animation */
@keyframes float {

  0%,
  100% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-20px);
  }
}

/* Hide Google Maps camera controls button */
.gm-control-active[aria-label="Map camera controls"] {
  display: none !important;
}

/* --- GLOBAL GRADIENT THEME --- */
html {
  background: linear-gradient(135deg, #9C27B0, #00BCD4);
  min-height: 100vh;
  background-attachment: fixed;
}

:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
  }
}

/* Fix Google Places Autocomplete dropdown z-index for modals */
.pac-container {
  z-index: 9999 !important;
}

/* Bus row hover effects */
.euiTableRow:hover {
  background-color: rgba(156, 39, 176, 0.1) !important;
}

.selected-bus-row {
  background: linear-gradient(135deg, rgba(156, 39, 176, 0.2), rgba(0, 188, 212, 0.2)) !important;
  border-left: 3px solid #9C27B0 !important;
}

.selected-bus-row:hover {
  background: linear-gradient(135deg, rgba(156, 39, 176, 0.3), rgba(0, 188, 212, 0.3)) !important;
}

body {
  background: transparent;
  min-height: 100vh;
}

/* Ensure the gradient background shows through */
.euiPage,
.euiPageBody,
.euiPanel--transparent {
  background: transparent !important;
  background-color: transparent !important;
}

/* React Resizable Styles */
.react-resizable {
  position: relative;
}

.react-resizable-handle {
  position: absolute;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-origin: content-box;
  box-sizing: border-box;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+");
  background-position: bottom left;
  padding: 0 3px 3px 0;
}

.react-resizable-handle-sw {
  bottom: 0;
  left: 0;
  cursor: sw-resize;
  transform: rotate(90deg);
}

.react-resizable-handle-se {
  bottom: 0;
  right: 0;
  cursor: se-resize;
}

.react-resizable-handle-nw {
  top: 0;
  left: 0;
  cursor: nw-resize;
  transform: rotate(180deg);
}

.react-resizable-handle-ne {
  top: 0;
  right: 0;
  cursor: ne-resize;
  transform: rotate(270deg);
}

.react-resizable-handle-w,
.react-resizable-handle-e {
  top: 50%;
  margin-top: -10px;
  cursor: ew-resize;
}

.react-resizable-handle-w {
  left: 0;
  transform: rotate(135deg);
}

.react-resizable-handle-e {
  right: 0;
  transform: rotate(315deg);
}

.react-resizable-handle-n,
.react-resizable-handle-s {
  left: 50%;
  margin-left: -10px;
  cursor: ns-resize;
}

.react-resizable-handle-n {
  top: 0;
  transform: rotate(225deg);
}

.react-resizable-handle-s {
  bottom: 0;
  transform: rotate(45deg);
}

/* Make dropdown arrow black */
.euiComboBox__inputWrap .euiComboBox__inputWrap__icon {
  color: #000000 !important;
}

.euiComboBox__inputWrap .euiIcon {
  color: #000000 !important;
}

/* Additional selectors to ensure arrow is black */
.euiComboBox .euiIcon {
  color: #000000 !important;
}

.euiComboBox__inputWrap svg {
  color: #000000 !important;
  fill: #000000 !important;
}

.euiComboBox svg {
  color: #000000 !important;
  fill: #000000 !important;
}

/* Target the specific dropdown arrow icon */
.euiComboBox__inputWrap .euiIcon[data-euiicon-type="arrowDown"] {
  color: #000000 !important;
}

.euiComboBox .euiIcon[data-euiicon-type="arrowDown"] {
  color: #000000 !important;
}

.myHoverBar .recharts-rectangle:hover {
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.3));
  cursor: pointer;
  z-index: 999 !important;
}

.euiComboBoxOption__enterBadge {
  display: none !important;
}

.infoWindow {
  font-family: Arial, sans-serif;
  background-color: white;
  padding: 10px;
  width: 200px;
  max-height: 300px;
  overflow: hidden;
}

.infoWindow h3 {
  font-size: 16px;
  font-weight: bold;
  color: #ffa500;
  margin: 0;
}

.infoWindow p {
  font-size: 12px;
  margin: 4px 0;
  color: #333;
}

.infoWindow strong {
  color: #333;
}

.infoWindow hr {
  border: none;
  border-top: 1px solid #ddd;
  margin: 10px 0;
}

.infoWindow button {
  background-color: #f0f0f0;
  border: none;
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 5px;
  font-size: 12px;
}

.recharts-wrapper {
  margin-top: 35px;
  padding-right: 20px;
}

.chart-bar .recharts-wrapper {
  margin-top: 35px;
  padding-right: 40px;
}

.pie-chart .recharts-surface {
  margin-top: 20px;
  margin-left: 30px;
}

.rader-chart .recharts-surface {
  margin-top: 15px;
  margin-left: 30px;
}

.oneBar .recharts-responsive-container {
  margin-bottom: 20px;
}

.oneBar .recharts-surface {
  margin-left: -10px;
}

.area-chart-marker .recharts-surface {
  margin-top: -20px;
}

.info {
  z-index: 50;
}

.chart {
  z-index: 1;
}

.camera-iframe Image {
  height: auto;
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}

.camera-iframe::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.faq-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 600px;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

/* Animation when the FAQ is brought to the front */
.faq-brought-to-front {
  transform: translate(-50%, -50%) scale(1.05);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* Live camera or offline camera badge animation */
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  50% {
    transform: scale(1.5);
    opacity: 0.5;
  }

  100% {
    transform: scale(2);
    opacity: 0;
  }
}

.pulse-effect {
  position: absolute;
  display: inline-block;
  height: 8px;
  width: 8px;
  background-color: red;
  border-radius: 50%;
  animation: pulse 2s ease-in-out infinite;
  opacity: 0.75;
}

.recharts-wrapper {
  padding-right: 0 !important;
}

.gm-style .gm-style-iw {
  overflow: visible !important;
}

.gm-style .gm-style-iw-d {
  overflow: visible !important;
}

.no-invalid-icon .euiFormControlLayoutIcons {
  display: none !important;
}

/* Make EuiCard titles white */
.euiCard__title {
  color: #000 !important;
}

/* Make all text in chart cards white */
.euiCard {
  color: #000 !important;
}

/* Make chart text black */
.recharts-text {
  fill: #000000 !important;
}

/* Make chart axis text black */
.recharts-cartesian-axis-tick-value {
  fill: #000000 !important;
}

/* Make chart labels black */
.recharts-label {
  fill: #000000 !important;
}

/* Make chart legend text black */
.recharts-legend-item-text {
  fill: #000000 !important;
  color: #000000 !important;
}

/* Make chart tooltip text black */
.recharts-tooltip-item {
  color: #000000 !important;
}

.recharts-tooltip-item-list {
  color: #000000 !important;
}

/* Make chart brush text black */
.recharts-brush-text {
  fill: #000000 !important;
}

/* Make chart reference line text black */
.recharts-reference-line-text {
  fill: #000000 !important;
}

/* Make chart error bar text black */
.recharts-error-bar-text {
  fill: #000000 !important;
}

/* Make all chart text elements black by default */
.recharts * {
  fill: #000000 !important;
  color: #000000 !important;
}

/* Override specific chart elements that need different colors */
.recharts-pie-label-line {
  stroke: #000000 !important;
}

.recharts-sector {
  stroke: #000000 !important;
}

.recharts-legend {
  fill: #000000 !important;
  color: #000000 !important;
}

/* Disable zoom for login card */
.login-card {
  touch-action: none !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

/* Prevent zoom on login page */
.login-page {
  touch-action: manipulation !important;
  -webkit-text-size-adjust: 100% !important;
  -ms-text-size-adjust: 100% !important;
}

/* Disable zoom gestures on login form inputs */
.login-card input,
.login-card button,
.login-card * {
  touch-action: manipulation !important;
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

/* Custom zone select styling */
.custom-zone-select .euiComboBox__inputWrap {
  background-color: #5187fa !important;
  border-color: #ffffff !important;
  border-width: 2px !important;
  border-style: solid !important;
}

.custom-zone-select .euiComboBox__input {
  background-color: #5187fa !important;
  color: #ffffff !important;
}

.custom-zone-select .euiComboBox__inputWrap__icon {
  color: #ffffff !important;
}

/* Dropdown menu styling */
.custom-zone-select .euiComboBox__optionsList {
  background-color: #5187fa !important;
  border-color: #ffffff !important;
  border-width: 2px !important;
}

.custom-zone-select .euiComboBoxOption {
  background-color: #5187fa !important;
  color: #ffffff !important;
}

.custom-zone-select .euiComboBoxOption:hover {
  background-color: #4a7be8 !important;
}

.custom-zone-select .euiComboBoxOption--isFocused {
  background-color: #4a7be8 !important;
}

/* Additional dropdown styling for better coverage */
.euiComboBox__optionsList {
  background-color: #5187fa !important;
}

.euiComboBoxOption {
  background-color: #5187fa !important;
  color: #ffffff !important;
}

.euiComboBoxOption:hover {
  background-color: #4a7be8 !important;
}

.euiComboBoxOption--isFocused {
  background-color: #4a7be8 !important;
}

/* Target the dropdown container */
.euiComboBox__optionsList__content {
  background-color: #5187fa !important;
}

/* Make dropdown arrow white */
.custom-zone-select .euiIcon {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.custom-zone-select svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* Additional selectors for dropdown arrow */
.custom-zone-select .euiComboBox__inputWrap svg {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.custom-zone-select .euiComboBox__inputWrap .euiIcon {
  color: #ffffff !important;
  fill: #ffffff !important;
}

/* FAQ content should have normal cursor, not hand cursor */
.draggable-modal .euiText,
.draggable-modal .euiText h3,
.draggable-modal .euiText h4,
.draggable-modal .euiText p,
.draggable-modal .euiText div {
  cursor: default !important;
}

/* Ensure FAQ modal body has normal cursor */
.draggable-modal>div:last-child {
  cursor: default !important;
}

/* Override any cursor styles in FAQ content */
.draggable-modal * {
  cursor: default !important;
}

/* But keep the header draggable */
.draggable-modal .draggable-header {
  cursor: move !important;
}

.draggable-modal .draggable-header * {
  cursor: move !important;
}

/* Flash highlight animation for newly created routes */
@keyframes flashHighlight {
  0% {
    background-color: rgba(255, 193, 7, 0.5);
    box-shadow: 0 0 10px rgba(255, 193, 7, 0.7);
  }

  50% {
    background-color: rgba(255, 193, 7, 0.8);
    box-shadow: 0 0 20px rgba(255, 193, 7, 0.9);
  }

  100% {
    background-color: transparent;
    box-shadow: none;
  }
}

.flash-highlight {
  animation: flashHighlight 2s ease-out;
  border: 3px solid #ffc107 !important;
}

/* Global Button Styling - Purple to Cyan Gradient */
.euiButton,
.euiButton--primary,
.euiButton--fill,
.euiButtonGroup__button,
button[class*="euiButton"] {
  background: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-image: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  border-color: #9C27B0 !important;
  color: white !important;
  transition: all 0.3s ease !important;
}

.euiButton:hover,
.euiButton--primary:hover,
.euiButton--fill:hover,
.euiButtonGroup__button:hover,
button[class*="euiButton"]:hover {
  background: linear-gradient(135deg, #7B1FA2, #0097A7) !important;
  background-image: linear-gradient(135deg, #7B1FA2, #0097A7) !important;
  box-shadow: 0 4px 12px rgba(156, 39, 176, 0.4) !important;
}

/* Ensure button text and icons are white */
.euiButton span,
.euiButton--primary span,
.euiButton--fill span,
.euiButtonGroup__button span,
button[class*="euiButton"] span,
.euiButton svg,
.euiButton--primary svg,
.euiButton--fill svg,
.euiButtonGroup__button svg,
button[class*="euiButton"] svg {
  color: white !important;
  fill: white !important;
  background: transparent !important;
}

/* Global Tab Styling - Purple to Cyan Gradient for Selected Tabs */
.euiTab--isSelected,
.euiTab[aria-selected="true"],
.euiTabbedContent__tab--isSelected,
[class*="euiTab"][class*="selected"] {
  background: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-image: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  border-color: #9C27B0 !important;
  color: white !important;
  box-shadow: 0 2px 8px rgba(156, 39, 176, 0.3) !important;
}

.euiTab--isSelected:hover,
.euiTab[aria-selected="true"]:hover,
.euiTabbedContent__tab--isSelected:hover {
  background: linear-gradient(135deg, #7B1FA2, #0097A7) !important;
  background-image: linear-gradient(135deg, #7B1FA2, #0097A7) !important;
  box-shadow: 0 4px 12px rgba(156, 39, 176, 0.4) !important;
}

/* Ensure selected tab text and icons are white */
.euiTab--isSelected span,
.euiTab[aria-selected="true"] span,
.euiTabbedContent__tab--isSelected span,
.euiTab--isSelected svg,
.euiTab[aria-selected="true"] svg,
.euiTabbedContent__tab--isSelected svg,
.euiTab--isSelected .euiTab__content,
.euiTab[aria-selected="true"] .euiTab__content,
.euiTabbedContent__tab--isSelected .euiTab__content {
  color: white !important;
  fill: white !important;
  background: transparent !important;
}

/* Unselected tabs - purple tint */
.euiTab:not(.euiTab--isSelected),
.euiTab:not([aria-selected="true"]),
.euiTabbedContent__tab:not(.euiTabbedContent__tab--isSelected) {
  color: #9C27B0 !important;
  border-color: rgba(156, 39, 176, 0.3) !important;
  background-color: rgba(255, 255, 255, 0.9) !important;
  transition: all 0.3s ease !important;
}

.euiTab:not(.euiTab--isSelected):hover,
.euiTab:not([aria-selected="true"]):hover,
.euiTabbedContent__tab:not(.euiTabbedContent__tab--isSelected):hover {
  background-color: rgba(156, 39, 176, 0.15) !important;
  border-color: #9C27B0 !important;
  color: #7B1FA2 !important;
}

/* Secondary/Ghost buttons - outlined style with gradient on hover */
.euiButton--secondary,
.euiButton--ghost,
.euiButton--text,
button[class*="euiButton--secondary"],
button[class*="euiButton--ghost"],
button[class*="euiButton--text"] {
  background: transparent !important;
  background-image: none !important;
  border: 2px solid #9C27B0 !important;
  color: #9C27B0 !important;
}

.euiButton--secondary:hover,
.euiButton--ghost:hover,
.euiButton--text:hover,
button[class*="euiButton--secondary"]:hover,
button[class*="euiButton--ghost"]:hover,
button[class*="euiButton--text"]:hover {
  background: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  background-image: linear-gradient(135deg, #9C27B0, #00BCD4) !important;
  color: white !important;
  border-color: #9C27B0 !important;
}

.euiButton--secondary:hover span,
.euiButton--ghost:hover span,
.euiButton--text:hover span,
button[class*="euiButton--secondary"]:hover span,
button[class*="euiButton--ghost"]:hover span,
button[class*="euiButton--text"]:hover span {
  color: white !important;
}

.disabled\:cursor-not-allowed:disabled {
  cursor: not-allowed;
}

.disabled\:bg-gray-400:disabled {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}

@media (min-width: 768px) {

  .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {

  .lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@elastic/eui/dist/eui_theme_dark.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
/**
The MIT License (MIT)

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

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

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

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

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

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

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

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

The following files still use the Sass version:
  - src/themes/amsterdam/overrides/_color_stops.scss
  - src/themes/amsterdam/overrides/_hue.scss
*/
@-webkit-keyframes euiAnimFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes euiAnimFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes euiGrow {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes euiGrow {
  0% {
    opacity: 0;
  }
  1% {
    opacity: 0;
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes focusRingAnimate {
  0% {
    box-shadow: 0 0 0 2px rgba(54, 162, 239, 0);
  }
  100% {
    box-shadow: 0 0 0 2px #36A2EF;
  }
}
@keyframes focusRingAnimate {
  0% {
    box-shadow: 0 0 0 2px rgba(54, 162, 239, 0);
  }
  100% {
    box-shadow: 0 0 0 2px #36A2EF;
  }
}
@-webkit-keyframes focusRingAnimateLarge {
  0% {
    box-shadow: 0 0 0 10px rgba(54, 162, 239, 0);
  }
  100% {
    box-shadow: 0 0 0 4px #36A2EF;
  }
}
@keyframes focusRingAnimateLarge {
  0% {
    box-shadow: 0 0 0 10px rgba(54, 162, 239, 0);
  }
  100% {
    box-shadow: 0 0 0 4px #36A2EF;
  }
}
@-webkit-keyframes euiButtonActive {
  50% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
}
@keyframes euiButtonActive {
  50% {
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./node_modules/@elastic/charts/dist/theme_only_light.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************/
.echChartStatus{visibility:hidden;pointer-events:none;z-index:-100000;width:0;height:0;position:absolute}.echChartBackground{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0}.echChart{height:100%;width:100%;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echChart__titles{margin-right:24px}.echChartContent{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:1px;width:100%}.echChartContent--column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echChartTitle{font-style:normal;font-weight:bold;font-size:16px;line-height:19px;padding:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:0;flex-shrink:0}.echChartTitle+.echChartDescription{padding-top:0}.echChartDescription{padding:8px;font-style:normal;font-weight:normal;font-size:14px;line-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-ms-flex-negative:0;flex-shrink:0}.echContainer{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;width:100%;height:100%}.echChartPointerContainer{position:absolute;top:0;bottom:0;right:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.echChartResizer{z-index:-10000000;position:absolute;bottom:0;top:0;left:0;right:0;-webkit-box-sizing:border-box;box-sizing:border-box}.echBrushTool{position:absolute;top:0;left:0;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;pointer-events:none}.echTooltip{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);box-shadow:0 1px 5px rgba(0,0,0,.1),0 3.6px 13px rgba(0,0,0,.07),0 8.4px 23px rgba(0,0,0,.06),0 23px 35px rgba(0,0,0,.05);border-radius:6px;background-color:#404040;color:#fff;z-index:9000;max-width:256px;overflow-wrap:break-word;padding:8px;font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;padding:0;max-width:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;color:#343741;overflow:hidden;cursor:default;-webkit-transition:opacity 250ms,-webkit-box-shadow 400ms;transition:opacity 250ms,-webkit-box-shadow 400ms;transition:box-shadow 400ms,opacity 250ms;transition:box-shadow 400ms,opacity 250ms,-webkit-box-shadow 400ms;border:1px solid #fff}.echTooltip .euiHorizontalRule{background-color:#595959}.echTooltip__outerWrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.echTooltip--pinned{-webkit-box-shadow:0 .7px 1.4px rgba(0,0,0,.07),0 1.9px 4px rgba(0,0,0,.05),0 4.5px 10px rgba(0,0,0,.05);box-shadow:0 .7px 1.4px rgba(0,0,0,.07),0 1.9px 4px rgba(0,0,0,.05),0 4.5px 10px rgba(0,0,0,.05);pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.echTooltip--pinned .echTooltip__tableRow--selectable{cursor:pointer}.echTooltip--pinned .echTooltipActions{pointer-events:auto}.echTooltip--pinned .echTooltip__tableWrapper{pointer-events:auto}.echTooltip .echTooltip__tableCell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.echTooltip__metricRow{padding:4px 8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.echTooltip__tableWrapper{overflow:hidden;scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;background-color:#fff}.echTooltip__tableWrapper::-webkit-scrollbar{width:16px;height:16px}.echTooltip__tableWrapper::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echTooltip__tableWrapper::-webkit-scrollbar-corner,.echTooltip__tableWrapper::-webkit-scrollbar-track{background-color:transparent}.echTooltip__tableWrapper--pinned{overflow:auto}.echTooltip__table{display:grid;width:100%}.echTooltip__table--noGrid{display:table}.echTooltip__tableHeader .echTooltip__tableCell,.echTooltip__tableFooter .echTooltip__tableCell{cursor:default;font-weight:600;background-color:#fff;position:sticky;z-index:1}.echTooltip__tableHeader,.echTooltip__tableBody,.echTooltip__tableFooter,.echTooltip__tableRow{display:contents}.echTooltip__tableHeader{margin-bottom:0;top:0}.echTooltip__tableHeader .echTooltip__tableCell{border-bottom:solid 1px #d3dae6;top:0}.echTooltip__tableFooter{margin-top:0;bottom:0}.echTooltip__tableFooter .echTooltip__tableCell{border-top:solid 1px #d3dae6;bottom:0}.echTooltip__tableCell:not(.echTooltip__colorCell){padding:4px}.echTooltip__tableBody .echTooltip__tableCell:not(.echTooltip__colorCell){padding:2px 4px;-webkit-transition:margin 200ms,padding 200ms;transition:margin 200ms,padding 200ms}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.1)}.echTooltip__tableBody .echTooltip__tableRow--selected .echTooltip__colorCell+.echTooltip__tableCell{margin-left:10px;padding-left:10px}.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selected:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.1)}.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableBody .echTooltip__tableRow--selectable:hover .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(0,119,204,.05)}.echTooltip__tableRow{position:relative}.echTooltip__tableRow--highlighted .echTooltip__tableCell:not(.echTooltip__colorCell),.echTooltip__tableRow--highlighted .echTooltip__colorCell .echTooltip__colorStrip--spacer{background-color:rgba(211,218,230,.5)}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip{width:21px}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--spacer{width:0;min-width:0}.echTooltip__tableRow--selected :not(.echTooltip__colorCell--static) .echTooltip__colorStrip--icon{opacity:1}.echTooltip__colorCell{padding:0;height:100%;position:relative;overflow:hidden;width:21px}.echTooltip__colorCell--static{width:5px}.echTooltip__colorStrip,.echTooltip__colorStrip--bg,.echTooltip__colorStrip--spacer{position:absolute;top:0;left:0;bottom:0;width:5px;-webkit-transition:width 200ms;transition:width 200ms}.echTooltip__colorStrip--icon{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-transition:opacity 200ms;transition:opacity 200ms;padding:0 4px}.echTooltip__colorStrip--spacer{left:auto;right:10px;width:6px;min-width:6px}.echTooltip__label{min-width:1px;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left}.echTooltip__value{text-align:right;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum"}.echTooltip[dir=rtl] .echTooltip__colorStrip{left:auto;right:0}.echTooltipHeader{font-weight:600;margin-bottom:0;padding:4px 8px}.echTooltipFooter{font-weight:600;margin-top:0;padding:4px 8px}.echTooltipDivider{width:100%;border-bottom:solid 1px #d3dae6}@-webkit-keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}@keyframes promptSlideDown{100%{opacity:1;top:0;height:26px}}.echTooltipPrompt{position:relative;width:100%;z-index:-1}.echTooltipPrompt__content{color:#69707d;font-style:normal;font-size:12px;line-height:26px;padding:0 8px}.echTooltipPrompt.slideDown{opacity:0;top:-26px;height:0;-webkit-animation:promptSlideDown .25s forwards;animation:promptSlideDown .25s forwards;-webkit-animation-delay:1.5s;animation-delay:1.5s}.echTooltipActions{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;font-style:normal;font-size:12px;line-height:21px}.echTooltipActions__prompt{position:relative;height:26px;padding:0 8px;line-height:26px;width:100%;color:#69707d;font-style:normal;font-size:12px}.echTooltipActions__action{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left;width:100%;padding:0 8px;line-height:21px;cursor:pointer;color:#343741}.echTooltipActions__action:nth-child(2){padding-top:4px}.echTooltipActions__action:last-child{padding-bottom:2px}.echTooltipActions__action:hover,.echTooltipActions__action:focus{text-decoration:underline}.echTooltipActions__action[disabled]{cursor:default;color:#abb4c4}.echTooltipActions__action[disabled]:hover,.echTooltipActions__action[disabled]:focus{text-decoration:none}.echLegendTable__container{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;-webkit-mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegendTable__container::-webkit-scrollbar{width:16px;height:16px}.echLegendTable__container::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegendTable__container::-webkit-scrollbar-corner,.echLegendTable__container::-webkit-scrollbar-track{background-color:transparent}.echLegendTable__container:focus{outline:none}.echLegendTable__container[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegendTable__container :focus{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(0,119,204,.1);border-radius:3px}.echLegendTable__container :focus:focus-visible{outline-style:auto}.echLegendTable__container :focus:not(:focus-visible){outline:none}.echLegendTable{overflow:auto;display:grid;width:100%;position:relative}.echLegendTable__header,.echLegendTable__rowgroup,.echLegendTable__row{display:contents}.echLegendTable .echColorPickerPopover{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.echLegend--vertical .echLegendTable__container{padding:8px}.echLegend--horizontal .echLegendTable{padding:4px 8px 4px 16px}.echLegendTable__item{color:#343741}.echLegendTable__item .echLegendItem__action{padding-top:2px;max-width:16px;height:16px}.echLegendTable__item .echLegendItem__action:empty{width:0}.echLegendTable__item:last-child .echLegendTable__cell{border-bottom:solid 1px #d3dae6}.echLegendTable__item:not([dir=rtl]) .echLegendTable__cell:last-child{padding-right:2px}.echLegendTable__item[dir=rtl] .echLegendTable__cell:last-child{padding-left:2px}.echLegendTable__item[dir=rtl] .echLegendItem__label{text-align:right}.echLegendTable__item[dir=rtl] .echLegend__legendValue{text-align:left}.echLegendTable__item--highlightable .echLegendTable__cell:hover{background-color:#f5f7fa}.echLegendTable__item--highlightable .echLegendTable__cell:hover~.echLegendTable__cell{background-color:#f5f7fa}.echLegendTable__item--highlightable .echLegendTable__cell:has(~.echLegendTable__cell:hover){background-color:#f5f7fa}.echLegendTable__item:not(.echLegendTable__item--hidden) .echLegendSingleItem__color--changable{cursor:pointer}.echLegendTable__item--vertical{padding-top:2px;padding-bottom:2px}.echLegendTable__item--hidden{color:#69707d}.echLegendTable__item .echLegend__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;text-align:right;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:unset;direction:ltr;white-space:nowrap}.echLegendTable__cell{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;-ms-flex-line-pack:baseline;align-content:baseline;border-bottom:solid 1px #f5f7fa;padding:4px 8px}.echLegendTable__cell--truncate{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.echLegendTable__colorCell{padding-right:0;padding-left:2px}.echLegendTable__colorCell.echLegend__colorWrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;z-index:1}.echLegendTable__header{cursor:default;font-weight:600;background-color:#fff;font-size:12px}.echLegendTable__header .echLegendTable__cell{border-bottom:solid 1px #d3dae6}[id^=echTooltipPortal]{pointer-events:none}[id^=echAnchor]{position:absolute;pointer-events:none}.echTooltipPortal__invisible{position:fixed;visibility:hidden;width:0;height:0}.echIcon{-ms-flex-negative:0;flex-shrink:0;display:inline-block;vertical-align:middle;fill:currentColor}.echIcon svg{-webkit-transform:translate(0, 0);transform:translate(0, 0)}.echIcon:focus{opacity:1;background:rgba(0,119,204,.1)}.echLegend{z-index:1}.echLegend .echLegendList{display:grid;grid-template-columns:minmax(0, 1fr);-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:0;padding-inline-end:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}.echLegend--horizontal .echLegendList{grid-column-gap:24px;grid-row-gap:8px;margin-top:8px;margin-bottom:8px}.echLegend--top,.echLegend--left{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.echLegend--bottom,.echLegend--right{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.echLegend--debug{background:rgba(238,130,238,.2);position:relative}.echLegend--inert{pointer-events:none}.echLegend .echLegendListContainer{scrollbar-color:rgba(105,112,125,.5) transparent;scrollbar-width:thin;height:100%;-webkit-mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);mask-image:linear-gradient(to bottom, rgba(255, 0, 0, 0.1) 0%, red 7.5px, red calc(100% - 7.5px), rgba(255, 0, 0, 0.1) 100%);-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;overflow-y:auto;overflow-x:hidden}.echLegend .echLegendListContainer::-webkit-scrollbar{width:16px;height:16px}.echLegend .echLegendListContainer::-webkit-scrollbar-thumb{background-color:rgba(105,112,125,.5);background-clip:content-box;border-radius:16px;border:6px solid transparent}.echLegend .echLegendListContainer::-webkit-scrollbar-corner,.echLegend .echLegendListContainer::-webkit-scrollbar-track{background-color:transparent}.echLegend .echLegendListContainer:focus{outline:none}.echLegend .echLegendListContainer[tabindex="0"]:focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus{outline:2px solid currentColor;outline-offset:1px;background-color:rgba(0,119,204,.1);border-radius:3px}.echLegend .echLegendListContainer :focus:focus-visible{outline-style:auto}.echLegend .echLegendListContainer :focus:not(:focus-visible){outline:none}.echLegendItem{color:#343741;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.echLegendItem .echLegend__colorWrapper>*:first-of-type{height:18px}.echLegendItem:not([dir=rtl])>*:not(.background){margin-left:4px}.echLegendItem:not([dir=rtl])>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background){margin-right:4px}.echLegendItem[dir=rtl]>*:not(.background):last-child:not(.echLegendItem__legendValue){margin-left:4px}.echLegendItem:not(.echLegendItem--hidden) .echLegendItem__color--changable{cursor:pointer}.echLegendItem:hover .background{background-color:#f5f7fa}.echLegendItem .background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.echLegendItem__action{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px;max-width:calc(18px + 8px)}.echLegendItem__action .euiPopover,.echLegendItem__action .euiPopover__anchor,.echLegendItem__action .euiPopover__anchor>*:first-child{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex}.echLegendItem__color{display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1.5;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.echLegendItem__label{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;text-align:left;vertical-align:baseline;letter-spacing:unset;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow:hidden;min-width:1px}.echLegendItem__label--singleline{max-width:100%;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}.echLegendItem__label--multiline:is(div){display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.echLegendItem__label--clickable:hover{cursor:pointer;text-decoration:underline}.echLegendItem__legendValue{font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;text-align:right;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-left:4px;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";letter-spacing:unset;direction:ltr}.echLegendItem--vertical{padding-top:2px;padding-bottom:2px}.echLegendItem--vertical:first-of-type{margin-top:2px}.echLegendItem--vertical .background{margin-top:2px;margin-bottom:2px}.echLegendItem--hidden{color:#69707d}.echLegendItem[dir=rtl] .echLegendItem__label{text-align:right}.echReactiveChart_noResults{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;font-size:12px;font-size:0.8571428571rem;line-height:1.1428571429rem;color:#69707d}.echGridContainer{display:grid;width:100%;height:100%;-ms-flex-line-pack:start;align-content:start;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.echGridCell{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echGridCell--rightBorder{border-right:1px solid #343741}.echGridCell--bottomBorder{border-bottom:1px solid #343741}.echAlignedGrid{display:grid;-ms-flex-line-pack:stretch;align-content:stretch;width:100%;height:100%}.echAlignedGrid--header{width:100%;height:100%;margin:0;padding:0}.echAlignedGrid__borderRight{border-right:1px solid #edf0f5}.echAlignedGrid__borderBottom{border-bottom:1px solid #edf0f5}.echAlignedGrid--content{width:100%;min-height:0;margin:0;padding:0}.echHighlighter{position:absolute;pointer-events:none;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echHighlighterOverlay__fill{fill:rgba(255,255,255,.2)}.echHighlighterOverlay__stroke{stroke:rgba(255,255,255,.2)}.echHighlighter__mask{fill:rgba(255,255,255,.5)}.echCrosshair,.echCrosshair__cursor,.echCrosshair__crossLine{position:absolute;top:0;left:0;pointer-events:none}.echScreenReaderOnly{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.echScreenReaderOnlyDebug{left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:100% !important;height:100% !important;overflow:auto !important;background:rgba(255,255,255,.8)}.echScreenReaderOnlyDebug table,.echScreenReaderOnlyDebug td,.echScreenReaderOnlyDebug th{border:1px solid #000;font-size:12px}.echScreenReaderTable{overflow-x:auto;text-align:left}.echAnnotation{padding:0;-webkit-transition:opacity 250ms;transition:opacity 250ms;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:260px}.echAnnotation__marker{position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:12px;font-weight:700;line-height:normal}.echAnnotation__details{padding:4px 8px}.echAnnotation__icon{position:relative}.echAnnotation__body{white-space:nowrap}.echCanvasRenderer{position:absolute;top:0;left:0;padding:0;margin:0;border:0;background:transparent}.echMetricContainer{display:grid;width:100%;height:100%;-ms-flex-line-pack:start;align-content:start;-webkit-box-pack:stretch;-ms-flex-pack:stretch;justify-content:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.echMetric{position:relative;width:100%;height:100%;overflow:hidden;-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echMetric .echMetric--outline{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.echMetric:focus-within .echMetric--outline{outline:auto;outline-offset:-1.5px}.echMetric--rightBorder{border-right:1px solid #343741}.echMetric--topBorder{border-top:1px solid #343741}.echMetric--bottomBorder{border-bottom:1px solid #343741}.echMetric--vertical.echMetric--withProgressBar--small{padding-left:10px}.echMetric--vertical.echMetric--withTargetProgressBar--small{padding-left:14px}.echMetric--horizontal.echMetric--withProgressBar--small{padding-bottom:10px}.echMetric--horizontal.echMetric--withTargetProgressBar--small{padding-bottom:12px}.echMetricEmpty{position:absolute;bottom:9px;right:11px;width:20px;border-bottom:1px solid}.echMetricText{position:relative;padding:8px;height:100%;z-index:1;display:grid;grid-template-columns:100%;grid-template-rows:-webkit-min-content auto -webkit-min-content;grid-template-rows:min-content auto min-content;line-height:1.2}.echMetricText__valuesBlock,.echMetricText__titlesBlock{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.echMetricText__valuesBlock--left,.echMetricText__titlesBlock--left{-webkit-box-align:start;-ms-flex-align:start;align-items:start;text-align:left}.echMetricText__valuesBlock--left .echMetricText__valueGroup,.echMetricText__titlesBlock--left .echMetricText__valueGroup{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start}.echMetricText__valuesBlock--center,.echMetricText__titlesBlock--center{-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.echMetricText__valuesBlock--center .echMetricText__valueGroup,.echMetricText__titlesBlock--center .echMetricText__valueGroup{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.echMetricText__valuesBlock--center .echMetricText__title button,.echMetricText__titlesBlock--center .echMetricText__title button{width:100%}.echMetricText__valuesBlock--right,.echMetricText__titlesBlock--right{-webkit-box-align:end;-ms-flex-align:end;align-items:end;text-align:right}.echMetricText__valuesBlock--right .echMetricText__valueGroup,.echMetricText__titlesBlock--right .echMetricText__valueGroup{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end}.echMetricText__valueGroup{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.echMetricText__titleGroup{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.echMetricText__title{font-weight:bold;word-wrap:break-word;width:100%}.echMetricText__title button{font-weight:bold;width:95%}.echMetricText__icon{position:absolute;top:8px}.echMetricText__icon--left{left:8px}.echMetricText__icon--right{right:8px}.echMetricText__subtitle{padding-top:5px;font-weight:normal;width:95%}.echMetricText__extra{font-weight:normal}.echMetricText__value{position:relative;font-weight:bold;white-space:nowrap;overflow:hidden}.echMetricText__valueIcon{padding-left:8px}.echMetricText__part{font-weight:bold}.echMetricText__gap{position:relative}.echMetricText__body{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}.echSingleMetricProgress{position:absolute}.echSingleMetricProgress--vertical{left:0;right:0;top:0;bottom:0;height:100%;width:100%}.echSingleMetricProgress--vertical.echSingleMetricProgress--small{right:auto;width:10px}.echSingleMetricProgress--horizontal{left:0;right:0;width:100%;top:0;bottom:0;height:100%}.echSingleMetricProgress--horizontal.echSingleMetricProgress--small{top:auto;height:10px}.echSingleMetricProgressBar{-webkit-transition:background-color ease-in-out .1s;transition:background-color ease-in-out .1s}.echSingleMetricProgressBar--vertical{position:absolute;left:0;right:0;bottom:0;width:100%}.echSingleMetricProgressBar--horizontal{position:absolute;top:0;bottom:0;left:0;height:100%}.echSingleMetricTarget{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible;z-index:1}.echSingleMetricTarget--vertical{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:100%;bottom:0}.echSingleMetricTarget--horizontal{position:absolute;bottom:100%}.echSingleMetricZeroBaseline{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:visible}.echSingleMetricZeroBaseline--vertical{position:absolute;left:0}.echSingleMetricZeroBaseline--vertical.echSingleMetricZeroBaseline--small{right:auto;height:2px;width:13px}.echSingleMetricZeroBaseline--horizontal{position:absolute;bottom:0}.echSingleMetricZeroBaseline--horizontal.echSingleMetricZeroBaseline--small{top:auto;width:2px;height:13px}.echSingleMetricSparkline{position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0}.echSingleMetricSparkline__svg{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.echSingleMetricSparkline__svg rect,.echSingleMetricSparkline__svg path{-webkit-transition:fill ease-in-out .1s;transition:fill ease-in-out .1s}.echSingleMetricChart--small{position:absolute;top:auto;left:auto;bottom:0;right:0;width:100px;height:30px}