/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: var(--eui-base-line-height);
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    --eui-bc-transparent: transparent;
    --eui-bc-branding-120: #766a00;
    --eui-bc-branding-120-contrast: #fff;
    --eui-bc-branding-110: #013C80;
    --eui-bc-branding-110-contrast: #fff;
    --eui-bc-branding-100: #004494;
    --eui-bc-branding-100-contrast: #fff;
    --eui-bc-branding-80: #0057BD;
    --eui-bc-branding-80-contrast: #fff;
    --eui-bc-branding-60: #0069E6;
    --eui-bc-branding-60-contrast: #fff;
    --eui-bc-branding-40: #0F7DFF;
    --eui-bc-branding-40-contrast: #000;
    --eui-bc-branding-20: #3894FF;
    --eui-bc-branding-20-contrast: #000;
    --eui-bc-branding-10: #61AAFF;
    --eui-bc-branding-10-contrast: #000;
    --eui-bc-branding-5: #8AC0FF;
    --eui-bc-branding-5-contrast: #000;
    --eui-bc-branding-2: #DBECFF;
    --eui-bc-branding-2-contrast: #000;
    --eui-bc-branding-0: #fff;
    --eui-bc-branding-0-contrast: #000;
    --eui-bc-primary-160: #0a1f6c;
    --eui-bc-primary-160-contrast: #fff;
    --eui-bc-primary-140: #0f2fa2;
    --eui-bc-primary-140-contrast: #fff;
    --eui-bc-primary-120: #143fd9;
    --eui-bc-primary-120-contrast: #fff;
    --eui-bc-primary-110: #2651eb;
    --eui-bc-primary-110-contrast: #fff;
    --eui-bc-primary-100: #3860ed;
    --eui-bc-primary-100-contrast: #fff;
    --eui-bc-primary-80: #5577f0;
    --eui-bc-primary-80-contrast: #000;
    --eui-bc-primary-60: #89a1f4;
    --eui-bc-primary-60-contrast: #000;
    --eui-bc-primary-40: #b1c0f8;
    --eui-bc-primary-40-contrast: #000;
    --eui-bc-primary-20: #d8e0fb;
    --eui-bc-primary-20-contrast: #000;
    --eui-bc-primary-10: #ebf3fd;
    --eui-bc-primary-10-contrast: #000;
    --eui-bc-primary-5: #f3f6fa;
    --eui-bc-primary-5-contrast: #000;
    --eui-bc-primary-0: #fff;
    --eui-bc-primary-0-contrast: #000;
    --eui-bc-neutral-160: #131313;
    --eui-bc-neutral-160-contrast: #fff;
    --eui-bc-neutral-140: #1d1d1d;
    --eui-bc-neutral-140-contrast: #fff;
    --eui-bc-neutral-120: #262626;
    --eui-bc-neutral-120-contrast: #fff;
    --eui-bc-neutral-110: #2b2b2b;
    --eui-bc-neutral-110-contrast: #fff;
    --eui-bc-neutral-100: #303030;
    --eui-bc-neutral-100-contrast: #fff;
    --eui-bc-neutral-80: #595959;
    --eui-bc-neutral-80-contrast: #fff;
    --eui-bc-neutral-60: #838383;
    --eui-bc-neutral-60-contrast: #000;
    --eui-bc-neutral-40: #acacac;
    --eui-bc-neutral-40-contrast: #000;
    --eui-bc-neutral-20: #d6d6d6;
    --eui-bc-neutral-20-contrast: #000;
    --eui-bc-neutral-10: #eaeaea;
    --eui-bc-neutral-10-contrast: #000;
    --eui-bc-neutral-5: #f5f5f5;
    --eui-bc-neutral-5-contrast: #000;
    --eui-bc-neutral-3: #f9f9f9;
    --eui-bc-neutral-3-contrast: #000;
    --eui-bc-neutral-2: #fcfcfc;
    --eui-bc-neutral-2-contrast: #000;
    --eui-bc-neutral-0: #fff;
    --eui-bc-neutral-0-contrast: #000;
    --eui-bc-cta-0: #fff;
    --eui-bc-cta-0-contrast: #000;
    --eui-bc-cta-5: #fff9ef;
    --eui-bc-cta-5-contrast: #000;
    --eui-bc-cta-10: #fcefdc;
    --eui-bc-cta-10-contrast: #000;
    --eui-bc-cta-20: #ffebcc;
    --eui-bc-cta-20-contrast: #000;
    --eui-bc-cta-40: #ffe1b4;
    --eui-bc-cta-40-contrast: #000;
    --eui-bc-cta-60: #ffd392;
    --eui-bc-cta-60-contrast: #000;
    --eui-bc-cta-80: #ffcb7d;
    --eui-bc-cta-80-contrast: #000;
    --eui-bc-cta-100: #ffbe5c;
    --eui-bc-cta-100-contrast: #000;
    --eui-bc-cta-110: #fea439;
    --eui-bc-cta-110-contrast: #000;
    --eui-bc-cta-120: #fc8713;
    --eui-bc-cta-120-contrast: #000;
    --eui-bc-cta-140: #c55109;
    --eui-bc-cta-140-contrast: #fff;
    --eui-bc-cta-160: #a84304;
    --eui-bc-cta-160-contrast: #fff;
    --eui-bc-accent-160: #432105;
    --eui-bc-accent-160-contrast: #fff;
    --eui-bc-accent-140: #734110;
    --eui-bc-accent-140-contrast: #fff;
    --eui-bc-accent-120: #a46704;
    --eui-bc-accent-120-contrast: #fff;
    --eui-bc-accent-110: #ce9100;
    --eui-bc-accent-110-contrast: #000;
    --eui-bc-accent-100: #efbc03;
    --eui-bc-accent-100-contrast: #000;
    --eui-bc-accent-80: #ffd617;
    --eui-bc-accent-80-contrast: #000;
    --eui-bc-accent-60: #ffe843;
    --eui-bc-accent-60-contrast: #000;
    --eui-bc-accent-40: #fff587;
    --eui-bc-accent-40-contrast: #000;
    --eui-bc-accent-20: #fffbc2;
    --eui-bc-accent-20-contrast: #000;
    --eui-bc-accent-10: #fefde8;
    --eui-bc-accent-10-contrast: #000;
    --eui-bc-accent-5: #fffcf7;
    --eui-bc-accent-5-contrast: #000;
    --eui-bc-accent-0: #fff;
    --eui-bc-accent-0-contrast: #000;
    --eui-bc-info-0: #fff;
    --eui-bc-info-0-contrast: #000;
    --eui-bc-info-5: #f0f7fd;
    --eui-bc-info-5-contrast: #000;
    --eui-bc-info-10: #e3f1fc;
    --eui-bc-info-10-contrast: #000;
    --eui-bc-info-20: #c8e3f9;
    --eui-bc-info-20-contrast: #000;
    --eui-bc-info-40: #8cc5f2;
    --eui-bc-info-40-contrast: #000;
    --eui-bc-info-60: #51a6ec;
    --eui-bc-info-60-contrast: #000;
    --eui-bc-info-80: #2791e7;
    --eui-bc-info-80-contrast: #000;
    --eui-bc-info-100: #0578d6;
    --eui-bc-info-100-contrast: #000;
    --eui-bc-info-110: #046abd;
    --eui-bc-info-110-contrast: #fff;
    --eui-bc-info-120: #0462ae;
    --eui-bc-info-120-contrast: #fff;
    --eui-bc-info-140: #044e8b;
    --eui-bc-info-140-contrast: #fff;
    --eui-bc-info-160: #033863;
    --eui-bc-info-160-contrast: #fff;
    --eui-bc-success-160: #0e401d;
    --eui-bc-success-160-contrast: #fff;
    --eui-bc-success-140: #16612b;
    --eui-bc-success-140-contrast: #fff;
    --eui-bc-success-120: #1d813a;
    --eui-bc-success-120-contrast: #fff;
    --eui-bc-success-110: #209141;
    --eui-bc-success-110-contrast: #000;
    --eui-bc-success-100: #24a148;
    --eui-bc-success-100-contrast: #000;
    --eui-bc-success-80: #50b46d;
    --eui-bc-success-80-contrast: #000;
    --eui-bc-success-60: #7cc791;
    --eui-bc-success-60-contrast: #000;
    --eui-bc-success-40: #a7d9b6;
    --eui-bc-success-40-contrast: #000;
    --eui-bc-success-20: #d3ecda;
    --eui-bc-success-20-contrast: #000;
    --eui-bc-success-10: #e9f6ed;
    --eui-bc-success-10-contrast: #000;
    --eui-bc-success-5: #f4faf6;
    --eui-bc-success-5-contrast: #000;
    --eui-bc-success-0: #fff;
    --eui-bc-success-0-contrast: #000;
    --eui-bc-warning-160: #613d07;
    --eui-bc-warning-160-contrast: #fff;
    --eui-bc-warning-140: #925b0a;
    --eui-bc-warning-140-contrast: #fff;
    --eui-bc-warning-120: #c27a0e;
    --eui-bc-warning-120-contrast: #000;
    --eui-bc-warning-110: #db890f;
    --eui-bc-warning-110-contrast: #000;
    --eui-bc-warning-100: #f39811;
    --eui-bc-warning-100-contrast: #000;
    --eui-bc-warning-80: #f5ad41;
    --eui-bc-warning-80-contrast: #000;
    --eui-bc-warning-60: #f8c170;
    --eui-bc-warning-60-contrast: #000;
    --eui-bc-warning-40: #fad6a0;
    --eui-bc-warning-40-contrast: #000;
    --eui-bc-warning-20: #fdeacf;
    --eui-bc-warning-20-contrast: #000;
    --eui-bc-warning-10: #fef5e7;
    --eui-bc-warning-10-contrast: #000;
    --eui-bc-warning-5: #fefaf3;
    --eui-bc-warning-5-contrast: #000;
    --eui-bc-warning-0: #fff;
    --eui-bc-warning-0-contrast: #000;
    --eui-bc-danger-160: #570c10;
    --eui-bc-danger-160-contrast: #fff;
    --eui-bc-danger-140: #831218;
    --eui-bc-danger-140-contrast: #fff;
    --eui-bc-danger-120: #ae1820;
    --eui-bc-danger-120-contrast: #fff;
    --eui-bc-danger-110: #c41b24;
    --eui-bc-danger-110-contrast: #fff;
    --eui-bc-danger-100: #da1e28;
    --eui-bc-danger-100-contrast: #fff;
    --eui-bc-danger-80: #e14b53;
    --eui-bc-danger-80-contrast: #000;
    --eui-bc-danger-60: #e9787e;
    --eui-bc-danger-60-contrast: #000;
    --eui-bc-danger-40: #f0a5a9;
    --eui-bc-danger-40-contrast: #000;
    --eui-bc-danger-20: #f8d2d4;
    --eui-bc-danger-20-contrast: #000;
    --eui-bc-danger-10: #fbe9ea;
    --eui-bc-danger-10-contrast: #000;
    --eui-bc-danger-5: #fdf4f4;
    --eui-bc-danger-5-contrast: #000;
    --eui-bc-danger-0: #fff;
    --eui-bc-danger-0-contrast: #000;
    --eui-c-white: var(--eui-bc-neutral-0);
    --eui-c-black: var(--eui-bc-neutral-160);
    --eui-c-neutral-min: var(--eui-bc-neutral-0);
    --eui-c-neutral-max: var(--eui-bc-neutral-160);
    --eui-c-bg: var(--eui-bc-neutral-2);
    --eui-c-bg-light: var(--eui-bc-neutral-0);
    --eui-c-surface-page: var(--eui-c-bg);
    --eui-c-surface-container: var(--eui-c-bg-light);
    --eui-c-surface-shell: var(--eui-bc-neutral-3);
    --eui-c-surface-container-1: var(--eui-bc-neutral-5);
    --eui-c-surface-container-2: var(--eui-bc-neutral-10);
    --eui-c-surface-container-3: var(--eui-bc-neutral-20);
    --eui-c-text: var(--eui-bc-neutral-100);
    --eui-c-text-light: var(--eui-bc-neutral-80);
    --eui-c-text-lighter: var(--eui-bc-neutral-60);
    --eui-c-focus-visible: var(--eui-bc-primary-100);
    --eui-c-focus: var(--eui-bc-primary-20);
    --eui-c-hover: var(--eui-bc-primary-5);
    --eui-c-hover-disabled: var(--eui-bc-neutral-10);
    --eui-c-active: var(--eui-bc-primary-100);
    --eui-c-active-bg: var(--eui-bc-primary-10);
    --eui-c-active-bg-alt: var(--eui-bc-primary-40);
    --eui-c-disabled: var(--eui-bc-neutral-60);
    --eui-c-disabled-bg: var(--eui-bc-neutral-20);
    --eui-c-readonly: var(--eui-bc-neutral-80);
    --eui-c-link: var(--eui-bc-primary-100);
    --eui-c-divider: var(--eui-bc-neutral-20);
    --eui-c-divider-light: var(--eui-bc-neutral-10);
    --eui-c-branding: var(--eui-bc-branding-100);
    --eui-c-branding-contrast: var(--eui-bc-branding-100-contrast);
    --eui-c-branding-dark: var(--eui-bc-branding-120);
    --eui-c-branding-dark-contrast: var(--eui-bc-branding-120-contrast);
    --eui-c-branding-light: var(--eui-bc-branding-80);
    --eui-c-branding-light-contrast: var(--eui-bc-branding-80-contrast);
    --eui-c-branding-lighter: var(--eui-bc-branding-40);
    --eui-c-branding-lighter-contrast: var(--eui-bc-branding-40-contrast);
    --eui-c-branding-lightest: var(--eui-bc-branding-20);
    --eui-c-branding-lightest-contrast: var(--eui-bc-branding-20-contrast);
    --eui-c-branding-bg: var(--eui-bc-branding-10);
    --eui-c-branding-bg-contrast: var(--eui-bc-branding-10-contrast);
    --eui-c-branding-bg-light: var(--eui-bc-branding-5);
    --eui-c-branding-bg-light-contrast: var(--eui-bc-branding-5-contrast);
    --eui-c-branding-bg-lighter: var(--eui-bc-branding-2);
    --eui-c-branding-bg-lighter-contrast: var(--eui-bc-branding-2-contrast);
    --eui-c-neutral: var(--eui-bc-neutral-100);
    --eui-c-neutral-contrast: var(--eui-bc-neutral-100-contrast);
    --eui-c-neutral-darkest: var(--eui-bc-neutral-160);
    --eui-c-neutral-darkest-contrast: var(--eui-bc-neutral-160-contrast);
    --eui-c-neutral-darker: var(--eui-bc-neutral-140);
    --eui-c-neutral-darker-contrast: var(--eui-bc-neutral-140-contrast);
    --eui-c-neutral-dark: var(--eui-bc-neutral-110);
    --eui-c-neutral-dark-contrast: var(--eui-bc-neutral-110-contrast);
    --eui-c-neutral-light: var(--eui-bc-neutral-80);
    --eui-c-neutral-light-contrast: var(--eui-bc-neutral-80-contrast);
    --eui-c-neutral-lighter: var(--eui-bc-neutral-40);
    --eui-c-neutral-lighter-contrast: var(--eui-bc-neutral-40-contrast);
    --eui-c-neutral-lightest: var(--eui-bc-neutral-20);
    --eui-c-neutral-lightest-contrast: var(--eui-bc-neutral-20-contrast);
    --eui-c-neutral-bg: var(--eui-bc-neutral-10);
    --eui-c-neutral-bg-contrast: var(--eui-bc-neutral-10-contrast);
    --eui-c-neutral-bg-light: var(--eui-bc-neutral-5);
    --eui-c-neutral-bg-light-contrast: var(--eui-bc-neutral-5-contrast);
    --eui-c-neutral-bg-lighter: var(--eui-bc-neutral-3);
    --eui-c-neutral-bg-lighter-contrast: var(--eui-bc-neutral-3-contrast);
    --eui-c-cta: var(--eui-bc-cta-100);
    --eui-c-cta-contrast: var(--eui-bc-cta-100-contrast);
    --eui-c-cta-darkest: var(--eui-bc-cta-160);
    --eui-c-cta-darkest-contrast: var(--eui-bc-cta-160-contrast);
    --eui-c-cta-darker: var(--eui-bc-cta-140);
    --eui-c-cta-darker-contrast: var(--eui-bc-cta-140-contrast);
    --eui-c-cta-dark: var(--eui-bc-cta-110);
    --eui-c-cta-dark-contrast: var(--eui-bc-cta-110-contrast);
    --eui-c-cta-light: var(--eui-bc-cta-80);
    --eui-c-cta-light-contrast: var(--eui-bc-cta-80-contrast);
    --eui-c-cta-lighter: var(--eui-bc-cta-40);
    --eui-c-cta-lighter-contrast: var(--eui-bc-cta-40-contrast);
    --eui-c-cta-lightest: var(--eui-bc-cta-20);
    --eui-c-cta-lightest-contrast: var(--eui-bc-cta-20-contrast);
    --eui-c-cta-bg: var(--eui-bc-cta-10);
    --eui-c-cta-bg-contrast: var(--eui-bc-cta-10-contrast);
    --eui-c-cta-bg-light: var(--eui-bc-cta-5);
    --eui-c-cta-bg-light-contrast: var(--eui-bc-cta-5-contrast);
    --eui-c-primary: var(--eui-bc-primary-100);
    --eui-c-primary-contrast: var(--eui-bc-primary-100-contrast);
    --eui-c-primary-darkest: var(--eui-bc-primary-160);
    --eui-c-primary-darkest-contrast: var(--eui-bc-primary-160-contrast);
    --eui-c-primary-darker: var(--eui-bc-primary-140);
    --eui-c-primary-darker-contrast: var(--eui-bc-primary-140-contrast);
    --eui-c-primary-dark: var(--eui-bc-primary-110);
    --eui-c-primary-dark-contrast: var(--eui-bc-primary-110-contrast);
    --eui-c-primary-light: var(--eui-bc-primary-80);
    --eui-c-primary-light-contrast: var(--eui-bc-primary-80-contrast);
    --eui-c-primary-lighter: var(--eui-bc-primary-40);
    --eui-c-primary-lighter-contrast: var(--eui-bc-primary-40-contrast);
    --eui-c-primary-lightest: var(--eui-bc-primary-20);
    --eui-c-primary-lightest-contrast: var(--eui-bc-primary-20-contrast);
    --eui-c-primary-bg: var(--eui-bc-primary-10);
    --eui-c-primary-bg-contrast: var(--eui-bc-primary-10-contrast);
    --eui-c-primary-bg-light: var(--eui-bc-primary-5);
    --eui-c-primary-bg-light-contrast: var(--eui-bc-primary-5-contrast);
    --eui-c-info: var(--eui-bc-info-100);
    --eui-c-info-contrast: var(--eui-bc-info-100-contrast);
    --eui-c-info-darkest: var(--eui-bc-info-160);
    --eui-c-info-darkest-contrast: var(--eui-bc-info-160-contrast);
    --eui-c-info-darker: var(--eui-bc-info-140);
    --eui-c-info-darker-contrast: var(--eui-bc-info-140-contrast);
    --eui-c-info-dark: var(--eui-bc-info-110);
    --eui-c-info-dark-contrast: var(--eui-bc-info-110-contrast);
    --eui-c-info-light: var(--eui-bc-info-80);
    --eui-c-info-light-contrast: var(--eui-bc-info-80-contrast);
    --eui-c-info-lighter: var(--eui-bc-info-40);
    --eui-c-info-lighter-contrast: var(--eui-bc-info-40-contrast);
    --eui-c-info-lightest: var(--eui-bc-info-20);
    --eui-c-info-lightest-contrast: var(--eui-bc-info-20-contrast);
    --eui-c-info-bg: var(--eui-bc-info-10);
    --eui-c-info-bg-contrast: var(--eui-bc-info-10-contrast);
    --eui-c-info-bg-light: var(--eui-bc-info-5);
    --eui-c-info-bg-light-contrast: var(--eui-bc-info-5-contrast);
    --eui-c-accent: var(--eui-bc-accent-100);
    --eui-c-accent-contrast: var(--eui-bc-accent-100-contrast);
    --eui-c-accent-darkest: var(--eui-bc-accent-160);
    --eui-c-accent-darkest-contrast: var(--eui-bc-accent-160-contrast);
    --eui-c-accent-darker: var(--eui-bc-accent-140);
    --eui-c-accent-darker-contrast: var(--eui-bc-accent-140-contrast);
    --eui-c-accent-dark: var(--eui-bc-accent-110);
    --eui-c-accent-dark-contrast: var(--eui-bc-accent-110-contrast);
    --eui-c-accent-light: var(--eui-bc-accent-80);
    --eui-c-accent-light-contrast: var(--eui-bc-accent-80-contrast);
    --eui-c-accent-lighter: var(--eui-bc-accent-40);
    --eui-c-accent-lighter-contrast: var(--eui-bc-accent-40-contrast);
    --eui-c-accent-lightest: var(--eui-bc-accent-20);
    --eui-c-accent-lightest-contrast: var(--eui-bc-accent-20-contrast);
    --eui-c-accent-bg: var(--eui-bc-accent-10);
    --eui-c-accent-bg-contrast: var(--eui-bc-accent-10-contrast);
    --eui-c-accent-bg-light: var(--eui-bc-accent-5);
    --eui-c-accent-bg-light-contrast: var(--eui-bc-accent-5-contrast);
    --eui-c-success: var(--eui-bc-success-100);
    --eui-c-success-contrast: var(--eui-bc-success-100-contrast);
    --eui-c-success-darkest: var(--eui-bc-success-160);
    --eui-c-success-darkest-contrast: var(--eui-bc-success-160-contrast);
    --eui-c-success-darker: var(--eui-bc-success-140);
    --eui-c-success-darker-contrast: var(--eui-bc-success-140-contrast);
    --eui-c-success-dark: var(--eui-bc-success-110);
    --eui-c-success-dark-contrast: var(--eui-bc-success-110-contrast);
    --eui-c-success-light: var(--eui-bc-success-80);
    --eui-c-success-light-contrast: var(--eui-bc-success-80-contrast);
    --eui-c-success-lighter: var(--eui-bc-success-40);
    --eui-c-success-lighter-contrast: var(--eui-bc-success-40-contrast);
    --eui-c-success-lightest: var(--eui-bc-success-20);
    --eui-c-success-lightest-contrast: var(--eui-bc-success-20-contrast);
    --eui-c-success-bg: var(--eui-bc-success-10);
    --eui-c-success-bg-contrast: var(--eui-bc-success-10-contrast);
    --eui-c-success-bg-light: var(--eui-bc-success-5);
    --eui-c-success-bg-light-contrast: var(--eui-bc-success-5-contrast);
    --eui-c-warning: var(--eui-bc-warning-100);
    --eui-c-warning-contrast: var(--eui-bc-warning-100-contrast);
    --eui-c-warning-darkest: var(--eui-bc-warning-160);
    --eui-c-warning-darkest-contrast: var(--eui-bc-warning-160-contrast);
    --eui-c-warning-darker: var(--eui-bc-warning-140);
    --eui-c-warning-darker-contrast: var(--eui-bc-warning-140-contrast);
    --eui-c-warning-dark: var(--eui-bc-warning-110);
    --eui-c-warning-dark-contrast: var(--eui-bc-warning-110-contrast);
    --eui-c-warning-light: var(--eui-bc-warning-80);
    --eui-c-warning-light-contrast: var(--eui-bc-warning-80-contrast);
    --eui-c-warning-lighter: var(--eui-bc-warning-40);
    --eui-c-warning-lighter-contrast: var(--eui-bc-warning-40-contrast);
    --eui-c-warning-lightest: var(--eui-bc-warning-20);
    --eui-c-warning-lightest-contrast: var(--eui-bc-warning-20-contrast);
    --eui-c-warning-bg: var(--eui-bc-warning-10);
    --eui-c-warning-bg-contrast: var(--eui-bc-warning-10-contrast);
    --eui-c-warning-bg-light: var(--eui-bc-warning-5);
    --eui-c-warning-bg-light-contrast: var(--eui-bc-warning-5-contrast);
    --eui-c-danger: var(--eui-bc-danger-100);
    --eui-c-danger-contrast: var(--eui-bc-danger-100-contrast);
    --eui-c-danger-darkest: var(--eui-bc-danger-160);
    --eui-c-danger-darkest-contrast: var(--eui-bc-danger-160-contrast);
    --eui-c-danger-darker: var(--eui-bc-danger-140);
    --eui-c-danger-darker-contrast: var(--eui-bc-danger-140-contrast);
    --eui-c-danger-dark: var(--eui-bc-danger-110);
    --eui-c-danger-dark-contrast: var(--eui-bc-danger-110-contrast);
    --eui-c-danger-light: var(--eui-bc-danger-80);
    --eui-c-danger-light-contrast: var(--eui-bc-danger-80-contrast);
    --eui-c-danger-lighter: var(--eui-bc-danger-40);
    --eui-c-danger-lighter-contrast: var(--eui-bc-danger-40-contrast);
    --eui-c-danger-lightest: var(--eui-bc-danger-20);
    --eui-c-danger-lightest-contrast: var(--eui-bc-danger-20-contrast);
    --eui-c-danger-bg: var(--eui-bc-danger-10);
    --eui-c-danger-bg-contrast: var(--eui-bc-danger-10-contrast);
    --eui-c-danger-bg-light: var(--eui-bc-danger-5);
    --eui-c-danger-bg-light-contrast: var(--eui-bc-danger-5-contrast);
    --eui-c-s-primary-base: var(--eui-c-primary);
    --eui-c-s-primary: var(--eui-c-primary-dark);
    --eui-c-s-primary-on-surface-light: var(--eui-c-primary-darker);
    --eui-c-s-primary-surface-light: var(--eui-c-primary-bg);
    --eui-c-s-primary-surface-light-contrast: var(--eui-c-primary-bg-contrast);
    --eui-c-s-primary-surface-light-hover: var(--eui-c-primary-lightest);
    --eui-c-s-primary-surface-medium: var(--eui-c-primary-lightest);
    --eui-c-s-primary-on-surface-medium: var(--eui-c-primary-darkest);
    --eui-c-s-primary-border: var(--eui-c-primary-light);
    --eui-c-s-primary-border-light: var(--eui-c-primary-lighter);
    --eui-c-s-primary-border-lighter: var(--eui-c-primary-lightest);
    --eui-c-s-primary-surface: var(--eui-c-primary);
    --eui-c-s-primary-surface-contrast: var(--eui-c-primary-contrast);
    --eui-c-s-primary-surface-hover: var(--eui-c-primary-dark);
    --eui-c-s-primary-surface-hover-contrast: var(--eui-c-primary-dark-contrast);
    --eui-c-s-secondary-base: var(--eui-c-neutral);
    --eui-c-s-secondary: var(--eui-c-neutral-dark);
    --eui-c-s-secondary-on-surface-light: var(--eui-c-neutral-darker);
    --eui-c-s-secondary-surface-light: var(--eui-c-neutral-bg-light);
    --eui-c-s-secondary-surface-light-contrast: var(--eui-c-neutral-bg-light-contrast);
    --eui-c-s-secondary-surface-light-hover: var(--eui-c-neutral-bg);
    --eui-c-s-secondary-surface-medium: var(--eui-c-neutral-lightest);
    --eui-c-s-secondary-on-surface-medium: var(--eui-c-neutral-darkest);
    --eui-c-s-secondary-border: var(--eui-c-neutral-light);
    --eui-c-s-secondary-border-light: var(--eui-c-neutral-lighter);
    --eui-c-s-secondary-border-lighter: var(--eui-c-neutral-lightest);
    --eui-c-s-secondary-surface: var(--eui-c-neutral-lighter);
    --eui-c-s-secondary-surface-contrast: var(--eui-c-neutral-lighter-contrast);
    --eui-c-s-secondary-surface-hover: var(--eui-c-neutral-lightest);
    --eui-c-s-secondary-surface-hover-contrast: var(--eui-c-neutral-lightest-contrast);
    --eui-c-s-cta-base: var(--eui-c-cta);
    --eui-c-s-cta: var(--eui-c-cta-darkest);
    --eui-c-s-cta-on-surface-light: var(--eui-c-cta-darker);
    --eui-c-s-cta-surface-light: var(--eui-c-cta-bg);
    --eui-c-s-cta-surface-light-contrast: var(--eui-c-cta-bg-contrast);
    --eui-c-s-cta-surface-light-hover: var(--eui-c-cta-lightest);
    --eui-c-s-cta-surface-medium: var(--eui-c-cta-lightest);
    --eui-c-s-cta-on-surface-medium: var(--eui-c-cta-darkest);
    --eui-c-s-cta-border: var(--eui-c-cta-light);
    --eui-c-s-cta-border-light: var(--eui-c-cta-lighter);
    --eui-c-s-cta-border-lighter: var(--eui-c-cta-lightest);
    --eui-c-s-cta-surface: var(--eui-c-cta);
    --eui-c-s-cta-surface-contrast: var(--eui-c-cta-contrast);
    --eui-c-s-cta-surface-hover: var(--eui-c-cta-dark);
    --eui-c-s-cta-surface-hover-contrast: var(--eui-c-cta-dark-contrast);
    --eui-c-s-info-base: var(--eui-c-info);
    --eui-c-s-info: var(--eui-c-info-dark);
    --eui-c-s-info-on-surface-light: var(--eui-c-info-dark);
    --eui-c-s-info-surface-light: var(--eui-c-info-bg);
    --eui-c-s-info-surface-light-contrast: var(--eui-c-info-bg-contrast);
    --eui-c-s-info-surface-light-hover: var(--eui-c-info-lightest);
    --eui-c-s-info-surface-medium: var(--eui-c-info-lightest);
    --eui-c-s-info-on-surface-medium: var(--eui-c-info-darkest);
    --eui-c-s-info-border: var(--eui-c-info-light);
    --eui-c-s-info-border-light: var(--eui-c-info-lighter);
    --eui-c-s-info-border-lighter: var(--eui-c-info-lightest);
    --eui-c-s-info-surface: var(--eui-c-info-dark);
    --eui-c-s-info-surface-contrast: var(--eui-c-info-dark-contrast);
    --eui-c-s-info-surface-hover: var(--eui-c-info-darker);
    --eui-c-s-info-surface-hover-contrast: var(--eui-c-info-darker-contrast);
    --eui-c-s-success-base: var(--eui-c-success);
    --eui-c-s-success: var(--eui-c-success-darker);
    --eui-c-s-success-on-surface-light: var(--eui-c-success-darker);
    --eui-c-s-success-surface-light: var(--eui-c-success-bg);
    --eui-c-s-success-surface-light-contrast: var(--eui-c-success-bg-contrast);
    --eui-c-s-success-surface-light-hover: var(--eui-c-success-lightest);
    --eui-c-s-success-surface-medium: var(--eui-c-success-lightest);
    --eui-c-s-success-on-surface-medium: var(--eui-c-success-darkest);
    --eui-c-s-success-border: var(--eui-c-success-light);
    --eui-c-s-success-border-light: var(--eui-c-success-lighter);
    --eui-c-s-success-border-lighter: var(--eui-c-success-lightest);
    --eui-c-s-success-surface: var(--eui-c-success-darker);
    --eui-c-s-success-surface-contrast: var(--eui-c-success-darker-contrast);
    --eui-c-s-success-surface-hover: var(--eui-c-success-darkest);
    --eui-c-s-success-surface-hover-contrast: var(--eui-c-success-darkest-contrast);
    --eui-c-s-warning-base: var(--eui-c-warning);
    --eui-c-s-warning: var(--eui-c-warning-darker);
    --eui-c-s-warning-on-surface-light: var(--eui-c-warning-darker);
    --eui-c-s-warning-surface-light: var(--eui-c-warning-bg);
    --eui-c-s-warning-surface-light-contrast: var(--eui-c-warning-bg-contrast);
    --eui-c-s-warning-surface-light-hover: var(--eui-c-warning-lightest);
    --eui-c-s-warning-surface-medium: var(--eui-c-warning-lightest);
    --eui-c-s-warning-on-surface-medium: var(--eui-c-warning-darkest);
    --eui-c-s-warning-border: var(--eui-c-warning-light);
    --eui-c-s-warning-border-light: var(--eui-c-warning-lighter);
    --eui-c-s-warning-border-lighter: var(--eui-c-warning-lightest);
    --eui-c-s-warning-surface: var(--eui-c-warning);
    --eui-c-s-warning-surface-contrast: var(--eui-c-warning-contrast);
    --eui-c-s-warning-surface-hover: var(--eui-c-warning-dark);
    --eui-c-s-warning-surface-hover-contrast: var(--eui-c-warning-contrast);
    --eui-c-s-danger-base: var(--eui-c-danger);
    --eui-c-s-danger: var(--eui-c-danger-dark);
    --eui-c-s-danger-on-surface-light: var(--eui-c-danger-darker);
    --eui-c-s-danger-surface-light: var(--eui-c-danger-bg);
    --eui-c-s-danger-surface-light-contrast: var(--eui-c-danger-bg-contrast);
    --eui-c-s-danger-surface-light-hover: var(--eui-c-danger-lightest);
    --eui-c-s-danger-surface-medium: var(--eui-c-danger-lightest);
    --eui-c-s-danger-on-surface-medium: var(--eui-c-danger-darkest);
    --eui-c-s-danger-border: var(--eui-c-danger-light);
    --eui-c-s-danger-border-light: var(--eui-c-danger-lighter);
    --eui-c-s-danger-border-lighter: var(--eui-c-danger-lightest);
    --eui-c-s-danger-surface: var(--eui-c-danger);
    --eui-c-s-danger-surface-contrast: var(--eui-c-danger-contrast);
    --eui-c-s-danger-surface-hover: var(--eui-c-danger-dark);
    --eui-c-s-danger-surface-hover-contrast: var(--eui-c-danger-dark-contrast);
    --eui-c-s-accent-base: var(--eui-c-accent);
    --eui-c-s-accent: var(--eui-c-accent-darkest);
    --eui-c-s-accent-on-surface-light: var(--eui-c-accent-darkest);
    --eui-c-s-accent-surface-light: var(--eui-c-accent-bg);
    --eui-c-s-accent-surface-light-contrast: var(--eui-c-accent-bg-contrast);
    --eui-c-s-accent-surface-light-hover: var(--eui-c-accent-lightest);
    --eui-c-s-accent-surface-medium: var(--eui-c-accent-lightest);
    --eui-c-s-accent-on-surface-medium: var(--eui-c-accent-darkest);
    --eui-c-s-accent-border: var(--eui-c-accent-light);
    --eui-c-s-accent-border-light: var(--eui-c-accent-lighter);
    --eui-c-s-accent-border-lighter: var(--eui-c-accent-lightest);
    --eui-c-s-accent-surface: var(--eui-c-accent-light);
    --eui-c-s-accent-surface-contrast: var(--eui-c-accent-light-contrast);
    --eui-c-s-accent-surface-hover: var(--eui-c-accent);
    --eui-c-s-accent-surface-hover-contrast: var(--eui-c-accent-contrast);
    --eui-f-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --eui-f-family-monospace: "Consolas", "Liberation Mono", "Courier New", monospace;
    --eui-f-size-base: 16px;
    --eui-f: var(--eui-f-m);
    --eui-f-bold: var(--eui-f-m-bold);
    --eui-f-2xs: normal normal 400 var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);
    --eui-f-2xs-bold: normal normal 700 var(--eui-f-size-2xs)/var(--eui-f-line-height-2xs) var(--eui-f-family);
    --eui-f-xs: normal normal 400 var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);
    --eui-f-xs-bold: normal normal 700 var(--eui-f-size-xs)/var(--eui-f-line-height-xs) var(--eui-f-family);
    --eui-f-s: normal normal 400 var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);
    --eui-f-s-bold: normal normal 700 var(--eui-f-size-s)/var(--eui-f-line-height-s) var(--eui-f-family);
    --eui-f-m: normal normal 400 var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);
    --eui-f-m-bold: normal normal 700 var(--eui-f-size-m)/var(--eui-f-line-height-m) var(--eui-f-family);
    --eui-f-l: normal normal 400 var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);
    --eui-f-l-bold: normal normal 700 var(--eui-f-size-l)/var(--eui-f-line-height-l) var(--eui-f-family);
    --eui-f-xl: normal normal 400 var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);
    --eui-f-xl-bold: normal normal 700 var(--eui-f-size-xl)/var(--eui-f-line-height-xl) var(--eui-f-family);
    --eui-f-2xl: normal normal 400 var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);
    --eui-f-2xl-bold: normal normal 700 var(--eui-f-size-2xl)/var(--eui-f-line-height-2xl) var(--eui-f-family);
    --eui-f-3xl: normal normal 400 var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);
    --eui-f-3xl-bold: normal normal 700 var(--eui-f-size-3xl)/var(--eui-f-line-height-3xl) var(--eui-f-family);
    --eui-f-4xl: normal normal 400 var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);
    --eui-f-4xl-bold: normal normal 700 var(--eui-f-size-4xl)/var(--eui-f-line-height-4xl) var(--eui-f-family);
    --eui-f-5xl: normal normal 400 var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);
    --eui-f-5xl-bold: normal normal 700 var(--eui-f-size-5xl)/var(--eui-f-line-height-5xl) var(--eui-f-family);
    --eui-f-6xl: normal normal 400 var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);
    --eui-f-6xl-bold: normal normal 700 var(--eui-f-size-6xl)/var(--eui-f-line-height-6xl) var(--eui-f-family);
    --eui-f-2xs-compact: normal normal 400 var(--eui-f-size-2xs-compact)/var(--eui-f-line-height-2xs-compact) var(--eui-f-family);
    --eui-f-2xs-compact-bold: normal normal 700 var(--eui-f-size-2xs-compact)/var(--eui-f-line-height-2xs-compact) var(--eui-f-family);
    --eui-f-xs-compact: normal normal 400 var(--eui-f-size-xs-compact)/var(--eui-f-line-height-xs-compact) var(--eui-f-family);
    --eui-f-xs-compact-bold: normal normal 700 var(--eui-f-size-xs-compact)/var(--eui-f-line-height-xs-compact) var(--eui-f-family);
    --eui-f-s-compact: normal normal 400 var(--eui-f-size-s-compact)/var(--eui-f-line-height-s-compact) var(--eui-f-family);
    --eui-f-s-compact-bold: normal normal 700 var(--eui-f-size-s-compact)/var(--eui-f-line-height-s-compact) var(--eui-f-family);
    --eui-f-m-compact: normal normal 400 var(--eui-f-size-m-compact)/var(--eui-f-line-height-m-compact) var(--eui-f-family);
    --eui-f-m-compact-bold: normal normal 700 var(--eui-f-size-m-compact)/var(--eui-f-line-height-m-compact) var(--eui-f-family);
    --eui-f-l-compact: normal normal 400 var(--eui-f-size-l-compact)/var(--eui-f-line-height-l-compact) var(--eui-f-family);
    --eui-f-l-compact-bold: normal normal 700 var(--eui-f-size-l-compact)/var(--eui-f-line-height-l-compact) var(--eui-f-family);
    --eui-f-xl-compact: normal normal 400 var(--eui-f-size-xl-compact)/var(--eui-f-line-height-xl-compact) var(--eui-f-family);
    --eui-f-xl-compact-bold: normal normal 700 var(--eui-f-size-xl-compact)/var(--eui-f-line-height-xl-compact) var(--eui-f-family);
    --eui-f-2xl-compact: normal normal 400 var(--eui-f-size-2xl-compact)/var(--eui-f-line-height-2xl-compact) var(--eui-f-family);
    --eui-f-2xl-compact-bold: normal normal 700 var(--eui-f-size-2xl-compact)/var(--eui-f-line-height-2xl-compact) var(--eui-f-family);
    --eui-f-3xl-compact: normal normal 400 var(--eui-f-size-3xl-compact)/var(--eui-f-line-height-3xl-compact) var(--eui-f-family);
    --eui-f-3xl-compact-bold: normal normal 700 var(--eui-f-size-3xl-compact)/var(--eui-f-line-height-3xl-compact) var(--eui-f-family);
    --eui-f-4xl-compact: normal normal 400 var(--eui-f-size-4xl-compact)/var(--eui-f-line-height-4xl-compact) var(--eui-f-family);
    --eui-f-4xl-compact-bold: normal normal 700 var(--eui-f-size-4xl-compact)/var(--eui-f-line-height-4xl-compact) var(--eui-f-family);
    --eui-f-5xl-compact: normal normal 400 var(--eui-f-size-5xl-compact)/var(--eui-f-line-height-5xl-compact) var(--eui-f-family);
    --eui-f-5xl-compact-bold: normal normal 700 var(--eui-f-size-5xl-compact)/var(--eui-f-line-height-5xl-compact) var(--eui-f-family);
    --eui-f-6xl-compact: normal normal 400 var(--eui-f-size-6xl-compact)/var(--eui-f-line-height-6xl-compact) var(--eui-f-family);
    --eui-f-6xl-compact-bold: normal normal 700 var(--eui-f-size-6xl-compact)/var(--eui-f-line-height-6xl-compact) var(--eui-f-family);
    --eui-f-size-2xs: .675rem;
    --eui-f-size-2xs-compact: .675rem;
    --eui-f-size-xs: .75rem;
    --eui-f-size-xs-compact: .75rem;
    --eui-f-size-s: .875rem;
    --eui-f-size-s-compact: .875rem;
    --eui-f-size-m: 1rem;
    --eui-f-size-m-compact: 1rem;
    --eui-f-size-l: 1.25rem;
    --eui-f-size-l-compact: 1.25rem;
    --eui-f-size-xl: 1.5rem;
    --eui-f-size-xl-compact: 1.5rem;
    --eui-f-size-2xl: 1.75rem;
    --eui-f-size-2xl-compact: 1.75rem;
    --eui-f-size-3xl: 2rem;
    --eui-f-size-3xl-compact: 2rem;
    --eui-f-size-4xl: 2.5rem;
    --eui-f-size-4xl-compact: 2.5rem;
    --eui-f-size-5xl: 2.75rem;
    --eui-f-size-5xl-compact: 2.75rem;
    --eui-f-size-6xl: 3rem;
    --eui-f-size-6xl-compact: 3rem;
    --eui-f-line-height-2xs: 1rem;
    --eui-f-line-height-xs: 1.25rem;
    --eui-f-line-height-s: 1.25rem;
    --eui-f-line-height-m: 1.5rem;
    --eui-f-line-height-l: 1.75rem;
    --eui-f-line-height-xl: 2.25rem;
    --eui-f-line-height-2xl: 2.5rem;
    --eui-f-line-height-3xl: 2.75rem;
    --eui-f-line-height-4xl: 3rem;
    --eui-f-line-height-5xl: 3.25rem;
    --eui-f-line-height-6xl: 3.5rem;
    --eui-f-line-height-2xs-compact: .75rem;
    --eui-f-line-height-xs-compact: 1rem;
    --eui-f-line-height-s-compact: 1rem;
    --eui-f-line-height-m-compact: 1.25rem;
    --eui-f-line-height-l-compact: 1.5rem;
    --eui-f-line-height-xl-compact: 1.75rem;
    --eui-f-line-height-2xl-compact: 2rem;
    --eui-f-line-height-3xl-compact: 2.5rem;
    --eui-f-line-height-4xl-compact: 2.75rem;
    --eui-f-line-height-5xl-compact: 3rem;
    --eui-f-line-height-6xl-compact: 3.25rem;
    --eui-f-weight-regular: 400;
    --eui-f-weight-medium: 400;
    --eui-f-weight-semi-bold: 700;
    --eui-f-weight-bold: 700;
    --eui-s-none: 0;
    --eui-s-4xs: .0625rem;
    --eui-s-3xs: .125rem;
    --eui-s-2xs: .25rem;
    --eui-s-xs: .5rem;
    --eui-s-s: .75rem;
    --eui-s-m: 1rem;
    --eui-s-l: 1.25rem;
    --eui-s-xl: 1.5rem;
    --eui-s-2xl: 2rem;
    --eui-s-3xl: 2.5rem;
    --eui-s-4xl: 3rem;
    --eui-s-5xl: 3.5rem;
    --eui-s-6xl: 4rem;
    --eui-s-7xl: 5rem;
    --eui-s-8xl: 6rem;
    --eui-br-none: 0;
    --eui-br-s: 2px;
    --eui-br-m: 4px;
    --eui-br-l: 6px;
    --eui-br-xl: 8px;
    --eui-br-max: 999px;
    --eui-bp-xs: 0;
    --eui-bp-sm: 480px;
    --eui-bp-md: 768px;
    --eui-bp-lg: 996px;
    --eui-bp-xl: 1140px;
    --eui-bp-xxl: 1440px;
    --eui-bp-fhd: 1920px;
    --eui-bp-2k: 2560px;
    --eui-bp-4k: 3840px;
    --eui-bw-none: 0;
    --eui-bw-xs: 1px;
    --eui-bw-s: 2px;
    --eui-bw-m: 4px;
    --eui-sh-none: none;
    --eui-sh-1: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    --eui-sh-2: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    --eui-sh-3: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    --eui-sh-4: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
    --eui-sh-6: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);
    --eui-sh-8: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);
    --eui-sh-9: 0px 5px 6px -3px rgba(0, 0, 0, .2), 0px 9px 12px 1px rgba(0, 0, 0, .14), 0px 3px 16px 2px rgba(0, 0, 0, .12);
    --eui-sh-12: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);
    --eui-sh-16: 0px 8px 10px -5px rgba(0, 0, 0, .2), 0px 16px 24px 2px rgba(0, 0, 0, .14), 0px 6px 30px 5px rgba(0, 0, 0, .12);
    --eui-sh-24: 0px 11px 15px -7px rgba(0, 0, 0, .2), 0px 24px 38px 3px rgba(0, 0, 0, .14), 0px 9px 46px 8px rgba(0, 0, 0, .12);
    --eui-sh-card: 0px 8px 13px -3px rgba(0, 0, 0, .07);
    --eui-is-2xs: .75rem;
    --eui-is-xs: 1rem;
    --eui-is-s: 1.25rem;
    --eui-is-m: 1.5rem;
    --eui-is-l: 2rem;
    --eui-is-xl: 2.5rem;
    --eui-is-2xl: 3rem;
    --eui-is-3xl: 3.5rem;
    --eui-is-4xl: 4rem;
    --eui-is-fluid: 1em;
    --eui-o-none: 0;
    --eui-o-25: .25;
    --eui-o-50: .5;
    --eui-o-75: .75;
    --eui-o-100: 1;
    --eui-zi-auto: auto;
    --eui-zi-zero: 0;
    --eui-zi-root: 1;
    --eui-zi-input-maxlength: 2;
    --eui-zi-clearable-icon: 3;
    --eui-zi-breadcrumb: 9;
    --eui-zi-header: 10;
    --eui-zi-top-message: 12;
    --eui-zi-nav: 15;
    --eui-zi-loading-indicator: 20;
    --eui-zi-cdk-overlay-pane: 999;
    --eui-zi-logo: 1000;
    --eui-zi-sticky: 1040;
    --eui-zi-sidebar: 1044;
    --eui-zi-overlay: 1045;
    --eui-zi-btn-floating: 1046;
    --eui-zi-highlighted: 1047;
    --eui-zi-footer-action-bar: 1048;
    --eui-zi-modal-backdrop: 1049;
    --eui-zi-modal: 1050;
    --eui-zi-menu: 1060;
    --eui-zi-tooltip: 1070;
    --eui-zi-max: 9999;
    --eui-zi-cdk-overlay-container: 10000;
    --eui-zi-block-document: 10010;
    --eui-zi-growl-message: 99999;
    --eui-internal-icon-checkmark-path: url(check.741bf680b24e7d45.svg);
    --eui-internal-icon-remove-path: url(remove.5501b2683d9e2fb0.svg);
    --eui-internal-icon-ellipse-path: url(ellipse.1465cf578032d0c3.svg);
    --eui-internal-icon-external-path: url(external.0dcf4d1cf55a371d.svg);
    --eui-internal-icon-chevron-down-path: url(chevron-down.0414cc5b332dcab0.svg);
    --eui-base-line-height: 1.5;
    --eui-base-scale-factor: 1;
    --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, .2, 1);
    --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(.4, 0, .2, 1);
    --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(.4, 0, 1, 1);
    --eui-base-animation-ease-timing-function: cubic-bezier(.25, .1, .25, 1);
    --eui-base-animation-ease-in-out-timing-function: ease-in-out;
    --eui-base-animation-duration-fast: .25s;
    --eui-base-animation-duration-medium: .5s;
    --eui-base-animation-duration-slow: 1s;
    --eui-base-animation-duration-base: .5s;
    --eui-base-animation-duration: var(--eui-base-animation-duration-base);
    --eui-base-animation-transition-base: all .2s var(--eui-base-animation-linear-out-slow-in-timing-function);
    --eui-base-animation-transition-ease: all .2s var(--eui-base-animation-ease-timing-function);
    --eui-base-animation-transition-ease-in-out: all .2s var(--eui-base-animation-ease-in-out-timing-function);
    --eui-base-animation-transition-ease-in-out-1s: all 1s var(--eui-base-animation-ease-in-out-timing-function);
    --eui-base-animation-delay: 0s;
    --eui-base-animation-direction: normal;
    --eui-base-animation-fill-mode: forwards;
    --eui-base-animation-background-color: var(--eui-c-s-primary-surface-light)
}

:root {
    --eui-app-header-height-default: 0px;
    --eui-app-header-height: 0px;
    --eui-app-header-height-active: 90px;
    --eui-app-header-height-shrink: 0px;
    --eui-app-breadcrumb-height-default: 0px;
    --eui-app-breadcrumb-height: 0px;
    --eui-app-breadcrumb-height-active: 20px;
    --eui-app-top-message-height-default: 0px;
    --eui-app-top-message-height: 0px;
    --eui-app-top-message-height-active: 42px;
    --eui-app-toolbar-height-default: 0px;
    --eui-app-toolbar-height: 0px;
    --eui-app-toolbar-height-active: 60px;
    --eui-app-toolbar-mega-menu-height-default: 0px;
    --eui-app-toolbar-mega-menu-height: 0px;
    --eui-app-toolbar-mega-menu-height-active: 60px;
    --eui-app-sidebar-width-default: 0px;
    --eui-app-sidebar-width: 0px;
    --eui-app-sidebar-width-active: 300px;
    --eui-app-sidebar-width-close-default: 0px;
    --eui-app-sidebar-width-close: 0px;
    --eui-app-sidebar-width-close-active: 64px;
    --eui-app-sidebar-width-close-variant-active: 90px;
    --eui-app-sidebar-header-height: 0px;
    --eui-app-sidebar-header-height-default: 0px;
    --eui-app-sidebar-header-height-active: 48px;
    --eui-app-sidebar-header-user-profile: 64px;
    --eui-app-sidebar-footer-height: 0px;
    --eui-app-sidebar-footer-height-default: 0px;
    --eui-app-sidebar-footer-height-active: 24px;
    --eui-page-header-with-subtitle-height: 4rem;
    --eui-page-header-without-subtitle-height: 2rem;
    --eui-page-column--size-s: 50px;
    --eui-page-column--size-m: 150px;
    --eui-page-column--size-l: 200px;
    --eui-page-column--size-xl: 250px;
    --eui-page-column--size-xxl: 300px;
    --eui-page-column--size-xxxl: 350px;
    --eui-page-column-footer-height: 3.5rem;
    --_eui-scrollbars-foreground-color: var(--eui-c-s-secondary-border-lighter)
}

.sm,
.xs {
    --eui-app-header-height: 0px
}

.eui-icon-svg {
    fill: currentColor;
    margin: 0;
    transform: scaleX(1) scaleY(1) rotate(0);
    transition: transform .3s ease-in-out;
    display: inline-flex;
    align-items: center
}

.eui-icon-svg.eui-icon-svg--size-2xs svg {
    height: var(--eui-is-2xs);
    width: var(--eui-is-2xs)
}

.eui-icon-svg.eui-icon-svg--size-2xs svg>image {
    height: var(--eui-is-2xs);
    width: var(--eui-is-2xs)
}

.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg {
    height: var(--eui-is-2xs);
    width: var(--eui-is-2xs)
}

.eui-icon-svg.eui-icon-svg--size-xs svg {
    height: var(--eui-is-xs);
    width: var(--eui-is-xs)
}

.eui-icon-svg.eui-icon-svg--size-xs svg>image {
    height: var(--eui-is-xs);
    width: var(--eui-is-xs)
}

.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg {
    height: var(--eui-is-xs);
    width: var(--eui-is-xs)
}

.eui-icon-svg.eui-icon-svg--size-s svg {
    height: var(--eui-is-s);
    width: var(--eui-is-s)
}

.eui-icon-svg.eui-icon-svg--size-s svg>image {
    height: var(--eui-is-s);
    width: var(--eui-is-s)
}

.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg {
    height: var(--eui-is-s);
    width: var(--eui-is-s)
}

.eui-icon-svg.eui-icon-svg--size-m svg {
    height: var(--eui-is-m);
    width: var(--eui-is-m)
}

.eui-icon-svg.eui-icon-svg--size-m svg>image {
    height: var(--eui-is-m);
    width: var(--eui-is-m)
}

.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg {
    height: var(--eui-is-m);
    width: var(--eui-is-m)
}

.eui-icon-svg.eui-icon-svg--size-l svg {
    height: var(--eui-is-l);
    width: var(--eui-is-l)
}

.eui-icon-svg.eui-icon-svg--size-l svg>image {
    height: var(--eui-is-l);
    width: var(--eui-is-l)
}

.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg {
    height: var(--eui-is-l);
    width: var(--eui-is-l)
}

.eui-icon-svg.eui-icon-svg--size-xl svg {
    height: var(--eui-is-xl);
    width: var(--eui-is-xl)
}

.eui-icon-svg.eui-icon-svg--size-xl svg>image {
    height: var(--eui-is-xl);
    width: var(--eui-is-xl)
}

.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg {
    height: var(--eui-is-xl);
    width: var(--eui-is-xl)
}

.eui-icon-svg.eui-icon-svg--size-2xl svg {
    height: var(--eui-is-2xl);
    width: var(--eui-is-2xl)
}

.eui-icon-svg.eui-icon-svg--size-2xl svg>image {
    height: var(--eui-is-2xl);
    width: var(--eui-is-2xl)
}

.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg {
    height: var(--eui-is-2xl);
    width: var(--eui-is-2xl)
}

.eui-icon-svg.eui-icon-svg--size-3xl svg {
    height: var(--eui-is-3xl);
    width: var(--eui-is-3xl)
}

.eui-icon-svg.eui-icon-svg--size-3xl svg>image {
    height: var(--eui-is-3xl);
    width: var(--eui-is-3xl)
}

.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg {
    height: var(--eui-is-3xl);
    width: var(--eui-is-3xl)
}

.eui-icon-svg.eui-icon-svg--size-4xl svg {
    height: var(--eui-is-4xl);
    width: var(--eui-is-4xl)
}

.eui-icon-svg.eui-icon-svg--size-4xl svg>image {
    height: var(--eui-is-4xl);
    width: var(--eui-is-4xl)
}

.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg {
    height: var(--eui-is-4xl);
    width: var(--eui-is-4xl)
}

.eui-icon-svg.eui-icon-svg--size-fluid svg {
    height: var(--eui-is-fluid);
    width: var(--eui-is-fluid)
}

.eui-icon-svg.eui-icon-svg--size-fluid svg>image {
    height: var(--eui-is-fluid);
    width: var(--eui-is-fluid)
}

.eui-icon-svg.eui-icon-svg--size-fluid.eui-icon-svg--stack svg {
    height: var(--eui-is-fluid);
    width: var(--eui-is-fluid)
}

.eui-icon-svg .eui-badge,
.eui-icon-svg .eui-badge--size-m {
    position: absolute;
    left: 40%;
    top: -40%
}

.eui-icon-svg .eui-badge--empty {
    left: 70%;
    top: -5%
}

.eui-icon-svg--size-l .eui-badge--size-s {
    left: 70%
}

.eui-button .eui-badge {
    height: inherit
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: .25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: .25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: .5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: .5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media (min-width:480px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: .25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: .25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: .5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: .5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: .25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: .25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: .5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: .5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:996px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: .25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: .25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: .5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: .5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1140px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1440px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

@media (min-width:1920px) {
    .col-xxxl {
        flex: 1 0 0%
    }

    .row-cols-xxxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxxl-0 {
        margin-left: 0
    }

    .offset-xxxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxxl-3 {
        margin-left: 25%
    }

    .offset-xxxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxxl-6 {
        margin-left: 50%
    }

    .offset-xxxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxxl-9 {
        margin-left: 75%
    }

    .offset-xxxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxxl-0,
    .gx-xxxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxxl-0,
    .gy-xxxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxxl-1,
    .gx-xxxl-1 {
        --bs-gutter-x: .25rem
    }

    .g-xxxl-1,
    .gy-xxxl-1 {
        --bs-gutter-y: .25rem
    }

    .g-xxxl-2,
    .gx-xxxl-2 {
        --bs-gutter-x: .5rem
    }

    .g-xxxl-2,
    .gy-xxxl-2 {
        --bs-gutter-y: .5rem
    }

    .g-xxxl-3,
    .gx-xxxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxxl-3,
    .gy-xxxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxxl-4,
    .gx-xxxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxxl-4,
    .gy-xxxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxxl-5,
    .gx-xxxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxxl-5,
    .gy-xxxl-5 {
        --bs-gutter-y: 3rem
    }
}

html.eui-19 {
    --mat-datepicker-calendar-container-shape: var(--eui-s-2xs);
    --mat-datepicker-calendar-container-touch-shape: var(--eui-s-2xs);
    --mat-datepicker-calendar-container-elevation-shadow: var(--eui-sh-2);
    --mat-datepicker-calendar-container-touch-elevation-shadow: var(--eui-sh-2);
    --mat-datepicker-calendar-date-selected-state-text-color: var(--eui-c-white);
    --mat-datepicker-calendar-date-selected-state-background-color: var(--eui-c-s-primary-surface);
    --mat-datepicker-calendar-date-selected-disabled-state-background-color: #00449466;
    --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--eui-c-white);
    --mat-datepicker-calendar-date-focus-state-background-color: var(--eui-c-focus);
    --mat-datepicker-calendar-date-hover-state-background-color: var(--eui-c-s-primary-surface-light);
    --mat-datepicker-toggle-active-state-icon-color: var(--eui-c-s-primary);
    --mat-datepicker-calendar-date-in-range-state-background-color: #00449433;
    --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--eui-c-s-accent-surface);
    --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--eui-c-s-success-surface-medium);
    --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--eui-c-s-success-surface-medium);
    --mat-datepicker-toggle-icon-color: var(--eui-c-s-secondary);
    --mat-datepicker-calendar-body-label-text-color: var(--eui-c-s-secondary);
    --mat-datepicker-calendar-period-button-text-color: var(--eui-c-s-secondary);
    --mat-datepicker-calendar-period-button-icon-color: var(--eui-c-s-secondary);
    --mat-datepicker-calendar-navigation-button-icon-color: var(--eui-c-s-secondary);
    --mat-datepicker-calendar-header-divider-color: #0000001f;
    --mat-datepicker-calendar-header-text-color: var(--eui-c-s-secondary);
    --mat-datepicker-calendar-date-today-outline-color: #00000061;
    --mat-datepicker-calendar-date-today-disabled-state-outline-color: #0000002e;
    --mat-datepicker-calendar-date-text-color: var(--eui-c-text);
    --mat-datepicker-calendar-date-outline-color: #0000;
    --mat-datepicker-calendar-date-disabled-state-text-color: #00000061;
    --mat-datepicker-calendar-date-preview-state-outline-color: #0000003d;
    --mat-datepicker-range-input-separator-color: #000000de;
    --mat-datepicker-range-input-disabled-state-separator-color: #00000061;
    --mat-datepicker-range-input-disabled-state-text-color: #00000061;
    --mat-datepicker-calendar-container-background-color: var(--eui-c-white);
    --mat-datepicker-calendar-container-text-color: #000000de
}

.eui-19 .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
    --mdc-icon-button-state-layer-size: var(--eui-s-3xl);
    height: var(--mdc-icon-button-state-layer-size);
    padding: var(--eui-s-xs);
    width: var(--mdc-icon-button-state-layer-size)
}

.eui-19 .mat-focus-indicator,
.eui-19 .mat-mdc-focus-indicator {
    position: relative
}

.eui-19 .mat-focus-indicator:before,
.eui-19 .mat-mdc-focus-indicator:before {
    border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
    border-radius: var(--mat-mdc-focus-indicator-border-radius, var(--eui-s-2xs));
    box-sizing: border-box;
    display: var(--mat-mdc-focus-indicator-display, none);
    inset: 0;
    pointer-events: none;
    position: absolute
}

.eui-19 .mat-calendar-body-cell {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.eui-19 .mat-calendar-body-cell-preview,
.eui-19 .mat-calendar-body-cell:after,
.eui-19 .mat-calendar-body-cell:before {
    content: "";
    position: absolute;
    top: 8%;
    left: 0;
    z-index: 0;
    box-sizing: border-box;
    display: block;
    height: 90%;
    width: 100%
}

.eui-19 .cdk-high-contrast-active .mat-ripple-element {
    display: none
}

.eui-19 .cdk-visually-hidden {
    clip: rect(0 0 0 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    height: 1px;
    left: 0;
    margin: -1px;
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.eui-19 [dir=rtl] .cdk-visually-hidden {
    left: auto;
    right: 0
}

.eui-19 .cdk-global-overlay-wrapper,
.eui-19 .cdk-overlay-container {
    height: 100%;
    left: 0;
    pointer-events: none;
    top: 0;
    width: 100%
}

.eui-19 .cdk-overlay-container {
    position: fixed;
    z-index: 1000
}

.eui-19 .cdk-overlay-container:empty {
    display: none
}

.eui-19 .cdk-global-overlay-wrapper,
.eui-19 .cdk-overlay-pane {
    display: flex;
    position: absolute;
    z-index: 1000
}

.eui-19 .cdk-overlay-pane {
    box-sizing: border-box;
    max-height: 100%;
    max-width: 100%;
    pointer-events: auto
}

.eui-19 .cdk-overlay-backdrop {
    -webkit-tap-highlight-color: transparent;
    inset: 0;
    opacity: 0;
    pointer-events: auto;
    position: absolute;
    transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
    z-index: 1000
}

.eui-19 .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: 1
}

.eui-19 .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
    opacity: .6
}

.eui-19 .cdk-overlay-dark-backdrop {
    background: #00000052
}

.eui-19 .cdk-overlay-transparent-backdrop {
    opacity: 1;
    transition: visibility 1ms linear, opacity 1ms linear;
    visibility: hidden
}

.eui-19 .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
    opacity: 0;
    visibility: visible
}

.eui-19 .cdk-overlay-backdrop-noop-animation {
    transition: none
}

.eui-19 .cdk-overlay-connected-position-bounding-box {
    display: flex;
    flex-direction: column;
    min-height: 1px;
    min-width: 1px;
    position: absolute;
    z-index: 1000
}

.eui-19 .cdk-global-scrollblock {
    overflow-y: scroll;
    position: fixed;
    width: 100%
}

.eui-19 .cdk-high-contrast-active {
    --mat-focus-indicator-display: block
}

.eui-19 .mat-calendar {
    font-size: small !important;
    font-family: var(--eui-f-family) !important
}

.eui-19 .mat-calendar.mat-calendar-year .mat-calendar-period-button {
    display: none
}

.eui-19 .cdk-drop-list-dragging .cdk-drag {
    transition: transform .25s cubic-bezier(0, 0, .2, 1)
}

.eui-19 .cdk-drag-animating {
    transition: transform .3s cubic-bezier(0, 0, .2, 1)
}

.eui-19 .cdk-drag-handle {
    cursor: move !important
}

.eui-19 .cdk-drag-dragging {
    opacity: 1
}

.eui-19 .cdk-drag-preview {
    background-color: transparent;
    box-shadow: none;
    cursor: grab !important;
    display: table;
    margin: 0 !important;
    opacity: 1;
    position: relative
}

.eui-19 .cdk-drag-placeholder {
    background-color: transparent;
    opacity: .35
}

.eui-19 .cdk-drag-placeholder:hover {
    outline: 2px dashed var(--eui-c-s-secondary-border-light);
    outline-offset: 2px
}

.eui-19 .cdk-global-scrollblock {
    position: fixed;
    overflow-y: visible;
    width: 100%;
    left: 0 !important
}

.eui-19 .cdk-global-scrollblock::-webkit-scrollbar {
    display: inherit;
    height: 8px;
    width: 8px;
    background-color: var(--eui-c-s-secondary-surface-light)
}

.eui-19 .cdk-global-scrollblock::-webkit-scrollbar-thumb {
    background-color: var(--_eui-scrollbars-foreground-color);
    border-radius: 5rem
}

.eui-19 .cdk-global-scrollblock::-webkit-scrollbar-thumb:hover {
    background-color: var(--eui-c-s-secondary-surface)
}

.eui-19 .cdk-global-scrollblock::-webkit-scrollbar-track {
    background-color: var(--eui-c-s-secondary-surface-light);
    border-radius: 0
}

@-moz-document url-prefix() {
    .eui-19 .cdk-global-scrollblock {
        scrollbar-color: var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);
        scrollbar-width: auto
    }
}

@media screen and (max-width:767px) {
    .eui-19 .cdk-global-scrollblock {
        height: 100%;
        overflow: auto;
        position: fixed;
        width: 100%
    }

    .eui-19 .cdk-global-scrollblock::-webkit-scrollbar {
        display: inherit;
        height: 8px;
        width: 8px;
        background-color: var(--eui-c-s-secondary-surface-light)
    }

    .eui-19 .cdk-global-scrollblock::-webkit-scrollbar-thumb {
        background-color: var(--_eui-scrollbars-foreground-color);
        border-radius: 5rem
    }

    .eui-19 .cdk-global-scrollblock::-webkit-scrollbar-thumb:hover {
        background-color: var(--eui-c-s-secondary-surface)
    }

    .eui-19 .cdk-global-scrollblock::-webkit-scrollbar-track {
        background-color: var(--eui-c-s-secondary-surface-light);
        border-radius: 0
    }

    @-moz-document url-prefix() {
        .eui-19 .cdk-global-scrollblock {
            scrollbar-color: var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);
            scrollbar-width: auto
        }
    }
}

.eui-19 .cdk-overlay-container {
    z-index: var(--eui-zi-cdk-overlay-container)
}

@media screen and (max-width:767px) {
    .eui-19 .cdk-overlay-container {
        height: 100vh;
        height: calc(var(--eui-app-vh, 1vh) * 100);
        left: 0;
        position: fixed;
        top: 0;
        width: 100vw
    }
}

.eui-19 .cdk-overlay-pane {
    background-color: var(--eui-c-surface-container);
    z-index: var(--eui-zi-cdk-overlay-pane)
}

.eui-19 .cdk-virtual-scrollable::-webkit-scrollbar {
    display: inherit;
    height: 8px;
    width: 8px;
    background-color: var(--eui-c-s-secondary-surface-light)
}

.eui-19 .cdk-virtual-scrollable::-webkit-scrollbar-thumb {
    background-color: var(--_eui-scrollbars-foreground-color);
    border-radius: 5rem
}

.eui-19 .cdk-virtual-scrollable::-webkit-scrollbar-thumb:hover {
    background-color: var(--eui-c-s-secondary-surface)
}

.eui-19 .cdk-virtual-scrollable::-webkit-scrollbar-track {
    background-color: var(--eui-c-s-secondary-surface-light);
    border-radius: 0
}

@-moz-document url-prefix() {
    .eui-19 .cdk-virtual-scrollable {
        scrollbar-color: var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);
        scrollbar-width: auto
    }
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

[role=button],
a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation
}

abbr,
blockquote,
del,
label,
mark,
p {
    font-size: var(--eui-f-size-base)
}

b,
strong {
    font-weight: 700 !important
}

:focus,
:focus-visible {
    outline: 0
}

[type=reset],
[type=submit],
button,
html [type=button] {
    appearance: none
}

del .eui-label,
del .eui-input-text[readonly],
del .eui-input-number[readonly] {
    text-decoration: line-through
}

html {
    display: block;
    height: 100%;
    font-size: var(--eui-f-size-base);
    line-height: var(--eui-base-line-height)
}

body {
    background-color: var(--eui-c-surface-page);
    color: var(--eui-c-text);
    font-family: var(--eui-f-family);
    font-feature-settings: "liga";
    font-size: var(--eui-f-size-base);
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    height: 100%;
    line-height: var(--eui-base-line-height);
    margin: 0;
    text-align: start;
    text-rendering: optimizeLegibility
}

.eui-19 table.eui-table-default {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    color: var(--eui-c-text);
    max-width: 100%;
    overflow: auto;
    position: relative
}

.eui-19 table.eui-table-default th {
    border: 1px solid var(--eui-c-divider)
}

.eui-19 table.eui-table-default td:first-child,
.eui-19 table.eui-table-default th:first-child {
    border-left: 0
}

.eui-19 table.eui-table-default td:last-child,
.eui-19 table.eui-table-default th:last-child {
    border-right: 0
}

.eui-19 table.eui-table-default tbody>tr>td,
.eui-19 table.eui-table-default tfoot>tr>td,
.eui-19 table.eui-table-default thead>tr>th {
    vertical-align: middle
}

.eui-19 table.eui-table-default tr>td,
.eui-19 table.eui-table-default tr>th {
    padding: var(--eui-s-s);
    text-align: left
}

.eui-19 table.eui-table-default thead th {
    color: var(--eui-c-text);
    font-size: var(--eui-f-size-base);
    padding: var(--eui-s-m) var(--eui-s-s);
    vertical-align: middle;
    font: var(--eui-f-m-bold)
}

.eui-19 table.eui-table-default thead tr {
    background: var(--eui-c-surface-container-2);
    border-top: 0
}

.eui-19 table.eui-table-default tbody {
    -webkit-overflow-scrolling: touch
}

.eui-19 table.eui-table-default tbody tr:nth-of-type(odd) {
    background-color: var(--eui-c-surface-page)
}

.eui-19 table.eui-table-default tbody tr:nth-of-type(odd):hover {
    background-color: var(--eui-c-active-bg)
}

.eui-19 table.eui-table-default tbody tr:nth-of-type(2n) {
    background-color: var(--eui-c-surface-container-1)
}

.eui-19 table.eui-table-default tbody tr:nth-of-type(2n):hover {
    background-color: var(--eui-c-active-bg)
}

.eui-19 table.eui-table-default tfoot tr {
    background: var(--eui-c-surface-container-2)
}

.eui-19 table.eui-table-default tr {
    border-bottom: 1px solid var(--eui-c-divider-light);
    display: table-row
}

.eui-19 table.eui-table-default--compact thead th {
    padding: var(--eui-s-xs) var(--eui-s-s)
}

.eui-19 table.eui-table-default--compact tr>td {
    padding: var(--eui-s-2xs) var(--eui-s-s)
}

.eui-19 table.eui-table-default--responsive {
    display: table;
    width: 100%
}

.eui-19 table.eui-table-default--responsive--bordered {
    border: 0
}

.eui-19 table.eui-table-default--nowrap {
    white-space: nowrap
}

.eui-19 table.eui-table-default--nowrap tbody>tr>td,
.eui-19 table.eui-table-default--nowrap tfoot>tr>td,
.eui-19 table.eui-table-default--nowrap thead>tr>th {
    white-space: nowrap
}

.eui-19 table.eui-table-default--centered {
    display: table;
    margin: 0 auto;
    width: auto
}

.eui-19 table.eui-table-default--align-middle tbody>tr>td,
.eui-19 table.eui-table-default--align-middle tfoot>tr>td,
.eui-19 table.eui-table-default--align-middle thead>tr>th {
    vertical-align: middle
}

.eui-19 .eui-icon-svg.eui-input-text--clearable-icon {
    cursor: pointer;
    position: absolute;
    right: var(--eui-s-s);
    -webkit-user-select: none;
    user-select: none;
    visibility: visible;
    z-index: var(--eui-zi-clearable-icon)
}

.eui-19 .eui-icon-svg.eui-input-text--clearable-icon:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus) !important;
    outline-offset: -2px !important;
    transition: none
}

.eui-19 .eui-icon-svg.eui-input-text--clearable-icon:focus-visible:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: -2px !important;
    transition: none
}

.eui-19 .eui-icon-svg.eui-input-text--clearable-icon [tabindex="0"]:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: -2px !important;
    transition: none
}

.eui-19 .eui-icon-svg.eui-input-text--clearable-icon>svg {
    fill: var(--eui-c-text-light)
}

.eui-19 .eui-icon-svg.eui-input-text--clearable-icon>svg:hover {
    fill: var(--eui-c-s-danger)
}

.eui-19 .eui-input-maxlength-wrapper {
    position: relative;
    width: 100%
}

.eui-19 .eui-input-maxlength-wrapper .eui-input-maxlength {
    font: var(--eui-f-xs);
    background-color: var(--eui-c-s-secondary-surface-light);
    border: 1px solid var(--eui-c-s-secondary-border-light);
    border-radius: var(--eui-br-m);
    color: var(--eui-c-text);
    padding: 0 var(--eui-s-2xs);
    position: absolute;
    right: calc(-1 * var(--eui-s-xs));
    top: calc(-1 * var(--eui-s-xs));
    z-index: var(--eui-zi-input-maxlength)
}

.eui-19 .eui-input-maxlength-wrapper .eui-input-maxlength--invalid {
    background-color: var(--eui-c-s-warning-surface);
    border-color: var(--eui-c-s-warning-base);
    color: var(--eui-c-s-warning-surface-contrast)
}

.eui-19 .eui-tooltip__container {
    background-color: transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--above .eui-tooltip {
    margin-bottom: var(--eui-s-m)
}

.eui-19 .eui-tooltip__container.eui-tooltip--above .eui-tooltip:before {
    border-color: var(--eui-c-s-secondary) transparent transparent transparent;
    bottom: 2px;
    left: calc(50% - 8px);
    transform: translateY(16px)
}

.eui-19 .eui-tooltip__container.eui-tooltip--above .eui-tooltip--primary:before {
    border-color: var(--eui-c-s-primary-surface) transparent transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--above .eui-tooltip--info:before {
    border-color: var(--eui-c-s-info-surface) transparent transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--above .eui-tooltip--success:before {
    border-color: var(--eui-c-s-success-surface) transparent transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--above .eui-tooltip--warning:before {
    border-color: var(--eui-c-s-warning-surface) transparent transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--above .eui-tooltip--danger:before {
    border-color: var(--eui-c-s-danger-surface) transparent transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--above .eui-tooltip--accent:before {
    border-color: var(--eui-c-s-accent-surface) transparent transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--below .eui-tooltip {
    margin-top: var(--eui-s-m)
}

.eui-19 .eui-tooltip__container.eui-tooltip--below .eui-tooltip:before {
    border-color: transparent transparent var(--eui-c-s-secondary) transparent;
    left: calc(50% - 8px);
    top: 0;
    transform: translateY(-100%)
}

.eui-19 .eui-tooltip__container.eui-tooltip--below .eui-tooltip--primary:before {
    border-color: transparent transparent var(--eui-c-s-primary-surface) transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--below .eui-tooltip--info:before {
    border-color: transparent transparent var(--eui-c-s-info-surface) transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--below .eui-tooltip--success:before {
    border-color: transparent transparent var(--eui-c-s-success-surface) transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--below .eui-tooltip--warning:before {
    border-color: transparent transparent var(--eui-c-s-warning-surface) transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--below .eui-tooltip--danger:before {
    border-color: transparent transparent var(--eui-c-s-danger-surface) transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--below .eui-tooltip--accent:before {
    border-color: transparent transparent var(--eui-c-s-accent-surface) transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--before .eui-tooltip,
.eui-19 .eui-tooltip__container.eui-tooltip--left .eui-tooltip {
    margin-right: var(--eui-s-m)
}

.eui-19 .eui-tooltip__container.eui-tooltip--before .eui-tooltip:before,
.eui-19 .eui-tooltip__container.eui-tooltip--left .eui-tooltip:before {
    border-color: transparent transparent transparent var(--eui-c-s-secondary);
    right: -6px;
    top: 50%;
    transform: translate(8px, -8px)
}

.eui-19 .eui-tooltip__container.eui-tooltip--before .eui-tooltip--primary:before,
.eui-19 .eui-tooltip__container.eui-tooltip--left .eui-tooltip--primary:before {
    border-color: transparent transparent transparent var(--eui-c-s-primary-surface)
}

.eui-19 .eui-tooltip__container.eui-tooltip--before .eui-tooltip--info:before,
.eui-19 .eui-tooltip__container.eui-tooltip--left .eui-tooltip--info:before {
    border-color: transparent transparent transparent var(--eui-c-s-info-surface)
}

.eui-19 .eui-tooltip__container.eui-tooltip--before .eui-tooltip--success:before,
.eui-19 .eui-tooltip__container.eui-tooltip--left .eui-tooltip--success:before {
    border-color: transparent transparent transparent var(--eui-c-s-success-surface)
}

.eui-19 .eui-tooltip__container.eui-tooltip--before .eui-tooltip--warning:before,
.eui-19 .eui-tooltip__container.eui-tooltip--left .eui-tooltip--warning:before {
    border-color: transparent transparent transparent var(--eui-c-s-warning-surface)
}

.eui-19 .eui-tooltip__container.eui-tooltip--before .eui-tooltip--danger:before,
.eui-19 .eui-tooltip__container.eui-tooltip--left .eui-tooltip--danger:before {
    border-color: transparent transparent transparent var(--eui-c-s-danger-surface)
}

.eui-19 .eui-tooltip__container.eui-tooltip--before .eui-tooltip--accent:before,
.eui-19 .eui-tooltip__container.eui-tooltip--left .eui-tooltip--accent:before {
    border-color: transparent transparent transparent var(--eui-c-s-accent-surface)
}

.eui-19 .eui-tooltip__container.eui-tooltip--after .eui-tooltip,
.eui-19 .eui-tooltip__container.eui-tooltip--right .eui-tooltip {
    margin-left: var(--eui-s-m)
}

.eui-19 .eui-tooltip__container.eui-tooltip--after .eui-tooltip:before,
.eui-19 .eui-tooltip__container.eui-tooltip--right .eui-tooltip:before {
    border-color: transparent var(--eui-c-s-secondary) transparent transparent;
    left: -6px;
    top: 50%;
    transform: translate(-8px, -8px)
}

.eui-19 .eui-tooltip__container.eui-tooltip--after .eui-tooltip--primary:before,
.eui-19 .eui-tooltip__container.eui-tooltip--right .eui-tooltip--primary:before {
    border-color: transparent var(--eui-c-s-primary-surface) transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--after .eui-tooltip--info:before,
.eui-19 .eui-tooltip__container.eui-tooltip--right .eui-tooltip--info:before {
    border-color: transparent var(--eui-c-s-info-surface) transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--after .eui-tooltip--success:before,
.eui-19 .eui-tooltip__container.eui-tooltip--right .eui-tooltip--success:before {
    border-color: transparent var(--eui-c-s-success-surface) transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--after .eui-tooltip--warning:before,
.eui-19 .eui-tooltip__container.eui-tooltip--right .eui-tooltip--warning:before {
    border-color: transparent var(--eui-c-s-warning-surface) transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--after .eui-tooltip--danger:before,
.eui-19 .eui-tooltip__container.eui-tooltip--right .eui-tooltip--danger:before {
    border-color: transparent var(--eui-c-s-danger-surface) transparent transparent
}

.eui-19 .eui-tooltip__container.eui-tooltip--after .eui-tooltip--accent:before,
.eui-19 .eui-tooltip__container.eui-tooltip--right .eui-tooltip--accent:before {
    border-color: transparent var(--eui-c-s-accent-surface) transparent transparent
}

.eui-19 .eui-tooltip__container .eui-tooltip {
    background-color: var(--eui-c-s-secondary);
    border-radius: var(--eui-br-m);
    box-shadow: var(--eui-sh-4);
    color: var(--eui-c-white);
    letter-spacing: .05em;
    max-width: 50vw;
    padding: var(--eui-s-xs);
    white-space: pre-line;
    font: var(--eui-f-xs)
}

.eui-19 .eui-tooltip__container .eui-tooltip:before {
    border-color: transparent;
    border-style: solid;
    border-width: 8px;
    bottom: 0;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    width: 0
}

.eui-19 .eui-tooltip__container .eui-tooltip.eui-tooltip--content-left {
    text-align: left
}

.eui-19 .eui-tooltip__container .eui-tooltip.eui-tooltip--content-right {
    text-align: right
}

.eui-19 .eui-tooltip__container .eui-tooltip.eui-tooltip--content-center {
    text-align: center
}

.eui-19 .eui-tooltip__container .eui-tooltip.eui-tooltip--content-justify {
    text-align: justify
}

.eui-19 .eui-tooltip__container .eui-tooltip--primary {
    background-color: var(--eui-c-s-primary-surface);
    color: var(--eui-c-s-primary-surface-contrast)
}

.eui-19 .eui-tooltip__container .eui-tooltip--info {
    background-color: var(--eui-c-s-info-surface);
    color: var(--eui-c-s-info-surface-contrast)
}

.eui-19 .eui-tooltip__container .eui-tooltip--success {
    background-color: var(--eui-c-s-success-surface);
    color: var(--eui-c-s-success-surface-contrast)
}

.eui-19 .eui-tooltip__container .eui-tooltip--warning {
    background-color: var(--eui-c-s-warning-surface);
    color: var(--eui-c-s-warning-surface-contrast)
}

.eui-19 .eui-tooltip__container .eui-tooltip--danger {
    background-color: var(--eui-c-s-danger-surface);
    color: var(--eui-c-s-danger-surface-contrast)
}

.eui-19 .eui-tooltip__container .eui-tooltip--accent {
    background-color: var(--eui-c-s-accent-surface);
    color: var(--eui-c-s-accent-surface-contrast)
}

.eui-button-fixed {
    bottom: var(--eui-s-3xl);
    position: fixed;
    right: var(--eui-s-xl);
    z-index: calc(var(--eui-zi-btn-floating) + 1)
}

.eui-button-fixed:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus) !important;
    outline-offset: -2px !important;
    transition: none
}

.eui-button-fixed:focus-visible:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: -2px !important;
    transition: none
}

.eui-button-fixed [tabindex="0"]:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: -2px !important;
    transition: none
}

.eui-button-floating {
    align-items: center;
    border-radius: var(--eui-br-max);
    display: inline-flex;
    overflow: hidden;
    padding: var(--eui-s-xs);
    position: relative;
    transform: translateY(35%);
    vertical-align: middle;
    height: var(--eui-s-4xl);
    width: var(--eui-s-4xl);
    z-index: 1;
    box-shadow: var(--eui-sh-6);
    background-color: var(--_bg-color);
    color: var(--_on-bg-color);
    border: none
}

.eui-button-floating:hover {
    cursor: pointer;
    box-shadow: var(--eui-sh-3)
}

.eui-button-floating:before {
    border-radius: var(--eui-br-none)
}

.eui-button__expand-trigger {
    border-top: 1px solid var(--eui-c-divider);
    cursor: pointer;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 1;
    margin-bottom: var(--eui-s-l)
}

.eui-button__expand-trigger:hover .eui-button--expand-toggle {
    box-shadow: var(--eui-sh-3)
}

.eui-button__expand-trigger--collapsed {
    margin-top: var(--eui-s-s)
}

.eui-button--expand-toggle {
    background: var(--eui-c-surface-page);
    border-color: transparent;
    border-radius: 0 0 var(--eui-s-xs) var(--eui-s-xs);
    cursor: pointer;
    min-height: var(--eui-s-m);
    padding: 0 var(--eui-s-s);
    box-shadow: var(--eui-sh-1);
    display: inline-flex;
    align-items: center;
    gap: var(--eui-s-xs)
}

.eui-button--expand-toggle:focus,
.eui-button--expand-toggle:hover {
    box-shadow: var(--eui-sh-3)
}

.eui-dropdown-button {
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    position: relative
}

.eui-dropdown-button--disabled,
.eui-dropdown-button:disabled {
    pointer-events: none
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    img[src$=".svg"] {
        width: 100%
    }
}

@media screen {
    img {
        background-repeat: no-repeat;
        background-size: 100%;
        -ms-interpolation-mode: bicubic
    }
}

.cookie-consent-banner {
    display: block !important;
    min-width: 50% !important;
    position: absolute !important;
    right: 50% !important;
    top: var(--eui-s-m) !important;
    transform: translate(50%) !important;
    z-index: var(--eui-zi-max) !important;
    box-shadow: var(--eui-sh-24) !important;
    background: var(--eui-c-s-primary-surface) !important;
    color: var(--eui-c-s-primary-surface-contrast) !important
}

#loader-wrapper {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

#loader-wrapper #loader {
    animation: spin 2s linear infinite;
    animation: hourglass 5s linear infinite;
    border: 10px solid transparent;
    border-radius: 50%;
    border-top-color: var(--eui-c-s-warning-base);
    display: block;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: relative;
    top: 50%;
    width: 200px
}

#loader-wrapper #loader:before {
    animation: spin 2s linear infinite;
    animation: hourglass 4s linear infinite;
    border: 10px solid transparent;
    border-radius: 50%;
    border-top-color: var(--eui-c-s-danger-base);
    content: "";
    inset: 5px;
    position: absolute
}

#loader-wrapper #loader:after {
    animation: spin 1s linear infinite;
    animation: hourglass 3s linear infinite;
    border: 10px solid transparent;
    border-radius: 50%;
    border-top-color: var(--eui-c-s-primary-base);
    content: "";
    inset: 20px;
    position: absolute
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    to {
        transform: rotate(1800deg)
    }
}

.eui-u-c-black {
    color: var(--eui-c-black) !important
}

.eui-u-c-bg-black {
    background-color: var(--eui-c-black) !important;
    color: var(--eui-c-white) !important
}

.eui-u-c-white {
    color: var(--eui-c-white) !important
}

.eui-u-c-bg-white {
    background-color: var(--eui-c-white) !important;
    color: var(--eui-c-text) !important
}

.eui-u-c-branding {
    color: var(--eui-c-branding) !important
}

.eui-u-c-bg-branding {
    background-color: var(--eui-c-branding) !important;
    color: var(--eui-c-branding-contrast) !important
}

.eui-u-c-branding-dark {
    color: var(--eui-c-branding-dark) !important
}

.eui-u-c-bg-branding-dark {
    background-color: var(--eui-c-branding-dark) !important;
    color: var(--eui-c-branding-dark-contrast) !important
}

.eui-u-c-branding-light {
    color: var(--eui-c-branding-light) !important
}

.eui-u-c-bg-branding-light {
    background-color: var(--eui-c-branding-light) !important;
    color: var(--eui-c-branding-light-contrast) !important
}

.eui-u-c-branding-lighter {
    color: var(--eui-c-branding-lighter) !important
}

.eui-u-c-bg-branding-lighter {
    background-color: var(--eui-c-branding-lighter) !important;
    color: var(--eui-c-branding-lighter-contrast) !important
}

.eui-u-c-branding-lightest {
    color: var(--eui-c-branding-lightest) !important
}

.eui-u-c-bg-branding-lightest {
    background-color: var(--eui-c-branding-lightest) !important;
    color: var(--eui-c-branding-lightest-contrast) !important
}

.eui-u-c-branding-bg {
    color: var(--eui-c-branding-bg) !important
}

.eui-u-c-bg-branding-bg {
    background-color: var(--eui-c-branding-bg) !important;
    color: var(--eui-c-branding-bg-contrast) !important
}

.eui-u-c-branding-bg-light {
    color: var(--eui-c-branding-bg-light) !important
}

.eui-u-c-bg-branding-bg-light {
    background-color: var(--eui-c-branding-bg-light) !important;
    color: var(--eui-c-branding-bg-light-contrast) !important
}

.eui-u-c-branding-bg-lighter {
    color: var(--eui-c-branding-bg-lighter) !important
}

.eui-u-c-bg-branding-bg-lighter {
    background-color: var(--eui-c-branding-bg-lighter) !important;
    color: var(--eui-c-branding-bg-lighter-contrast) !important
}

.eui-u-c-neutral {
    color: var(--eui-c-neutral) !important
}

.eui-u-c-bg-neutral {
    background-color: var(--eui-c-neutral) !important;
    color: var(--eui-c-neutral-contrast) !important
}

.eui-u-c-neutral-darkest {
    color: var(--eui-c-neutral-darkest) !important
}

.eui-u-c-bg-neutral-darkest {
    background-color: var(--eui-c-neutral-darkest) !important;
    color: var(--eui-c-neutral-darkest-contrast) !important
}

.eui-u-c-neutral-darker {
    color: var(--eui-c-neutral-darker) !important
}

.eui-u-c-bg-neutral-darker {
    background-color: var(--eui-c-neutral-darker) !important;
    color: var(--eui-c-neutral-darker-contrast) !important
}

.eui-u-c-neutral-dark {
    color: var(--eui-c-neutral-dark) !important
}

.eui-u-c-bg-neutral-dark {
    background-color: var(--eui-c-neutral-dark) !important;
    color: var(--eui-c-neutral-dark-contrast) !important
}

.eui-u-c-neutral-light {
    color: var(--eui-c-neutral-light) !important
}

.eui-u-c-bg-neutral-light {
    background-color: var(--eui-c-neutral-light) !important;
    color: var(--eui-c-neutral-light-contrast) !important
}

.eui-u-c-neutral-lighter {
    color: var(--eui-c-neutral-lighter) !important
}

.eui-u-c-bg-neutral-lighter {
    background-color: var(--eui-c-neutral-lighter) !important;
    color: var(--eui-c-neutral-lighter-contrast) !important
}

.eui-u-c-neutral-lightest {
    color: var(--eui-c-neutral-lightest) !important
}

.eui-u-c-bg-neutral-lightest {
    background-color: var(--eui-c-neutral-lightest) !important;
    color: var(--eui-c-neutral-lightest-contrast) !important
}

.eui-u-c-neutral-bg {
    color: var(--eui-c-neutral-bg) !important
}

.eui-u-c-bg-neutral-bg {
    background-color: var(--eui-c-neutral-bg) !important;
    color: var(--eui-c-neutral-bg-contrast) !important
}

.eui-u-c-neutral-bg-light {
    color: var(--eui-c-neutral-bg-light) !important
}

.eui-u-c-bg-neutral-bg-light {
    background-color: var(--eui-c-neutral-bg-light) !important;
    color: var(--eui-c-neutral-bg-light-contrast) !important
}

.eui-u-c-neutral-bg-lighter {
    color: var(--eui-c-neutral-bg-lighter) !important
}

.eui-u-c-bg-neutral-bg-lighter {
    background-color: var(--eui-c-neutral-bg-lighter) !important;
    color: var(--eui-c-neutral-bg-lighter-contrast) !important
}

.eui-u-c-cta {
    color: var(--eui-c-cta) !important
}

.eui-u-c-bg-cta {
    background-color: var(--eui-c-cta) !important;
    color: var(--eui-c-cta-contrast) !important
}

.eui-u-c-cta-darkest {
    color: var(--eui-c-cta-darkest) !important
}

.eui-u-c-bg-cta-darkest {
    background-color: var(--eui-c-cta-darkest) !important;
    color: var(--eui-c-cta-darkest-contrast) !important
}

.eui-u-c-cta-darker {
    color: var(--eui-c-cta-darker) !important
}

.eui-u-c-bg-cta-darker {
    background-color: var(--eui-c-cta-darker) !important;
    color: var(--eui-c-cta-darker-contrast) !important
}

.eui-u-c-cta-dark {
    color: var(--eui-c-cta-dark) !important
}

.eui-u-c-bg-cta-dark {
    background-color: var(--eui-c-cta-dark) !important;
    color: var(--eui-c-cta-dark-contrast) !important
}

.eui-u-c-cta-light {
    color: var(--eui-c-cta-light) !important
}

.eui-u-c-bg-cta-light {
    background-color: var(--eui-c-cta-light) !important;
    color: var(--eui-c-cta-light-contrast) !important
}

.eui-u-c-cta-lighter {
    color: var(--eui-c-cta-lighter) !important
}

.eui-u-c-bg-cta-lighter {
    background-color: var(--eui-c-cta-lighter) !important;
    color: var(--eui-c-cta-lighter-contrast) !important
}

.eui-u-c-cta-lightest {
    color: var(--eui-c-cta-lightest) !important
}

.eui-u-c-bg-cta-lightest {
    background-color: var(--eui-c-cta-lightest) !important;
    color: var(--eui-c-cta-lightest-contrast) !important
}

.eui-u-c-cta-bg {
    color: var(--eui-c-cta-bg) !important
}

.eui-u-c-bg-cta-bg {
    background-color: var(--eui-c-cta-bg) !important;
    color: var(--eui-c-cta-bg-contrast) !important
}

.eui-u-c-cta-bg-light {
    color: var(--eui-c-cta-bg-light) !important
}

.eui-u-c-bg-cta-bg-light {
    background-color: var(--eui-c-cta-bg-light) !important;
    color: var(--eui-c-cta-bg-light-contrast) !important
}

.eui-u-c-primary {
    color: var(--eui-c-primary) !important
}

.eui-u-c-bg-primary {
    background-color: var(--eui-c-primary) !important;
    color: var(--eui-c-primary-contrast) !important
}

.eui-u-c-primary-darkest {
    color: var(--eui-c-primary-darkest) !important
}

.eui-u-c-bg-primary-darkest {
    background-color: var(--eui-c-primary-darkest) !important;
    color: var(--eui-c-primary-darkest-contrast) !important
}

.eui-u-c-primary-darker {
    color: var(--eui-c-primary-darker) !important
}

.eui-u-c-bg-primary-darker {
    background-color: var(--eui-c-primary-darker) !important;
    color: var(--eui-c-primary-darker-contrast) !important
}

.eui-u-c-primary-dark {
    color: var(--eui-c-primary-dark) !important
}

.eui-u-c-bg-primary-dark {
    background-color: var(--eui-c-primary-dark) !important;
    color: var(--eui-c-primary-dark-contrast) !important
}

.eui-u-c-primary-light {
    color: var(--eui-c-primary-light) !important
}

.eui-u-c-bg-primary-light {
    background-color: var(--eui-c-primary-light) !important;
    color: var(--eui-c-primary-light-contrast) !important
}

.eui-u-c-primary-lighter {
    color: var(--eui-c-primary-lighter) !important
}

.eui-u-c-bg-primary-lighter {
    background-color: var(--eui-c-primary-lighter) !important;
    color: var(--eui-c-primary-lighter-contrast) !important
}

.eui-u-c-primary-lightest {
    color: var(--eui-c-primary-lightest) !important
}

.eui-u-c-bg-primary-lightest {
    background-color: var(--eui-c-primary-lightest) !important;
    color: var(--eui-c-primary-lightest-contrast) !important
}

.eui-u-c-primary-bg {
    color: var(--eui-c-primary-bg) !important
}

.eui-u-c-bg-primary-bg {
    background-color: var(--eui-c-primary-bg) !important;
    color: var(--eui-c-primary-bg-contrast) !important
}

.eui-u-c-primary-bg-light {
    color: var(--eui-c-primary-bg-light) !important
}

.eui-u-c-bg-primary-bg-light {
    background-color: var(--eui-c-primary-bg-light) !important;
    color: var(--eui-c-primary-bg-light-contrast) !important
}

.eui-u-c-info {
    color: var(--eui-c-info) !important
}

.eui-u-c-bg-info {
    background-color: var(--eui-c-info) !important;
    color: var(--eui-c-info-contrast) !important
}

.eui-u-c-info-darkest {
    color: var(--eui-c-info-darkest) !important
}

.eui-u-c-bg-info-darkest {
    background-color: var(--eui-c-info-darkest) !important;
    color: var(--eui-c-info-darkest-contrast) !important
}

.eui-u-c-info-darker {
    color: var(--eui-c-info-darker) !important
}

.eui-u-c-bg-info-darker {
    background-color: var(--eui-c-info-darker) !important;
    color: var(--eui-c-info-darker-contrast) !important
}

.eui-u-c-info-dark {
    color: var(--eui-c-info-dark) !important
}

.eui-u-c-bg-info-dark {
    background-color: var(--eui-c-info-dark) !important;
    color: var(--eui-c-info-dark-contrast) !important
}

.eui-u-c-info-light {
    color: var(--eui-c-info-light) !important
}

.eui-u-c-bg-info-light {
    background-color: var(--eui-c-info-light) !important;
    color: var(--eui-c-info-light-contrast) !important
}

.eui-u-c-info-lighter {
    color: var(--eui-c-info-lighter) !important
}

.eui-u-c-bg-info-lighter {
    background-color: var(--eui-c-info-lighter) !important;
    color: var(--eui-c-info-lighter-contrast) !important
}

.eui-u-c-info-lightest {
    color: var(--eui-c-info-lightest) !important
}

.eui-u-c-bg-info-lightest {
    background-color: var(--eui-c-info-lightest) !important;
    color: var(--eui-c-info-lightest-contrast) !important
}

.eui-u-c-info-bg {
    color: var(--eui-c-info-bg) !important
}

.eui-u-c-bg-info-bg {
    background-color: var(--eui-c-info-bg) !important;
    color: var(--eui-c-info-bg-contrast) !important
}

.eui-u-c-info-bg-light {
    color: var(--eui-c-info-bg-light) !important
}

.eui-u-c-bg-info-bg-light {
    background-color: var(--eui-c-info-bg-light) !important;
    color: var(--eui-c-info-bg-light-contrast) !important
}

.eui-u-c-accent {
    color: var(--eui-c-accent) !important
}

.eui-u-c-bg-accent {
    background-color: var(--eui-c-accent) !important;
    color: var(--eui-c-accent-contrast) !important
}

.eui-u-c-accent-darkest {
    color: var(--eui-c-accent-darkest) !important
}

.eui-u-c-bg-accent-darkest {
    background-color: var(--eui-c-accent-darkest) !important;
    color: var(--eui-c-accent-darkest-contrast) !important
}

.eui-u-c-accent-darker {
    color: var(--eui-c-accent-darker) !important
}

.eui-u-c-bg-accent-darker {
    background-color: var(--eui-c-accent-darker) !important;
    color: var(--eui-c-accent-darker-contrast) !important
}

.eui-u-c-accent-dark {
    color: var(--eui-c-accent-dark) !important
}

.eui-u-c-bg-accent-dark {
    background-color: var(--eui-c-accent-dark) !important;
    color: var(--eui-c-accent-dark-contrast) !important
}

.eui-u-c-accent-light {
    color: var(--eui-c-accent-light) !important
}

.eui-u-c-bg-accent-light {
    background-color: var(--eui-c-accent-light) !important;
    color: var(--eui-c-accent-light-contrast) !important
}

.eui-u-c-accent-lighter {
    color: var(--eui-c-accent-lighter) !important
}

.eui-u-c-bg-accent-lighter {
    background-color: var(--eui-c-accent-lighter) !important;
    color: var(--eui-c-accent-lighter-contrast) !important
}

.eui-u-c-accent-lightest {
    color: var(--eui-c-accent-lightest) !important
}

.eui-u-c-bg-accent-lightest {
    background-color: var(--eui-c-accent-lightest) !important;
    color: var(--eui-c-accent-lightest-contrast) !important
}

.eui-u-c-accent-bg {
    color: var(--eui-c-accent-bg) !important
}

.eui-u-c-bg-accent-bg {
    background-color: var(--eui-c-accent-bg) !important;
    color: var(--eui-c-accent-bg-contrast) !important
}

.eui-u-c-accent-bg-light {
    color: var(--eui-c-accent-bg-light) !important
}

.eui-u-c-bg-accent-bg-light {
    background-color: var(--eui-c-accent-bg-light) !important;
    color: var(--eui-c-accent-bg-light-contrast) !important
}

.eui-u-c-success {
    color: var(--eui-c-success) !important
}

.eui-u-c-bg-success {
    background-color: var(--eui-c-success) !important;
    color: var(--eui-c-success-contrast) !important
}

.eui-u-c-success-darkest {
    color: var(--eui-c-success-darkest) !important
}

.eui-u-c-bg-success-darkest {
    background-color: var(--eui-c-success-darkest) !important;
    color: var(--eui-c-success-darkest-contrast) !important
}

.eui-u-c-success-darker {
    color: var(--eui-c-success-darker) !important
}

.eui-u-c-bg-success-darker {
    background-color: var(--eui-c-success-darker) !important;
    color: var(--eui-c-success-darker-contrast) !important
}

.eui-u-c-success-dark {
    color: var(--eui-c-success-dark) !important
}

.eui-u-c-bg-success-dark {
    background-color: var(--eui-c-success-dark) !important;
    color: var(--eui-c-success-dark-contrast) !important
}

.eui-u-c-success-light {
    color: var(--eui-c-success-light) !important
}

.eui-u-c-bg-success-light {
    background-color: var(--eui-c-success-light) !important;
    color: var(--eui-c-success-light-contrast) !important
}

.eui-u-c-success-lighter {
    color: var(--eui-c-success-lighter) !important
}

.eui-u-c-bg-success-lighter {
    background-color: var(--eui-c-success-lighter) !important;
    color: var(--eui-c-success-lighter-contrast) !important
}

.eui-u-c-success-lightest {
    color: var(--eui-c-success-lightest) !important
}

.eui-u-c-bg-success-lightest {
    background-color: var(--eui-c-success-lightest) !important;
    color: var(--eui-c-success-lightest-contrast) !important
}

.eui-u-c-success-bg {
    color: var(--eui-c-success-bg) !important
}

.eui-u-c-bg-success-bg {
    background-color: var(--eui-c-success-bg) !important;
    color: var(--eui-c-success-bg-contrast) !important
}

.eui-u-c-success-bg-light {
    color: var(--eui-c-success-bg-light) !important
}

.eui-u-c-bg-success-bg-light {
    background-color: var(--eui-c-success-bg-light) !important;
    color: var(--eui-c-success-bg-light-contrast) !important
}

.eui-u-c-warning {
    color: var(--eui-c-warning) !important
}

.eui-u-c-bg-warning {
    background-color: var(--eui-c-warning) !important;
    color: var(--eui-c-warning-contrast) !important
}

.eui-u-c-warning-darkest {
    color: var(--eui-c-warning-darkest) !important
}

.eui-u-c-bg-warning-darkest {
    background-color: var(--eui-c-warning-darkest) !important;
    color: var(--eui-c-warning-darkest-contrast) !important
}

.eui-u-c-warning-darker {
    color: var(--eui-c-warning-darker) !important
}

.eui-u-c-bg-warning-darker {
    background-color: var(--eui-c-warning-darker) !important;
    color: var(--eui-c-warning-darker-contrast) !important
}

.eui-u-c-warning-dark {
    color: var(--eui-c-warning-dark) !important
}

.eui-u-c-bg-warning-dark {
    background-color: var(--eui-c-warning-dark) !important;
    color: var(--eui-c-warning-dark-contrast) !important
}

.eui-u-c-warning-light {
    color: var(--eui-c-warning-light) !important
}

.eui-u-c-bg-warning-light {
    background-color: var(--eui-c-warning-light) !important;
    color: var(--eui-c-warning-light-contrast) !important
}

.eui-u-c-warning-lighter {
    color: var(--eui-c-warning-lighter) !important
}

.eui-u-c-bg-warning-lighter {
    background-color: var(--eui-c-warning-lighter) !important;
    color: var(--eui-c-warning-lighter-contrast) !important
}

.eui-u-c-warning-lightest {
    color: var(--eui-c-warning-lightest) !important
}

.eui-u-c-bg-warning-lightest {
    background-color: var(--eui-c-warning-lightest) !important;
    color: var(--eui-c-warning-lightest-contrast) !important
}

.eui-u-c-warning-bg {
    color: var(--eui-c-warning-bg) !important
}

.eui-u-c-bg-warning-bg {
    background-color: var(--eui-c-warning-bg) !important;
    color: var(--eui-c-warning-bg-contrast) !important
}

.eui-u-c-warning-bg-light {
    color: var(--eui-c-warning-bg-light) !important
}

.eui-u-c-bg-warning-bg-light {
    background-color: var(--eui-c-warning-bg-light) !important;
    color: var(--eui-c-warning-bg-light-contrast) !important
}

.eui-u-c-danger {
    color: var(--eui-c-danger) !important
}

.eui-u-c-bg-danger {
    background-color: var(--eui-c-danger) !important;
    color: var(--eui-c-danger-contrast) !important
}

.eui-u-c-danger-darkest {
    color: var(--eui-c-danger-darkest) !important
}

.eui-u-c-bg-danger-darkest {
    background-color: var(--eui-c-danger-darkest) !important;
    color: var(--eui-c-danger-darkest-contrast) !important
}

.eui-u-c-danger-darker {
    color: var(--eui-c-danger-darker) !important
}

.eui-u-c-bg-danger-darker {
    background-color: var(--eui-c-danger-darker) !important;
    color: var(--eui-c-danger-darker-contrast) !important
}

.eui-u-c-danger-dark {
    color: var(--eui-c-danger-dark) !important
}

.eui-u-c-bg-danger-dark {
    background-color: var(--eui-c-danger-dark) !important;
    color: var(--eui-c-danger-dark-contrast) !important
}

.eui-u-c-danger-light {
    color: var(--eui-c-danger-light) !important
}

.eui-u-c-bg-danger-light {
    background-color: var(--eui-c-danger-light) !important;
    color: var(--eui-c-danger-light-contrast) !important
}

.eui-u-c-danger-lighter {
    color: var(--eui-c-danger-lighter) !important
}

.eui-u-c-bg-danger-lighter {
    background-color: var(--eui-c-danger-lighter) !important;
    color: var(--eui-c-danger-lighter-contrast) !important
}

.eui-u-c-danger-lightest {
    color: var(--eui-c-danger-lightest) !important
}

.eui-u-c-bg-danger-lightest {
    background-color: var(--eui-c-danger-lightest) !important;
    color: var(--eui-c-danger-lightest-contrast) !important
}

.eui-u-c-danger-bg {
    color: var(--eui-c-danger-bg) !important
}

.eui-u-c-bg-danger-bg {
    background-color: var(--eui-c-danger-bg) !important;
    color: var(--eui-c-danger-bg-contrast) !important
}

.eui-u-c-danger-bg-light {
    color: var(--eui-c-danger-bg-light) !important
}

.eui-u-c-bg-danger-bg-light {
    background-color: var(--eui-c-danger-bg-light) !important;
    color: var(--eui-c-danger-bg-light-contrast) !important
}

.eui-u-c-s-primary {
    color: var(--eui-c-s-primary) !important
}

.eui-u-c-s-primary-surface-light {
    background-color: var(--eui-c-s-primary-surface-light) !important;
    color: var(--eui-c-s-primary-on-surface-light) !important
}

.eui-u-c-s-primary-surface-light:hover {
    background-color: var(--eui-c-s-primary-surface-light-hover) !important
}

.eui-u-c-s-primary-border {
    border: 1px solid var(--eui-c-s-primary-border) !important
}

.eui-u-c-s-primary-border-light {
    border: 1px solid var(--eui-c-s-primary-border-light) !important
}

.eui-u-c-s-primary-surface {
    background-color: var(--eui-c-s-primary-surface) !important;
    color: var(--eui-c-s-primary-surface-contrast) !important
}

.eui-u-c-s-primary-surface:hover {
    background-color: var(--eui-c-s-primary-surface-hover) !important;
    color: var(--eui-c-s-primary-surface-hover-contrast) !important
}

.eui-u-c-s-secondary {
    color: var(--eui-c-s-secondary) !important
}

.eui-u-c-s-secondary-surface-light {
    background-color: var(--eui-c-s-secondary-surface-light) !important;
    color: var(--eui-c-s-secondary-on-surface-light) !important
}

.eui-u-c-s-secondary-surface-light:hover {
    background-color: var(--eui-c-s-secondary-surface-light-hover) !important
}

.eui-u-c-s-secondary-border {
    border: 1px solid var(--eui-c-s-secondary-border) !important
}

.eui-u-c-s-secondary-border-light {
    border: 1px solid var(--eui-c-s-secondary-border-light) !important
}

.eui-u-c-s-secondary-surface {
    background-color: var(--eui-c-s-secondary-surface) !important;
    color: var(--eui-c-s-secondary-surface-contrast) !important
}

.eui-u-c-s-secondary-surface:hover {
    background-color: var(--eui-c-s-secondary-surface-hover) !important;
    color: var(--eui-c-s-secondary-surface-hover-contrast) !important
}

.eui-u-c-s-cta {
    color: var(--eui-c-s-cta) !important
}

.eui-u-c-s-cta-surface-light {
    background-color: var(--eui-c-s-cta-surface-light) !important;
    color: var(--eui-c-s-cta-on-surface-light) !important
}

.eui-u-c-s-cta-surface-light:hover {
    background-color: var(--eui-c-s-cta-surface-light-hover) !important
}

.eui-u-c-s-cta-border {
    border: 1px solid var(--eui-c-s-cta-border) !important
}

.eui-u-c-s-cta-border-light {
    border: 1px solid var(--eui-c-s-cta-border-light) !important
}

.eui-u-c-s-cta-surface {
    background-color: var(--eui-c-s-cta-surface) !important;
    color: var(--eui-c-s-cta-surface-contrast) !important
}

.eui-u-c-s-cta-surface:hover {
    background-color: var(--eui-c-s-cta-surface-hover) !important;
    color: var(--eui-c-s-cta-surface-hover-contrast) !important
}

.eui-u-c-s-info {
    color: var(--eui-c-s-info) !important
}

.eui-u-c-s-info-surface-light {
    background-color: var(--eui-c-s-info-surface-light) !important;
    color: var(--eui-c-s-info-on-surface-light) !important
}

.eui-u-c-s-info-surface-light:hover {
    background-color: var(--eui-c-s-info-surface-light-hover) !important
}

.eui-u-c-s-info-border {
    border: 1px solid var(--eui-c-s-info-border) !important
}

.eui-u-c-s-info-border-light {
    border: 1px solid var(--eui-c-s-info-border-light) !important
}

.eui-u-c-s-info-surface {
    background-color: var(--eui-c-s-info-surface) !important;
    color: var(--eui-c-s-info-surface-contrast) !important
}

.eui-u-c-s-info-surface:hover {
    background-color: var(--eui-c-s-info-surface-hover) !important;
    color: var(--eui-c-s-info-surface-hover-contrast) !important
}

.eui-u-c-s-success {
    color: var(--eui-c-s-success) !important
}

.eui-u-c-s-success-surface-light {
    background-color: var(--eui-c-s-success-surface-light) !important;
    color: var(--eui-c-s-success-on-surface-light) !important
}

.eui-u-c-s-success-surface-light:hover {
    background-color: var(--eui-c-s-success-surface-light-hover) !important
}

.eui-u-c-s-success-border {
    border: 1px solid var(--eui-c-s-success-border) !important
}

.eui-u-c-s-success-border-light {
    border: 1px solid var(--eui-c-s-success-border-light) !important
}

.eui-u-c-s-success-surface {
    background-color: var(--eui-c-s-success-surface) !important;
    color: var(--eui-c-s-success-surface-contrast) !important
}

.eui-u-c-s-success-surface:hover {
    background-color: var(--eui-c-s-success-surface-hover) !important;
    color: var(--eui-c-s-success-surface-hover-contrast) !important
}

.eui-u-c-s-warning {
    color: var(--eui-c-s-warning) !important
}

.eui-u-c-s-warning-surface-light {
    background-color: var(--eui-c-s-warning-surface-light) !important;
    color: var(--eui-c-s-warning-on-surface-light) !important
}

.eui-u-c-s-warning-surface-light:hover {
    background-color: var(--eui-c-s-warning-surface-light-hover) !important
}

.eui-u-c-s-warning-border {
    border: 1px solid var(--eui-c-s-warning-border) !important
}

.eui-u-c-s-warning-border-light {
    border: 1px solid var(--eui-c-s-warning-border-light) !important
}

.eui-u-c-s-warning-surface {
    background-color: var(--eui-c-s-warning-surface) !important;
    color: var(--eui-c-s-warning-surface-contrast) !important
}

.eui-u-c-s-warning-surface:hover {
    background-color: var(--eui-c-s-warning-surface-hover) !important;
    color: var(--eui-c-s-warning-surface-hover-contrast) !important
}

.eui-u-c-s-danger {
    color: var(--eui-c-s-danger) !important
}

.eui-u-c-s-danger-surface-light {
    background-color: var(--eui-c-s-danger-surface-light) !important;
    color: var(--eui-c-s-danger-on-surface-light) !important
}

.eui-u-c-s-danger-surface-light:hover {
    background-color: var(--eui-c-s-danger-surface-light-hover) !important
}

.eui-u-c-s-danger-border {
    border: 1px solid var(--eui-c-s-danger-border) !important
}

.eui-u-c-s-danger-border-light {
    border: 1px solid var(--eui-c-s-danger-border-light) !important
}

.eui-u-c-s-danger-surface {
    background-color: var(--eui-c-s-danger-surface) !important;
    color: var(--eui-c-s-danger-surface-contrast) !important
}

.eui-u-c-s-danger-surface:hover {
    background-color: var(--eui-c-s-danger-surface-hover) !important;
    color: var(--eui-c-s-danger-surface-hover-contrast) !important
}

.eui-u-c-s-accent {
    color: var(--eui-c-s-accent) !important
}

.eui-u-c-s-accent-surface-light {
    background-color: var(--eui-c-s-accent-surface-light) !important;
    color: var(--eui-c-s-accent-on-surface-light) !important
}

.eui-u-c-s-accent-surface-light:hover {
    background-color: var(--eui-c-s-accent-surface-light-hover) !important
}

.eui-u-c-s-accent-border {
    border: 1px solid var(--eui-c-s-accent-border) !important
}

.eui-u-c-s-accent-border-light {
    border: 1px solid var(--eui-c-s-accent-border-light) !important
}

.eui-u-c-s-accent-surface {
    background-color: var(--eui-c-s-accent-surface) !important;
    color: var(--eui-c-s-accent-surface-contrast) !important
}

.eui-u-c-s-accent-surface:hover {
    background-color: var(--eui-c-s-accent-surface-hover) !important;
    color: var(--eui-c-s-accent-surface-hover-contrast) !important
}

.eui-u-f-2xs {
    font: var(--eui-f-2xs) !important
}

.eui-u-f-2xs-bold {
    font: var(--eui-f-2xs-bold) !important
}

.eui-u-f-xs {
    font: var(--eui-f-xs) !important
}

.eui-u-f-xs-bold {
    font: var(--eui-f-xs-bold) !important
}

.eui-u-f-s {
    font: var(--eui-f-s) !important
}

.eui-u-f-s-bold {
    font: var(--eui-f-s-bold) !important
}

.eui-u-f-m {
    font: var(--eui-f-m) !important
}

.eui-u-f-m-bold {
    font: var(--eui-f-m-bold) !important
}

.eui-u-f-l {
    font: var(--eui-f-l) !important
}

.eui-u-f-l-bold {
    font: var(--eui-f-l-bold) !important
}

.eui-u-f-xl {
    font: var(--eui-f-xl) !important
}

.eui-u-f-xl-bold {
    font: var(--eui-f-xl-bold) !important
}

.eui-u-f-2xl {
    font: var(--eui-f-2xl) !important
}

.eui-u-f-2xl-bold {
    font: var(--eui-f-2xl-bold) !important
}

.eui-u-f-3xl {
    font: var(--eui-f-3xl) !important
}

.eui-u-f-3xl-bold {
    font: var(--eui-f-3xl-bold) !important
}

.eui-u-f-4xl {
    font: var(--eui-f-4xl) !important
}

.eui-u-f-4xl-bold {
    font: var(--eui-f-4xl-bold) !important
}

.eui-u-f-5xl {
    font: var(--eui-f-5xl) !important
}

.eui-u-f-5xl-bold {
    font: var(--eui-f-5xl-bold) !important
}

.eui-u-f-6xl {
    font: var(--eui-f-6xl) !important
}

.eui-u-f-6xl-bold {
    font: var(--eui-f-6xl-bold) !important
}

.eui-u-f-2xs-compact {
    font: var(--eui-f-2xs-compact) !important
}

.eui-u-f-2xs-compact-bold {
    font: var(--eui-f-2xs-compact-bold) !important
}

.eui-u-f-xs-compact {
    font: var(--eui-f-xs-compact) !important
}

.eui-u-f-xs-compact-bold {
    font: var(--eui-f-xs-compact-bold) !important
}

.eui-u-f-s-compact {
    font: var(--eui-f-s-compact) !important
}

.eui-u-f-s-compact-bold {
    font: var(--eui-f-s-compact-bold) !important
}

.eui-u-f-m-compact {
    font: var(--eui-f-m-compact) !important
}

.eui-u-f-m-compact-bold {
    font: var(--eui-f-m-compact-bold) !important
}

.eui-u-f-l-compact {
    font: var(--eui-f-l-compact) !important
}

.eui-u-f-l-compact-bold {
    font: var(--eui-f-l-compact-bold) !important
}

.eui-u-f-xl-compact {
    font: var(--eui-f-xl-compact) !important
}

.eui-u-f-xl-compact-bold {
    font: var(--eui-f-xl-compact-bold) !important
}

.eui-u-f-2xl-compact {
    font: var(--eui-f-2xl-compact) !important
}

.eui-u-f-2xl-compact-bold {
    font: var(--eui-f-2xl-compact-bold) !important
}

.eui-u-f-3xl-compact {
    font: var(--eui-f-3xl-compact) !important
}

.eui-u-f-3xl-compact-bold {
    font: var(--eui-f-3xl-compact-bold) !important
}

.eui-u-f-4xl-compact {
    font: var(--eui-f-4xl-compact) !important
}

.eui-u-f-4xl-compact-bold {
    font: var(--eui-f-4xl-compact-bold) !important
}

.eui-u-f-5xl-compact {
    font: var(--eui-f-5xl-compact) !important
}

.eui-u-f-5xl-compact-bold {
    font: var(--eui-f-5xl-compact-bold) !important
}

.eui-u-f-6xl-compact {
    font: var(--eui-f-6xl-compact) !important
}

.eui-u-f-6xl-compact-bold {
    font: var(--eui-f-6xl-compact-bold) !important
}

.eui-u-f-weight-regular {
    font-weight: var(--eui-f-weight-regular) !important
}

.eui-u-f-weight-medium {
    font-weight: var(--eui-f-weight-medium) !important
}

.eui-u-f-weight-semi-bold {
    font-weight: var(--eui-f-weight-semi-bold) !important
}

.eui-u-f-weight-bold {
    font-weight: var(--eui-f-weight-bold) !important
}

.eui-u-f-size-2xs {
    font-size: var(--eui-f-size-2xs) !important
}

.eui-u-f-size-xs {
    font-size: var(--eui-f-size-xs) !important
}

.eui-u-f-size-s {
    font-size: var(--eui-f-size-s) !important
}

.eui-u-f-size-m {
    font-size: var(--eui-f-size-m) !important
}

.eui-u-f-size-l {
    font-size: var(--eui-f-size-l) !important
}

.eui-u-f-size-xl {
    font-size: var(--eui-f-size-xl) !important
}

.eui-u-f-size-2xl {
    font-size: var(--eui-f-size-2xl) !important
}

.eui-u-f-size-3xl {
    font-size: var(--eui-f-size-3xl) !important
}

.eui-u-f-size-4xl {
    font-size: var(--eui-f-size-4xl) !important
}

.eui-u-f-size-5xl {
    font-size: var(--eui-f-size-5xl) !important
}

.eui-u-f-size-6xl {
    font-size: var(--eui-f-size-6xl) !important
}

.eui-u-f {
    font: var(--eui-f) !important
}

.eui-u-f-bold {
    font-style: normal !important;
    font-weight: 700 !important
}

.eui-u-f-regular {
    font-style: normal !important;
    font-weight: 400 !important
}

.eui-u-f-bold-italic {
    font-style: italic !important;
    font-weight: 700 !important
}

.eui-u-f-italic {
    font-style: italic !important;
    font-weight: 400 !important
}

.eui-u-text-monospace {
    font-family: var(--eui-f-family-monospace) !important
}

.eui-u-text-left {
    text-align: left !important
}

.eui-u-text-right {
    text-align: right !important
}

.eui-u-text-center {
    text-align: center !important
}

.eui-u-text-justify {
    text-align: justify !important
}

.eui-u-text-wrap {
    white-space: normal !important
}

.eui-u-text-no-wrap {
    white-space: nowrap !important
}

.eui-u-text-truncate {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important
}

.eui-u-text-overline {
    text-decoration: overline !important
}

.eui-u-text-underline {
    text-decoration: underline !important
}

.eui-u-text-line-through {
    text-decoration: line-through !important
}

.eui-u-text-link,
.eui-u-text-link-standalone {
    color: var(--eui-c-link) !important;
    cursor: pointer !important;
    text-decoration: none !important
}

.eui-u-text-link-standalone:focus:not([readonly]),
.eui-u-text-link:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-standalone:focus-visible:not([readonly]),
.eui-u-text-link:focus-visible:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link [tabindex="0"]:focus:not([readonly]),
.eui-u-text-link-standalone [tabindex="0"]:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-standalone:hover,
.eui-u-text-link:hover {
    text-decoration: underline !important
}

.eui-u-text-link-underline {
    color: var(--eui-c-link) !important;
    cursor: pointer !important;
    text-decoration: underline !important
}

.eui-u-text-link-underline:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-underline:focus-visible:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-underline [tabindex="0"]:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-external,
.eui-u-text-link-external-standalone {
    color: var(--eui-c-link) !important;
    cursor: pointer !important;
    position: relative !important;
    text-decoration: none !important
}

.eui-u-text-link-external-standalone:focus:not([readonly]),
.eui-u-text-link-external:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-external-standalone:focus-visible:not([readonly]),
.eui-u-text-link-external:focus-visible:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-external [tabindex="0"]:focus:not([readonly]),
.eui-u-text-link-external-standalone [tabindex="0"]:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-external-standalone:hover,
.eui-u-text-link-external:hover {
    text-decoration: underline !important
}

.eui-u-text-link-external-standalone:after,
.eui-u-text-link-external:after {
    background-color: transparent;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    display: inline-block;
    height: var(--eui-s-m);
    margin-left: var(--eui-s-2xs);
    width: var(--eui-s-m);
    height: 1rem;
    width: 1rem;
    content: "";
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: cover;
    mask-image: var(--eui-internal-icon-external-path);
    background-color: var(--eui-c-s-primary)
}

.eui-u-text-link-external-underline {
    color: var(--eui-c-link) !important;
    cursor: pointer !important;
    position: relative !important;
    text-decoration: underline !important
}

.eui-u-text-link-external-underline:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-external-underline:focus-visible:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-external-underline [tabindex="0"]:focus:not([readonly]) {
    outline: 2px solid var(--eui-c-focus-visible) !important;
    outline-offset: 2px !important;
    transition: none
}

.eui-u-text-link-external-underline:after {
    background-color: transparent;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    display: inline-block;
    height: var(--eui-s-m);
    margin-left: var(--eui-s-2xs);
    width: var(--eui-s-m);
    height: 1rem;
    width: 1rem;
    content: "";
    mask-repeat: no-repeat;
    mask-position: 50% 50%;
    mask-size: cover;
    mask-image: var(--eui-internal-icon-external-path);
    background-color: var(--eui-c-s-primary)
}

.eui-u-text-lowercase {
    text-transform: lowercase !important
}

.eui-u-text-uppercase {
    text-transform: uppercase !important
}

.eui-u-text-capitalize {
    text-transform: capitalize !important
}

.eui-u-text-small {
    font: var(--eui-f-s) !important
}

.eui-u-text-smaller {
    font: var(--eui-f-xs) !important
}

.eui-u-text-smallest,
.eui-u-text-tiny {
    font: var(--eui-f-2xs) !important
}

.eui-u-text-code,
.eui-u-text-kbd,
.eui-u-text-pre,
.eui-u-text-samp {
    font-family: var(--eui-f-family-monospace) !important
}

.eui-u-text-code {
    color: var(--eui-c-s-danger);
    word-wrap: break-word !important
}

.eui-u-text-kbd {
    background-color: var(--eui-c-s-secondary) !important;
    border-radius: var(--eui-br-m) !important;
    color: var(--eui-c-white) !important;
    font-size: var(--eui-f-s) !important;
    padding: 1px var(--eui-s-2xs) !important
}

.eui-u-text-pre {
    color: var(--eui-c-s-danger) !important;
    display: block !important;
    font-size: 90% !important
}

.eui-u-text-blockquote {
    border-left: var(--eui-s-2xs) solid var(--eui-c-s-secondary-border-light) !important;
    padding: var(--eui-s-xs) var(--eui-s-m) !important
}

.eui-u-text-mark {
    background-color: var(--eui-c-s-accent-surface-medium) !important;
    padding: var(--eui-s-2xs) !important
}

.eui-u-text-highlight {
    padding: var(--eui-s-2xs) !important;
    background-color: var(--eui-c-s-accent-surface-light) !important
}

.eui-u-text-paragraph {
    font: var(--eui-f-m) !important;
    margin-block-start: var(--eui-s-xs) !important;
    margin-block-end: var(--eui-s-xs) !important
}

.eui-u-text-paragraph:first-child {
    margin-block-start: 0px !important
}

.eui-u-text-paragraph:last-child {
    margin-block-end: 0px !important
}

.eui-u-text-list {
    padding-inline-start: var(--eui-s-2xl) !important
}

.eui-u-text-list-item {
    margin-block-start: var(--eui-s-2xs) !important;
    margin-block-end: var(--eui-s-2xs) !important
}

.eui-u-text-h1 {
    font: var(--eui-f-4xl) !important
}

.eui-u-text-h2 {
    font: var(--eui-f-3xl) !important
}

.eui-u-text-h3 {
    font: var(--eui-f-2xl) !important
}

.eui-u-text-h4 {
    font: var(--eui-f-xl) !important
}

.eui-u-text-h5 {
    font: var(--eui-f-l) !important
}

.eui-u-text-h6 {
    font: var(--eui-f-m-bold) !important
}

.eui-u-hr {
    border-style: ridge !important;
    width: 100% !important;
    border-top: 1px solid var(--eui-c-divider) !important;
    border-bottom: 0 !important
}

.eui-u-sh-none {
    box-shadow: var(--eui-sh-none) !important
}

.eui-u-sh-1 {
    box-shadow: var(--eui-sh-1) !important
}

.eui-u-sh-2 {
    box-shadow: var(--eui-sh-2) !important
}

.eui-u-sh-3 {
    box-shadow: var(--eui-sh-3) !important
}

.eui-u-sh-4 {
    box-shadow: var(--eui-sh-4) !important
}

.eui-u-sh-6 {
    box-shadow: var(--eui-sh-6) !important
}

.eui-u-sh-8 {
    box-shadow: var(--eui-sh-8) !important
}

.eui-u-sh-9 {
    box-shadow: var(--eui-sh-9) !important
}

.eui-u-sh-12 {
    box-shadow: var(--eui-sh-12) !important
}

.eui-u-sh-16 {
    box-shadow: var(--eui-sh-16) !important
}

.eui-u-sh-24 {
    box-shadow: var(--eui-sh-24) !important
}

.eui-u-sh-card {
    box-shadow: var(--eui-sh-card) !important
}

.eui-u-pt-none {
    padding-top: var(--eui-s-none) !important
}

.eui-u-pb-none {
    padding-bottom: var(--eui-s-none) !important
}

.eui-u-pl-none {
    padding-left: var(--eui-s-none) !important
}

.eui-u-pr-none {
    padding-right: var(--eui-s-none) !important
}

.eui-u-p-none {
    padding: var(--eui-s-none) !important
}

.eui-u-pv-none {
    padding-top: var(--eui-s-none) !important;
    padding-bottom: var(--eui-s-none) !important
}

.eui-u-ph-none {
    padding-left: var(--eui-s-none) !important;
    padding-right: var(--eui-s-none) !important
}

.eui-u-spacing-none {
    min-width: var(--eui-s-none) !important;
    width: var(--eui-s-none) !important
}

.eui-u-pt-4xs {
    padding-top: var(--eui-s-4xs) !important
}

.eui-u-pb-4xs {
    padding-bottom: var(--eui-s-4xs) !important
}

.eui-u-pl-4xs {
    padding-left: var(--eui-s-4xs) !important
}

.eui-u-pr-4xs {
    padding-right: var(--eui-s-4xs) !important
}

.eui-u-p-4xs {
    padding: var(--eui-s-4xs) !important
}

.eui-u-pv-4xs {
    padding-top: var(--eui-s-4xs) !important;
    padding-bottom: var(--eui-s-4xs) !important
}

.eui-u-ph-4xs {
    padding-left: var(--eui-s-4xs) !important;
    padding-right: var(--eui-s-4xs) !important
}

.eui-u-spacing-4xs {
    min-width: var(--eui-s-4xs) !important;
    width: var(--eui-s-4xs) !important
}

.eui-u-pt-3xs {
    padding-top: var(--eui-s-3xs) !important
}

.eui-u-pb-3xs {
    padding-bottom: var(--eui-s-3xs) !important
}

.eui-u-pl-3xs {
    padding-left: var(--eui-s-3xs) !important
}

.eui-u-pr-3xs {
    padding-right: var(--eui-s-3xs) !important
}

.eui-u-p-3xs {
    padding: var(--eui-s-3xs) !important
}

.eui-u-pv-3xs {
    padding-top: var(--eui-s-3xs) !important;
    padding-bottom: var(--eui-s-3xs) !important
}

.eui-u-ph-3xs {
    padding-left: var(--eui-s-3xs) !important;
    padding-right: var(--eui-s-3xs) !important
}

.eui-u-spacing-3xs {
    min-width: var(--eui-s-3xs) !important;
    width: var(--eui-s-3xs) !important
}

.eui-u-pt-2xs {
    padding-top: var(--eui-s-2xs) !important
}

.eui-u-pb-2xs {
    padding-bottom: var(--eui-s-2xs) !important
}

.eui-u-pl-2xs {
    padding-left: var(--eui-s-2xs) !important
}

.eui-u-pr-2xs {
    padding-right: var(--eui-s-2xs) !important
}

.eui-u-p-2xs {
    padding: var(--eui-s-2xs) !important
}

.eui-u-pv-2xs {
    padding-top: var(--eui-s-2xs) !important;
    padding-bottom: var(--eui-s-2xs) !important
}

.eui-u-ph-2xs {
    padding-left: var(--eui-s-2xs) !important;
    padding-right: var(--eui-s-2xs) !important
}

.eui-u-spacing-2xs {
    min-width: var(--eui-s-2xs) !important;
    width: var(--eui-s-2xs) !important
}

.eui-u-pt-xs {
    padding-top: var(--eui-s-xs) !important
}

.eui-u-pb-xs {
    padding-bottom: var(--eui-s-xs) !important
}

.eui-u-pl-xs {
    padding-left: var(--eui-s-xs) !important
}

.eui-u-pr-xs {
    padding-right: var(--eui-s-xs) !important
}

.eui-u-p-xs {
    padding: var(--eui-s-xs) !important
}

.eui-u-pv-xs {
    padding-top: var(--eui-s-xs) !important;
    padding-bottom: var(--eui-s-xs) !important
}

.eui-u-ph-xs {
    padding-left: var(--eui-s-xs) !important;
    padding-right: var(--eui-s-xs) !important
}

.eui-u-spacing-xs {
    min-width: var(--eui-s-xs) !important;
    width: var(--eui-s-xs) !important
}

.eui-u-pt-s {
    padding-top: var(--eui-s-s) !important
}

.eui-u-pb-s {
    padding-bottom: var(--eui-s-s) !important
}

.eui-u-pl-s {
    padding-left: var(--eui-s-s) !important
}

.eui-u-pr-s {
    padding-right: var(--eui-s-s) !important
}

.eui-u-p-s {
    padding: var(--eui-s-s) !important
}

.eui-u-pv-s {
    padding-top: var(--eui-s-s) !important;
    padding-bottom: var(--eui-s-s) !important
}

.eui-u-ph-s {
    padding-left: var(--eui-s-s) !important;
    padding-right: var(--eui-s-s) !important
}

.eui-u-spacing-s {
    min-width: var(--eui-s-s) !important;
    width: var(--eui-s-s) !important
}

.eui-u-pt-m {
    padding-top: var(--eui-s-m) !important
}

.eui-u-pb-m {
    padding-bottom: var(--eui-s-m) !important
}

.eui-u-pl-m {
    padding-left: var(--eui-s-m) !important
}

.eui-u-pr-m {
    padding-right: var(--eui-s-m) !important
}

.eui-u-p-m {
    padding: var(--eui-s-m) !important
}

.eui-u-pv-m {
    padding-top: var(--eui-s-m) !important;
    padding-bottom: var(--eui-s-m) !important
}

.eui-u-ph-m {
    padding-left: var(--eui-s-m) !important;
    padding-right: var(--eui-s-m) !important
}

.eui-u-spacing-m {
    min-width: var(--eui-s-m) !important;
    width: var(--eui-s-m) !important
}

.eui-u-pt-l {
    padding-top: var(--eui-s-l) !important
}

.eui-u-pb-l {
    padding-bottom: var(--eui-s-l) !important
}

.eui-u-pl-l {
    padding-left: var(--eui-s-l) !important
}

.eui-u-pr-l {
    padding-right: var(--eui-s-l) !important
}

.eui-u-p-l {
    padding: var(--eui-s-l) !important
}

.eui-u-pv-l {
    padding-top: var(--eui-s-l) !important;
    padding-bottom: var(--eui-s-l) !important
}

.eui-u-ph-l {
    padding-left: var(--eui-s-l) !important;
    padding-right: var(--eui-s-l) !important
}

.eui-u-spacing-l {
    min-width: var(--eui-s-l) !important;
    width: var(--eui-s-l) !important
}

.eui-u-pt-xl {
    padding-top: var(--eui-s-xl) !important
}

.eui-u-pb-xl {
    padding-bottom: var(--eui-s-xl) !important
}

.eui-u-pl-xl {
    padding-left: var(--eui-s-xl) !important
}

.eui-u-pr-xl {
    padding-right: var(--eui-s-xl) !important
}

.eui-u-p-xl {
    padding: var(--eui-s-xl) !important
}

.eui-u-pv-xl {
    padding-top: var(--eui-s-xl) !important;
    padding-bottom: var(--eui-s-xl) !important
}

.eui-u-ph-xl {
    padding-left: var(--eui-s-xl) !important;
    padding-right: var(--eui-s-xl) !important
}

.eui-u-spacing-xl {
    min-width: var(--eui-s-xl) !important;
    width: var(--eui-s-xl) !important
}

.eui-u-pt-2xl {
    padding-top: var(--eui-s-2xl) !important
}

.eui-u-pb-2xl {
    padding-bottom: var(--eui-s-2xl) !important
}

.eui-u-pl-2xl {
    padding-left: var(--eui-s-2xl) !important
}

.eui-u-pr-2xl {
    padding-right: var(--eui-s-2xl) !important
}

.eui-u-p-2xl {
    padding: var(--eui-s-2xl) !important
}

.eui-u-pv-2xl {
    padding-top: var(--eui-s-2xl) !important;
    padding-bottom: var(--eui-s-2xl) !important
}

.eui-u-ph-2xl {
    padding-left: var(--eui-s-2xl) !important;
    padding-right: var(--eui-s-2xl) !important
}

.eui-u-spacing-2xl {
    min-width: var(--eui-s-2xl) !important;
    width: var(--eui-s-2xl) !important
}

.eui-u-pt-3xl {
    padding-top: var(--eui-s-3xl) !important
}

.eui-u-pb-3xl {
    padding-bottom: var(--eui-s-3xl) !important
}

.eui-u-pl-3xl {
    padding-left: var(--eui-s-3xl) !important
}

.eui-u-pr-3xl {
    padding-right: var(--eui-s-3xl) !important
}

.eui-u-p-3xl {
    padding: var(--eui-s-3xl) !important
}

.eui-u-pv-3xl {
    padding-top: var(--eui-s-3xl) !important;
    padding-bottom: var(--eui-s-3xl) !important
}

.eui-u-ph-3xl {
    padding-left: var(--eui-s-3xl) !important;
    padding-right: var(--eui-s-3xl) !important
}

.eui-u-spacing-3xl {
    min-width: var(--eui-s-3xl) !important;
    width: var(--eui-s-3xl) !important
}

.eui-u-pt-4xl {
    padding-top: var(--eui-s-4xl) !important
}

.eui-u-pb-4xl {
    padding-bottom: var(--eui-s-4xl) !important
}

.eui-u-pl-4xl {
    padding-left: var(--eui-s-4xl) !important
}

.eui-u-pr-4xl {
    padding-right: var(--eui-s-4xl) !important
}

.eui-u-p-4xl {
    padding: var(--eui-s-4xl) !important
}

.eui-u-pv-4xl {
    padding-top: var(--eui-s-4xl) !important;
    padding-bottom: var(--eui-s-4xl) !important
}

.eui-u-ph-4xl {
    padding-left: var(--eui-s-4xl) !important;
    padding-right: var(--eui-s-4xl) !important
}

.eui-u-spacing-4xl {
    min-width: var(--eui-s-4xl) !important;
    width: var(--eui-s-4xl) !important
}

.eui-u-pt-5xl {
    padding-top: var(--eui-s-5xl) !important
}

.eui-u-pb-5xl {
    padding-bottom: var(--eui-s-5xl) !important
}

.eui-u-pl-5xl {
    padding-left: var(--eui-s-5xl) !important
}

.eui-u-pr-5xl {
    padding-right: var(--eui-s-5xl) !important
}

.eui-u-p-5xl {
    padding: var(--eui-s-5xl) !important
}

.eui-u-pv-5xl {
    padding-top: var(--eui-s-5xl) !important;
    padding-bottom: var(--eui-s-5xl) !important
}

.eui-u-ph-5xl {
    padding-left: var(--eui-s-5xl) !important;
    padding-right: var(--eui-s-5xl) !important
}

.eui-u-spacing-5xl {
    min-width: var(--eui-s-5xl) !important;
    width: var(--eui-s-5xl) !important
}

.eui-u-pt-6xl {
    padding-top: var(--eui-s-6xl) !important
}

.eui-u-pb-6xl {
    padding-bottom: var(--eui-s-6xl) !important
}

.eui-u-pl-6xl {
    padding-left: var(--eui-s-6xl) !important
}

.eui-u-pr-6xl {
    padding-right: var(--eui-s-6xl) !important
}

.eui-u-p-6xl {
    padding: var(--eui-s-6xl) !important
}

.eui-u-pv-6xl {
    padding-top: var(--eui-s-6xl) !important;
    padding-bottom: var(--eui-s-6xl) !important
}

.eui-u-ph-6xl {
    padding-left: var(--eui-s-6xl) !important;
    padding-right: var(--eui-s-6xl) !important
}

.eui-u-spacing-6xl {
    min-width: var(--eui-s-6xl) !important;
    width: var(--eui-s-6xl) !important
}

.eui-u-pt-7xl {
    padding-top: var(--eui-s-7xl) !important
}

.eui-u-pb-7xl {
    padding-bottom: var(--eui-s-7xl) !important
}

.eui-u-pl-7xl {
    padding-left: var(--eui-s-7xl) !important
}

.eui-u-pr-7xl {
    padding-right: var(--eui-s-7xl) !important
}

.eui-u-p-7xl {
    padding: var(--eui-s-7xl) !important
}

.eui-u-pv-7xl {
    padding-top: var(--eui-s-7xl) !important;
    padding-bottom: var(--eui-s-7xl) !important
}

.eui-u-ph-7xl {
    padding-left: var(--eui-s-7xl) !important;
    padding-right: var(--eui-s-7xl) !important
}

.eui-u-spacing-7xl {
    min-width: var(--eui-s-7xl) !important;
    width: var(--eui-s-7xl) !important
}

.eui-u-pt-8xl {
    padding-top: var(--eui-s-8xl) !important
}

.eui-u-pb-8xl {
    padding-bottom: var(--eui-s-8xl) !important
}

.eui-u-pl-8xl {
    padding-left: var(--eui-s-8xl) !important
}

.eui-u-pr-8xl {
    padding-right: var(--eui-s-8xl) !important
}

.eui-u-p-8xl {
    padding: var(--eui-s-8xl) !important
}

.eui-u-pv-8xl {
    padding-top: var(--eui-s-8xl) !important;
    padding-bottom: var(--eui-s-8xl) !important
}

.eui-u-ph-8xl {
    padding-left: var(--eui-s-8xl) !important;
    padding-right: var(--eui-s-8xl) !important
}

.eui-u-spacing-8xl {
    min-width: var(--eui-s-8xl) !important;
    width: var(--eui-s-8xl) !important
}

.eui-u-mt-none {
    margin-top: var(--eui-s-none) !important
}

.eui-u-mb-none {
    margin-bottom: var(--eui-s-none) !important
}

.eui-u-ml-none {
    margin-left: var(--eui-s-none) !important
}

.eui-u-mr-none {
    margin-right: var(--eui-s-none) !important
}

.eui-u-m-none {
    margin: var(--eui-s-none) !important
}

.eui-u-mv-none {
    margin-top: var(--eui-s-none) !important;
    margin-bottom: var(--eui-s-none) !important
}

.eui-u-mh-none {
    margin-left: var(--eui-s-none) !important;
    margin-right: var(--eui-s-none) !important
}

.eui-u-mt-4xs {
    margin-top: var(--eui-s-4xs) !important
}

.eui-u-mb-4xs {
    margin-bottom: var(--eui-s-4xs) !important
}

.eui-u-ml-4xs {
    margin-left: var(--eui-s-4xs) !important
}

.eui-u-mr-4xs {
    margin-right: var(--eui-s-4xs) !important
}

.eui-u-m-4xs {
    margin: var(--eui-s-4xs) !important
}

.eui-u-mv-4xs {
    margin-top: var(--eui-s-4xs) !important;
    margin-bottom: var(--eui-s-4xs) !important
}

.eui-u-mh-4xs {
    margin-left: var(--eui-s-4xs) !important;
    margin-right: var(--eui-s-4xs) !important
}

.eui-u-mt-3xs {
    margin-top: var(--eui-s-3xs) !important
}

.eui-u-mb-3xs {
    margin-bottom: var(--eui-s-3xs) !important
}

.eui-u-ml-3xs {
    margin-left: var(--eui-s-3xs) !important
}

.eui-u-mr-3xs {
    margin-right: var(--eui-s-3xs) !important
}

.eui-u-m-3xs {
    margin: var(--eui-s-3xs) !important
}

.eui-u-mv-3xs {
    margin-top: var(--eui-s-3xs) !important;
    margin-bottom: var(--eui-s-3xs) !important
}

.eui-u-mh-3xs {
    margin-left: var(--eui-s-3xs) !important;
    margin-right: var(--eui-s-3xs) !important
}

.eui-u-mt-2xs {
    margin-top: var(--eui-s-2xs) !important
}

.eui-u-mb-2xs {
    margin-bottom: var(--eui-s-2xs) !important
}

.eui-u-ml-2xs {
    margin-left: var(--eui-s-2xs) !important
}

.eui-u-mr-2xs {
    margin-right: var(--eui-s-2xs) !important
}

.eui-u-m-2xs {
    margin: var(--eui-s-2xs) !important
}

.eui-u-mv-2xs {
    margin-top: var(--eui-s-2xs) !important;
    margin-bottom: var(--eui-s-2xs) !important
}

.eui-u-mh-2xs {
    margin-left: var(--eui-s-2xs) !important;
    margin-right: var(--eui-s-2xs) !important
}

.eui-u-mt-xs {
    margin-top: var(--eui-s-xs) !important
}

.eui-u-mb-xs {
    margin-bottom: var(--eui-s-xs) !important
}

.eui-u-ml-xs {
    margin-left: var(--eui-s-xs) !important
}

.eui-u-mr-xs {
    margin-right: var(--eui-s-xs) !important
}

.eui-u-m-xs {
    margin: var(--eui-s-xs) !important
}

.eui-u-mv-xs {
    margin-top: var(--eui-s-xs) !important;
    margin-bottom: var(--eui-s-xs) !important
}

.eui-u-mh-xs {
    margin-left: var(--eui-s-xs) !important;
    margin-right: var(--eui-s-xs) !important
}

.eui-u-mt-s {
    margin-top: var(--eui-s-s) !important
}

.eui-u-mb-s {
    margin-bottom: var(--eui-s-s) !important
}

.eui-u-ml-s {
    margin-left: var(--eui-s-s) !important
}

.eui-u-mr-s {
    margin-right: var(--eui-s-s) !important
}

.eui-u-m-s {
    margin: var(--eui-s-s) !important
}

.eui-u-mv-s {
    margin-top: var(--eui-s-s) !important;
    margin-bottom: var(--eui-s-s) !important
}

.eui-u-mh-s {
    margin-left: var(--eui-s-s) !important;
    margin-right: var(--eui-s-s) !important
}

.eui-u-mt-m {
    margin-top: var(--eui-s-m) !important
}

.eui-u-mb-m {
    margin-bottom: var(--eui-s-m) !important
}

.eui-u-ml-m {
    margin-left: var(--eui-s-m) !important
}

.eui-u-mr-m {
    margin-right: var(--eui-s-m) !important
}

.eui-u-m-m {
    margin: var(--eui-s-m) !important
}

.eui-u-mv-m {
    margin-top: var(--eui-s-m) !important;
    margin-bottom: var(--eui-s-m) !important
}

.eui-u-mh-m {
    margin-left: var(--eui-s-m) !important;
    margin-right: var(--eui-s-m) !important
}

.eui-u-mt-l {
    margin-top: var(--eui-s-l) !important
}

.eui-u-mb-l {
    margin-bottom: var(--eui-s-l) !important
}

.eui-u-ml-l {
    margin-left: var(--eui-s-l) !important
}

.eui-u-mr-l {
    margin-right: var(--eui-s-l) !important
}

.eui-u-m-l {
    margin: var(--eui-s-l) !important
}

.eui-u-mv-l {
    margin-top: var(--eui-s-l) !important;
    margin-bottom: var(--eui-s-l) !important
}

.eui-u-mh-l {
    margin-left: var(--eui-s-l) !important;
    margin-right: var(--eui-s-l) !important
}

.eui-u-mt-xl {
    margin-top: var(--eui-s-xl) !important
}

.eui-u-mb-xl {
    margin-bottom: var(--eui-s-xl) !important
}

.eui-u-ml-xl {
    margin-left: var(--eui-s-xl) !important
}

.eui-u-mr-xl {
    margin-right: var(--eui-s-xl) !important
}

.eui-u-m-xl {
    margin: var(--eui-s-xl) !important
}

.eui-u-mv-xl {
    margin-top: var(--eui-s-xl) !important;
    margin-bottom: var(--eui-s-xl) !important
}

.eui-u-mh-xl {
    margin-left: var(--eui-s-xl) !important;
    margin-right: var(--eui-s-xl) !important
}

.eui-u-mt-2xl {
    margin-top: var(--eui-s-2xl) !important
}

.eui-u-mb-2xl {
    margin-bottom: var(--eui-s-2xl) !important
}

.eui-u-ml-2xl {
    margin-left: var(--eui-s-2xl) !important
}

.eui-u-mr-2xl {
    margin-right: var(--eui-s-2xl) !important
}

.eui-u-m-2xl {
    margin: var(--eui-s-2xl) !important
}

.eui-u-mv-2xl {
    margin-top: var(--eui-s-2xl) !important;
    margin-bottom: var(--eui-s-2xl) !important
}

.eui-u-mh-2xl {
    margin-left: var(--eui-s-2xl) !important;
    margin-right: var(--eui-s-2xl) !important
}

.eui-u-mt-3xl {
    margin-top: var(--eui-s-3xl) !important
}

.eui-u-mb-3xl {
    margin-bottom: var(--eui-s-3xl) !important
}

.eui-u-ml-3xl {
    margin-left: var(--eui-s-3xl) !important
}

.eui-u-mr-3xl {
    margin-right: var(--eui-s-3xl) !important
}

.eui-u-m-3xl {
    margin: var(--eui-s-3xl) !important
}

.eui-u-mv-3xl {
    margin-top: var(--eui-s-3xl) !important;
    margin-bottom: var(--eui-s-3xl) !important
}

.eui-u-mh-3xl {
    margin-left: var(--eui-s-3xl) !important;
    margin-right: var(--eui-s-3xl) !important
}

.eui-u-mt-4xl {
    margin-top: var(--eui-s-4xl) !important
}

.eui-u-mb-4xl {
    margin-bottom: var(--eui-s-4xl) !important
}

.eui-u-ml-4xl {
    margin-left: var(--eui-s-4xl) !important
}

.eui-u-mr-4xl {
    margin-right: var(--eui-s-4xl) !important
}

.eui-u-m-4xl {
    margin: var(--eui-s-4xl) !important
}

.eui-u-mv-4xl {
    margin-top: var(--eui-s-4xl) !important;
    margin-bottom: var(--eui-s-4xl) !important
}

.eui-u-mh-4xl {
    margin-left: var(--eui-s-4xl) !important;
    margin-right: var(--eui-s-4xl) !important
}

.eui-u-mt-5xl {
    margin-top: var(--eui-s-5xl) !important
}

.eui-u-mb-5xl {
    margin-bottom: var(--eui-s-5xl) !important
}

.eui-u-ml-5xl {
    margin-left: var(--eui-s-5xl) !important
}

.eui-u-mr-5xl {
    margin-right: var(--eui-s-5xl) !important
}

.eui-u-m-5xl {
    margin: var(--eui-s-5xl) !important
}

.eui-u-mv-5xl {
    margin-top: var(--eui-s-5xl) !important;
    margin-bottom: var(--eui-s-5xl) !important
}

.eui-u-mh-5xl {
    margin-left: var(--eui-s-5xl) !important;
    margin-right: var(--eui-s-5xl) !important
}

.eui-u-mt-6xl {
    margin-top: var(--eui-s-6xl) !important
}

.eui-u-mb-6xl {
    margin-bottom: var(--eui-s-6xl) !important
}

.eui-u-ml-6xl {
    margin-left: var(--eui-s-6xl) !important
}

.eui-u-mr-6xl {
    margin-right: var(--eui-s-6xl) !important
}

.eui-u-m-6xl {
    margin: var(--eui-s-6xl) !important
}

.eui-u-mv-6xl {
    margin-top: var(--eui-s-6xl) !important;
    margin-bottom: var(--eui-s-6xl) !important
}

.eui-u-mh-6xl {
    margin-left: var(--eui-s-6xl) !important;
    margin-right: var(--eui-s-6xl) !important
}

.eui-u-mt-7xl {
    margin-top: var(--eui-s-7xl) !important
}

.eui-u-mb-7xl {
    margin-bottom: var(--eui-s-7xl) !important
}

.eui-u-ml-7xl {
    margin-left: var(--eui-s-7xl) !important
}

.eui-u-mr-7xl {
    margin-right: var(--eui-s-7xl) !important
}

.eui-u-m-7xl {
    margin: var(--eui-s-7xl) !important
}

.eui-u-mv-7xl {
    margin-top: var(--eui-s-7xl) !important;
    margin-bottom: var(--eui-s-7xl) !important
}

.eui-u-mh-7xl {
    margin-left: var(--eui-s-7xl) !important;
    margin-right: var(--eui-s-7xl) !important
}

.eui-u-mt-8xl {
    margin-top: var(--eui-s-8xl) !important
}

.eui-u-mb-8xl {
    margin-bottom: var(--eui-s-8xl) !important
}

.eui-u-ml-8xl {
    margin-left: var(--eui-s-8xl) !important
}

.eui-u-mr-8xl {
    margin-right: var(--eui-s-8xl) !important
}

.eui-u-m-8xl {
    margin: var(--eui-s-8xl) !important
}

.eui-u-mv-8xl {
    margin-top: var(--eui-s-8xl) !important;
    margin-bottom: var(--eui-s-8xl) !important
}

.eui-u-mh-8xl {
    margin-left: var(--eui-s-8xl) !important;
    margin-right: var(--eui-s-8xl) !important
}

.eui-u-ml-auto {
    margin-left: auto !important
}

.eui-u-mr-auto {
    margin-right: auto !important
}

.eui-u-mt-auto {
    margin-top: auto !important
}

.eui-u-mb-auto {
    margin-bottom: auto !important
}

.eui-u-o-none {
    opacity: var(--eui-o-none) !important
}

.eui-u-o-25 {
    opacity: var(--eui-o-25) !important
}

.eui-u-o-50 {
    opacity: var(--eui-o-50) !important
}

.eui-u-o-75 {
    opacity: var(--eui-o-75) !important
}

.eui-u-o-100 {
    opacity: var(--eui-o-100) !important
}

.eui-u-zi-auto {
    z-index: var(--eui-zi-auto) !important
}

.eui-u-zi-zero {
    z-index: var(--eui-zi-zero) !important
}

.eui-u-zi-root {
    z-index: var(--eui-zi-root) !important
}

.eui-u-zi-input-maxlength {
    z-index: var(--eui-zi-input-maxlength) !important
}

.eui-u-zi-clearable-icon {
    z-index: var(--eui-zi-clearable-icon) !important
}

.eui-u-zi-breadcrumb {
    z-index: var(--eui-zi-breadcrumb) !important
}

.eui-u-zi-header {
    z-index: var(--eui-zi-header) !important
}

.eui-u-zi-top-message {
    z-index: var(--eui-zi-top-message) !important
}

.eui-u-zi-nav {
    z-index: var(--eui-zi-nav) !important
}

.eui-u-zi-loading-indicator {
    z-index: var(--eui-zi-loading-indicator) !important
}

.eui-u-zi-cdk-overlay-pane {
    z-index: var(--eui-zi-cdk-overlay-pane) !important
}

.eui-u-zi-logo {
    z-index: var(--eui-zi-logo) !important
}

.eui-u-zi-sticky {
    z-index: var(--eui-zi-sticky) !important
}

.eui-u-zi-sidebar {
    z-index: var(--eui-zi-sidebar) !important
}

.eui-u-zi-overlay {
    z-index: var(--eui-zi-overlay) !important
}

.eui-u-zi-btn-floating {
    z-index: var(--eui-zi-btn-floating) !important
}

.eui-u-zi-highlighted {
    z-index: var(--eui-zi-highlighted) !important
}

.eui-u-zi-footer-action-bar {
    z-index: var(--eui-zi-footer-action-bar) !important
}

.eui-u-zi-modal-backdrop {
    z-index: var(--eui-zi-modal-backdrop) !important
}

.eui-u-zi-modal {
    z-index: var(--eui-zi-modal) !important
}

.eui-u-zi-menu {
    z-index: var(--eui-zi-menu) !important
}

.eui-u-zi-tooltip {
    z-index: var(--eui-zi-tooltip) !important
}

.eui-u-zi-max {
    z-index: var(--eui-zi-max) !important
}

.eui-u-zi-cdk-overlay-container {
    z-index: var(--eui-zi-cdk-overlay-container) !important
}

.eui-u-zi-block-document {
    z-index: var(--eui-zi-block-document) !important
}

.eui-u-zi-growl-message {
    z-index: var(--eui-zi-growl-message) !important
}

.eui-u-anim {
    animation-fill-mode: var(--eui-base-animation-fill-mode);
    animation-delay: var(--eui-base-animation-delay);
    animation-direction: var(--eui-base-animation-direction);
    animation-duration: var(--eui-base-animation-duration-base);
    transition: var(--eui-base-animation-transition-base)
}

.eui-u-anim--infinite {
    animation-iteration-count: infinite !important
}

.eui-u-anim--fast {
    animation-duration: var(--eui-base-animation-duration-fast) !important
}

.eui-u-anim--medium {
    animation-duration: var(--eui-base-animation-duration-medium) !important
}

.eui-u-anim--slow {
    animation-duration: var(--eui-base-animation-duration-slow) !important
}

.eui-u-anim.eui-u-anim--bob {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}

@keyframes eui-anim--bob {
    0% {
        transform: translateY(-8px)
    }

    50% {
        transform: translateY(-4px)
    }

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

@keyframes eui-anim--bob-float {
    to {
        transform: translateY(-8px)
    }
}

.eui-u-anim.eui-u-anim--bob:active,
.eui-u-anim.eui-u-anim--bob:focus,
.eui-u-anim.eui-u-anim--bob:hover {
    animation-name: eui-anim--bob-float, eui-anim--bob;
    animation-duration: .3s, 1.5s;
    animation-delay: 0s, .3s;
    animation-timing-function: ease-out, ease-in-out;
    animation-iteration-count: 1, infinite;
    animation-fill-mode: forwards;
    animation-direction: normal, alternate
}

.eui-u-anim.eui-u-anim--buzz {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}

@keyframes eui-anim--buzz {
    10% {
        transform: translate(3px) rotate(2deg)
    }

    20% {
        transform: translate(-3px) rotate(-2deg)
    }

    30% {
        transform: translate(3px) rotate(2deg)
    }

    40% {
        transform: translate(-3px) rotate(-2deg)
    }

    50% {
        transform: translate(2px) rotate(1deg)
    }

    60% {
        transform: translate(-2px) rotate(-1deg)
    }

    70% {
        transform: translate(2px) rotate(1deg)
    }

    80% {
        transform: translate(-2px) rotate(-1deg)
    }

    90% {
        transform: translate(1px) rotate(0)
    }

    to {
        transform: translate(-1px) rotate(0)
    }
}

.eui-u-anim.eui-u-anim--buzz:active,
.eui-u-anim.eui-u-anim--buzz:focus,
.eui-u-anim.eui-u-anim--buzz:hover {
    animation-name: eui-anim--buzz;
    animation-duration: var(--eui-base-animation-duration-medium);
    animation-timing-function: linear;
    animation-iteration-count: 1
}

.eui-u-anim.eui-u-anim--fadeIn {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    animation-name: eui-anim--fadeIn;
    animation-duration: var(--eui-base-animation-duration-fast);
    backface-visibility: visible;
    transition-timing-function: ease
}

@keyframes eui-anim--fadeIn {
    0% {
        offset: 0;
        opacity: 0;
        visibility: visible
    }

    to {
        offset: 1;
        opacity: 1
    }
}

.eui-u-anim.eui-u-anim--fadeOut {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    animation-name: eui-anim--fadeOut;
    animation-duration: var(--eui-base-animation-duration-fast);
    backface-visibility: visible;
    transition-timing-function: ease
}

@keyframes eui-anim--fadeOut {
    0% {
        offset: 0;
        opacity: 1;
        visibility: visible
    }

    to {
        offset: 1;
        opacity: 0
    }
}

.eui-u-anim.eui-u-anim--flipInY {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    animation-name: eui-anim--flipInY;
    animation-duration: var(--eui-base-animation-duration-base);
    backface-visibility: visible
}

@keyframes eui-anim--flipInY {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.eui-u-anim.eui-u-anim--jackInTheBox {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    animation-name: eui-anim--jackInTheBox;
    animation-duration: var(--eui-base-animation-duration-base)
}

@keyframes eui-anim--jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

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

.eui-u-anim.eui-u-anim--pop {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}

@keyframes eui-anim--pop {
    50% {
        transform: scale(1.1)
    }
}

.eui-u-anim.eui-u-anim--pop:active,
.eui-u-anim.eui-u-anim--pop:focus,
.eui-u-anim.eui-u-anim--pop:hover {
    animation-name: eui-anim--pop;
    animation-duration: var(--eui-base-animation-duration-medium);
    animation-timing-function: linear;
    animation-iteration-count: 1
}

.eui-u-anim.eui-u-anim--pulsar {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}

@keyframes eui-anim--pulsar {
    0% {
        transform: scaleZ(1)
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05)
    }

    to {
        transform: scaleZ(1)
    }
}

.eui-u-anim.eui-u-anim--pulsar:active,
.eui-u-anim.eui-u-anim--pulsar:focus,
.eui-u-anim.eui-u-anim--pulsar:hover {
    animation-name: eui-anim--pulsar;
    animation-duration: var(--eui-base-animation-duration-fast);
    animation-iteration-count: 1
}

.eui-u-anim.eui-u-anim--pulse {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    transition: 1s ease-in-out
}

@keyframes eui-anim--pulse {
    to {
        transform: scale(1.1)
    }
}

.eui-u-anim.eui-u-anim--pulse:active,
.eui-u-anim.eui-u-anim--pulse:focus,
.eui-u-anim.eui-u-anim--pulse:hover {
    animation-name: eui-anim--pulse;
    animation-duration: var(--eui-base-animation-duration-medium);
    animation-timing-function: ease-in-out;
    animation-direction: alternate;
    animation-iteration-count: 2;
    transition: 1s ease-in-out
}

.eui-u-anim.eui-u-anim--slideInDown {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    animation-name: eui-anim--slideInDown;
    animation-duration: var(--eui-base-animation-duration-medium);
    backface-visibility: visible;
    transition-timing-function: ease
}

@keyframes eui-anim--slideInDown {
    0% {
        offset: 0;
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        offset: 1;
        transform: translateZ(0)
    }
}

.eui-u-anim.eui-u-anim--slideInLeft {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    animation-name: eui-anim--slideInLeft;
    animation-duration: var(--eui-base-animation-duration-medium);
    backface-visibility: visible
}

@keyframes eui-anim--slideInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-50%, 0, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.eui-u-anim.eui-u-anim--slideInRight {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    animation-name: eui-anim--slideInRight;
    animation-duration: var(--eui-base-animation-duration-medium);
    backface-visibility: visible
}

@keyframes eui-anim--slideInRight {
    0% {
        opacity: 0;
        transform: translate3d(50%, 0, 0);
        visibility: visible
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.eui-u-anim.eui-u-anim--slideInUp {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
    animation-name: eui-anim--slideInUp;
    animation-duration: var(--eui-base-animation-duration-medium);
    backface-visibility: visible;
    transition-timing-function: ease
}

@keyframes eui-anim--slideInUp {
    0% {
        offset: 0;
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        offset: 1;
        transform: translateZ(0)
    }
}

.eui-u-anim.eui-u-anim--spin {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}

@keyframes eui-anim--spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.eui-u-anim.eui-u-anim--spin:active,
.eui-u-anim.eui-u-anim--spin:focus,
.eui-u-anim.eui-u-anim--spin:hover {
    animation-name: eui-anim--spin;
    animation-duration: var(--eui-base-animation-duration-slow)
}

.eui-u-anim.eui-u-anim--wobble {
    transform: perspective(1px) translateZ(0);
    display: inline-block;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent
}

@keyframes eui-anim--wobble {
    16.65% {
        transform: translateY(8px)
    }

    33.3% {
        transform: translateY(-6px)
    }

    49.95% {
        transform: translateY(4px)
    }

    66.6% {
        transform: translateY(-2px)
    }

    83.25% {
        transform: translateY(1px)
    }

    to {
        transform: translateY(0)
    }
}

.eui-u-anim.eui-u-anim--wobble:active,
.eui-u-anim.eui-u-anim--wobble:focus,
.eui-u-anim.eui-u-anim--wobble:hover {
    animation-name: eui-anim--wobble;
    animation-duration: var(--eui-base-animation-duration-slow);
    animation-timing-function: var(--eui-base-animation-ease-in-out-timing-function);
    animation-iteration-count: 1
}

.eui-u-border-none {
    border: var(--eui-bw-none) !important
}

.eui-u-border-state-primary {
    border-left: var(--eui-bw-m) solid var(--eui-c-s-primary-base) !important
}

.eui-u-border-state-secondary {
    border-left: var(--eui-bw-m) solid var(--eui-c-s-secondary-border) !important
}

.eui-u-border-state-info {
    border-left: var(--eui-bw-m) solid var(--eui-c-s-info-base) !important
}

.eui-u-border-state-success {
    border-left: var(--eui-bw-m) solid var(--eui-c-s-success-base) !important
}

.eui-u-border-state-warning {
    border-left: var(--eui-bw-m) solid var(--eui-c-s-warning-base) !important
}

.eui-u-border-state-danger {
    border-left: var(--eui-bw-m) solid var(--eui-c-s-danger-base) !important
}

.eui-u-border-state-accent {
    border-left: var(--eui-bw-m) solid var(--eui-c-s-accent-border) !important
}

.eui-u-border-bottom-separator {
    border-bottom: var(--eui-bw-xs) solid var(--eui-c-divider) !important
}

.eui-u-cursor-pointer {
    cursor: pointer !important
}

.eui-u-cursor-default {
    cursor: default !important
}

.eui-u-cursor-help {
    cursor: help !important
}

.eui-u-cursor-move {
    cursor: move !important
}

.eui-u-cursor-crosshair {
    cursor: crosshair !important
}

.eui-u-cursor-wait {
    cursor: wait !important
}

.eui-u-cursor-progress {
    cursor: progress !important
}

.eui-u-cursor-text {
    cursor: text !important
}

.eui-u-cursor-no-drop {
    cursor: no-drop !important
}

.eui-u-cursor-not-allowed {
    cursor: not-allowed !important
}

.eui-u-cursor-grab {
    cursor: grab !important
}

.eui-u-display-hidden {
    display: none !important
}

.eui-u-display-visible {
    visibility: visible !important
}

.eui-u-display-block {
    display: block !important
}

.eui-u-display-inline {
    display: inline !important
}

.eui-u-display-inline-block {
    display: inline-block !important
}

@media screen {
    .eui-u-display-print-only {
        display: none !important
    }
}

@media print {
    .eui-u-display-print-hidden {
        display: none !important
    }
}

.eui-u-display-hidden-desktop-down {
    display: initial
}

.eui-u-display-scrollbars::-webkit-scrollbar {
    display: inherit;
    height: 8px;
    width: 8px;
    background-color: var(--eui-c-s-secondary-surface-light)
}

.eui-u-display-scrollbars::-webkit-scrollbar-thumb {
    background-color: var(--_eui-scrollbars-foreground-color);
    border-radius: 5rem
}

.eui-u-display-scrollbars::-webkit-scrollbar-thumb:hover {
    background-color: var(--eui-c-s-secondary-surface)
}

.eui-u-display-scrollbars::-webkit-scrollbar-track {
    background-color: var(--eui-c-s-secondary-surface-light);
    border-radius: 0
}

@-moz-document url-prefix() {
    .eui-u-display-scrollbars {
        scrollbar-color: var(--eui-c-s-secondary-surface) var(--eui-c-s-secondary-surface-light);
        scrollbar-width: auto
    }
}

@media screen and (max-width:995px) {
    .eui-u-display-hidden-desktop-down {
        display: none !important
    }
}

@media screen and (max-width:767px) {
    .eui-u-display-hidden-mobile {
        display: none !important
    }
}

@media screen and (min-width:768px) {
    .eui-u-display-hidden-mobile-up {
        display: none !important
    }
}

.eui-u-flex {
    align-items: center !important;
    display: flex !important;
    width: 100% !important
}

.eui-u-flex-column {
    display: flex !important;
    flex-direction: column !important
}

.eui-u-inline-flex {
    align-items: center !important;
    display: inline-flex !important
}

.eui-u-d-flex,
.eui-u-display-flex {
    display: flex !important
}

.eui-u-d-inline-flex,
.eui-u-display-inline-flex {
    display: inline-flex !important
}

.eui-u-flex-justify-content-start {
    justify-content: flex-start !important
}

.eui-u-flex-justify-content-end {
    justify-content: flex-end !important
}

.eui-u-flex-justify-content-center {
    justify-content: center !important
}

.eui-u-flex-justify-content-around {
    justify-content: space-around !important
}

.eui-u-flex-justify-content-between {
    justify-content: space-between !important
}

.eui-u-flex-justify-content-evenly {
    justify-content: space-evenly !important
}

.eui-u-flex-align-items-start {
    align-items: flex-start !important
}

.eui-u-flex-align-items-center {
    align-items: center !important
}

.eui-u-flex-align-items-end {
    align-items: flex-end !important
}

.eui-u-flex-align-items-stretch {
    align-items: stretch !important
}

.eui-u-flex-row {
    flex-direction: row !important
}

.eui-u-flex-row-reverse {
    flex-direction: row-reverse !important
}

.eui-u-flex-column {
    flex-direction: column !important
}

.eui-u-flex-column-reverse {
    flex-direction: column-reverse !important
}

.eui-u-flex-wrap {
    flex-wrap: wrap !important
}

.eui-u-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.eui-u-flex-nowrap {
    flex-wrap: nowrap !important
}

.eui-u-flex-col {
    flex: 1 0 0% !important
}

.eui-u-flex-grow {
    display: initial !important;
    flex-grow: 1 !important
}

.eui-u-flex-no-grow {
    flex-grow: 0 !important
}

.eui-u-flex-shrink {
    display: initial !important;
    flex-shrink: 0 !important
}

.eui-u-flex-no-shrink {
    flex-shrink: 0 !important
}

.eui-u-flex-gap-none {
    gap: var(--eui-s-none) !important
}

.eui-u-flex-gap-4xs {
    gap: var(--eui-s-4xs) !important
}

.eui-u-flex-gap-3xs {
    gap: var(--eui-s-3xs) !important
}

.eui-u-flex-gap-2xs {
    gap: var(--eui-s-2xs) !important
}

.eui-u-flex-gap-xs {
    gap: var(--eui-s-xs) !important
}

.eui-u-flex-gap-s {
    gap: var(--eui-s-s) !important
}

.eui-u-flex-gap-m {
    gap: var(--eui-s-m) !important
}

.eui-u-flex-gap-l {
    gap: var(--eui-s-l) !important
}

.eui-u-flex-gap-xl {
    gap: var(--eui-s-xl) !important
}

.eui-u-flex-gap-2xl {
    gap: var(--eui-s-2xl) !important
}

.eui-u-flex-gap-3xl {
    gap: var(--eui-s-3xl) !important
}

.eui-u-flex-gap-4xl {
    gap: var(--eui-s-4xl) !important
}

.eui-u-flex-gap-5xl {
    gap: var(--eui-s-5xl) !important
}

.eui-u-flex-gap-6xl {
    gap: var(--eui-s-6xl) !important
}

.eui-u-flex-gap-7xl {
    gap: var(--eui-s-7xl) !important
}

.eui-u-flex-gap-8xl {
    gap: var(--eui-s-8xl) !important
}

.eui-u-overflow-auto {
    overflow: auto !important
}

.eui-u-overflow-hidden {
    overflow: hidden !important
}

.eui-u-overflow-visible {
    overflow: visible !important
}

.eui-u-p-relative {
    position: relative !important
}

.eui-u-p-fixed {
    position: fixed !important
}

.eui-u-p-absolute {
    position: absolute !important
}

.eui-u-disabled {
    background-image: none !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: var(--eui-o-50) !important
}

.eui-u-visibility-visible {
    visibility: visible !important
}

.eui-u-visibility-hidden {
    visibility: hidden !important
}

.eui-u-width-auto {
    width: auto !important
}

.eui-u-width-100 {
    width: 100% !important
}

.eui-u-width-66 {
    width: 66% !important
}

.eui-u-width-50 {
    width: 50% !important
}

.eui-u-width-33 {
    width: 33.33333% !important
}

.eui-u-width-0 {
    width: 0% !important
}

.eui-u-width-1 {
    max-width: calc(1 * var(--eui-s-m));
    min-width: calc(1 * var(--eui-s-m));
    width: calc(1 * var(--eui-s-m)) !important
}

.eui-u-width-2 {
    max-width: calc(2 * var(--eui-s-m));
    min-width: calc(2 * var(--eui-s-m));
    width: calc(2 * var(--eui-s-m)) !important
}

.eui-u-width-3 {
    max-width: calc(3 * var(--eui-s-m));
    min-width: calc(3 * var(--eui-s-m));
    width: calc(3 * var(--eui-s-m)) !important
}

.eui-u-width-4 {
    max-width: calc(4 * var(--eui-s-m));
    min-width: calc(4 * var(--eui-s-m));
    width: calc(4 * var(--eui-s-m)) !important
}

.eui-u-width-5 {
    max-width: calc(5 * var(--eui-s-m));
    min-width: calc(5 * var(--eui-s-m));
    width: calc(5 * var(--eui-s-m)) !important
}

.eui-u-width-6 {
    max-width: calc(6 * var(--eui-s-m));
    min-width: calc(6 * var(--eui-s-m));
    width: calc(6 * var(--eui-s-m)) !important
}

.eui-u-width-7 {
    max-width: calc(7 * var(--eui-s-m));
    min-width: calc(7 * var(--eui-s-m));
    width: calc(7 * var(--eui-s-m)) !important
}

.eui-u-width-8 {
    max-width: calc(8 * var(--eui-s-m));
    min-width: calc(8 * var(--eui-s-m));
    width: calc(8 * var(--eui-s-m)) !important
}

.eui-u-width-9 {
    max-width: calc(9 * var(--eui-s-m));
    min-width: calc(9 * var(--eui-s-m));
    width: calc(9 * var(--eui-s-m)) !important
}

.eui-u-width-10 {
    max-width: calc(10 * var(--eui-s-m));
    min-width: calc(10 * var(--eui-s-m));
    width: calc(10 * var(--eui-s-m)) !important
}

.eui-u-width-11 {
    max-width: calc(11 * var(--eui-s-m));
    min-width: calc(11 * var(--eui-s-m));
    width: calc(11 * var(--eui-s-m)) !important
}

.eui-u-width-12 {
    max-width: calc(12 * var(--eui-s-m));
    min-width: calc(12 * var(--eui-s-m));
    width: calc(12 * var(--eui-s-m)) !important
}

.eui-u-width-13 {
    max-width: calc(13 * var(--eui-s-m));
    min-width: calc(13 * var(--eui-s-m));
    width: calc(13 * var(--eui-s-m)) !important
}

.eui-u-width-14 {
    max-width: calc(14 * var(--eui-s-m));
    min-width: calc(14 * var(--eui-s-m));
    width: calc(14 * var(--eui-s-m)) !important
}

.eui-u-width-15 {
    max-width: calc(15 * var(--eui-s-m));
    min-width: calc(15 * var(--eui-s-m));
    width: calc(15 * var(--eui-s-m)) !important
}

.eui-u-width-16 {
    max-width: calc(16 * var(--eui-s-m));
    min-width: calc(16 * var(--eui-s-m));
    width: calc(16 * var(--eui-s-m)) !important
}

.eui-u-width-17 {
    max-width: calc(17 * var(--eui-s-m));
    min-width: calc(17 * var(--eui-s-m));
    width: calc(17 * var(--eui-s-m)) !important
}

.eui-u-width-18 {
    max-width: calc(18 * var(--eui-s-m));
    min-width: calc(18 * var(--eui-s-m));
    width: calc(18 * var(--eui-s-m)) !important
}

.eui-u-width-19 {
    max-width: calc(19 * var(--eui-s-m));
    min-width: calc(19 * var(--eui-s-m));
    width: calc(19 * var(--eui-s-m)) !important
}

.eui-u-width-20 {
    max-width: calc(20 * var(--eui-s-m));
    min-width: calc(20 * var(--eui-s-m));
    width: calc(20 * var(--eui-s-m)) !important
}

.eui-u-width-21 {
    max-width: calc(21 * var(--eui-s-m));
    min-width: calc(21 * var(--eui-s-m));
    width: calc(21 * var(--eui-s-m)) !important
}

.eui-u-width-22 {
    max-width: calc(22 * var(--eui-s-m));
    min-width: calc(22 * var(--eui-s-m));
    width: calc(22 * var(--eui-s-m)) !important
}

.eui-u-width-23 {
    max-width: calc(23 * var(--eui-s-m));
    min-width: calc(23 * var(--eui-s-m));
    width: calc(23 * var(--eui-s-m)) !important
}

.eui-u-width-24 {
    max-width: calc(24 * var(--eui-s-m));
    min-width: calc(24 * var(--eui-s-m));
    width: calc(24 * var(--eui-s-m)) !important
}

.eui-u-width-25 {
    max-width: calc(25 * var(--eui-s-m));
    min-width: calc(25 * var(--eui-s-m));
    width: calc(25 * var(--eui-s-m)) !important
}

.eui-u-width-26 {
    max-width: calc(26 * var(--eui-s-m));
    min-width: calc(26 * var(--eui-s-m));
    width: calc(26 * var(--eui-s-m)) !important
}

.eui-u-width-27 {
    max-width: calc(27 * var(--eui-s-m));
    min-width: calc(27 * var(--eui-s-m));
    width: calc(27 * var(--eui-s-m)) !important
}

.eui-u-width-28 {
    max-width: calc(28 * var(--eui-s-m));
    min-width: calc(28 * var(--eui-s-m));
    width: calc(28 * var(--eui-s-m)) !important
}

.eui-u-width-29 {
    max-width: calc(29 * var(--eui-s-m));
    min-width: calc(29 * var(--eui-s-m));
    width: calc(29 * var(--eui-s-m)) !important
}

.eui-u-width-30 {
    max-width: calc(30 * var(--eui-s-m));
    min-width: calc(30 * var(--eui-s-m));
    width: calc(30 * var(--eui-s-m)) !important
}

.eui-u-height-auto {
    height: auto !important
}

.eui-u-height-100 {
    height: 100% !important
}

.eui-u-height-50 {
    height: 50% !important
}

.eui-u-height-33 {
    height: 33.33333% !important
}

.eui-u-height-0 {
    height: 0% !important
}

.eui-u-height-1 {
    max-height: calc(1 * var(--eui-s-m));
    min-height: calc(1 * var(--eui-s-m));
    height: calc(1 * var(--eui-s-m)) !important
}

.eui-u-height-2 {
    max-height: calc(2 * var(--eui-s-m));
    min-height: calc(2 * var(--eui-s-m));
    height: calc(2 * var(--eui-s-m)) !important
}

.eui-u-height-3 {
    max-height: calc(3 * var(--eui-s-m));
    min-height: calc(3 * var(--eui-s-m));
    height: calc(3 * var(--eui-s-m)) !important
}

.eui-u-height-4 {
    max-height: calc(4 * var(--eui-s-m));
    min-height: calc(4 * var(--eui-s-m));
    height: calc(4 * var(--eui-s-m)) !important
}

.eui-u-height-5 {
    max-height: calc(5 * var(--eui-s-m));
    min-height: calc(5 * var(--eui-s-m));
    height: calc(5 * var(--eui-s-m)) !important
}

.eui-u-height-6 {
    max-height: calc(6 * var(--eui-s-m));
    min-height: calc(6 * var(--eui-s-m));
    height: calc(6 * var(--eui-s-m)) !important
}

.eui-u-height-7 {
    max-height: calc(7 * var(--eui-s-m));
    min-height: calc(7 * var(--eui-s-m));
    height: calc(7 * var(--eui-s-m)) !important
}

.eui-u-height-8 {
    max-height: calc(8 * var(--eui-s-m));
    min-height: calc(8 * var(--eui-s-m));
    height: calc(8 * var(--eui-s-m)) !important
}

.eui-u-height-9 {
    max-height: calc(9 * var(--eui-s-m));
    min-height: calc(9 * var(--eui-s-m));
    height: calc(9 * var(--eui-s-m)) !important
}

.eui-u-height-10 {
    max-height: calc(10 * var(--eui-s-m));
    min-height: calc(10 * var(--eui-s-m));
    height: calc(10 * var(--eui-s-m)) !important
}

.eui-u-height-11 {
    max-height: calc(11 * var(--eui-s-m));
    min-height: calc(11 * var(--eui-s-m));
    height: calc(11 * var(--eui-s-m)) !important
}

.eui-u-height-12 {
    max-height: calc(12 * var(--eui-s-m));
    min-height: calc(12 * var(--eui-s-m));
    height: calc(12 * var(--eui-s-m)) !important
}

.eui-u-height-13 {
    max-height: calc(13 * var(--eui-s-m));
    min-height: calc(13 * var(--eui-s-m));
    height: calc(13 * var(--eui-s-m)) !important
}

.eui-u-height-14 {
    max-height: calc(14 * var(--eui-s-m));
    min-height: calc(14 * var(--eui-s-m));
    height: calc(14 * var(--eui-s-m)) !important
}

.eui-u-height-15 {
    max-height: calc(15 * var(--eui-s-m));
    min-height: calc(15 * var(--eui-s-m));
    height: calc(15 * var(--eui-s-m)) !important
}

.eui-u-height-16 {
    max-height: calc(16 * var(--eui-s-m));
    min-height: calc(16 * var(--eui-s-m));
    height: calc(16 * var(--eui-s-m)) !important
}

.eui-u-height-17 {
    max-height: calc(17 * var(--eui-s-m));
    min-height: calc(17 * var(--eui-s-m));
    height: calc(17 * var(--eui-s-m)) !important
}

.eui-u-height-18 {
    max-height: calc(18 * var(--eui-s-m));
    min-height: calc(18 * var(--eui-s-m));
    height: calc(18 * var(--eui-s-m)) !important
}

.eui-u-height-19 {
    max-height: calc(19 * var(--eui-s-m));
    min-height: calc(19 * var(--eui-s-m));
    height: calc(19 * var(--eui-s-m)) !important
}

.eui-u-height-20 {
    max-height: calc(20 * var(--eui-s-m));
    min-height: calc(20 * var(--eui-s-m));
    height: calc(20 * var(--eui-s-m)) !important
}

.eui-u-height-21 {
    max-height: calc(21 * var(--eui-s-m));
    min-height: calc(21 * var(--eui-s-m));
    height: calc(21 * var(--eui-s-m)) !important
}

.eui-u-height-22 {
    max-height: calc(22 * var(--eui-s-m));
    min-height: calc(22 * var(--eui-s-m));
    height: calc(22 * var(--eui-s-m)) !important
}

.eui-u-height-23 {
    max-height: calc(23 * var(--eui-s-m));
    min-height: calc(23 * var(--eui-s-m));
    height: calc(23 * var(--eui-s-m)) !important
}

.eui-u-height-24 {
    max-height: calc(24 * var(--eui-s-m));
    min-height: calc(24 * var(--eui-s-m));
    height: calc(24 * var(--eui-s-m)) !important
}

.eui-u-height-25 {
    max-height: calc(25 * var(--eui-s-m));
    min-height: calc(25 * var(--eui-s-m));
    height: calc(25 * var(--eui-s-m)) !important
}

.eui-u-height-26 {
    max-height: calc(26 * var(--eui-s-m));
    min-height: calc(26 * var(--eui-s-m));
    height: calc(26 * var(--eui-s-m)) !important
}

.eui-u-height-27 {
    max-height: calc(27 * var(--eui-s-m));
    min-height: calc(27 * var(--eui-s-m));
    height: calc(27 * var(--eui-s-m)) !important
}

.eui-u-height-28 {
    max-height: calc(28 * var(--eui-s-m));
    min-height: calc(28 * var(--eui-s-m));
    height: calc(28 * var(--eui-s-m)) !important
}

.eui-u-height-29 {
    max-height: calc(29 * var(--eui-s-m));
    min-height: calc(29 * var(--eui-s-m));
    height: calc(29 * var(--eui-s-m)) !important
}

.eui-u-height-30 {
    max-height: calc(30 * var(--eui-s-m));
    min-height: calc(30 * var(--eui-s-m));
    height: calc(30 * var(--eui-s-m)) !important
}

.eui-u-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border-width: 0 !important
}

.eui-u-line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.eui-u-line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.eui-u-line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.eui-u-line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.eui-u-line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden
}

:root {
    --eui-c-branding: #66BB6A;
    --eui-c-branding-dark: #2E7D32;
    --eui-c-branding-light: #81C784;
    --eui-c-primary: #66BB6A;
    --eui-c-primary-darker: #2E7D32;
    --eui-c-primary-dark: #43A047;
    --eui-c-primary-light: #A5D6A7;
    --eui-c-primary-lighter: #C8E6C9;
    --eui-c-primary-lightest: #E8F5E9;
    --eui-c-primary-bg: #F1F8E9;
    --eui-c-primary-bg-light: #F9FBE7;
    --eui-c-info: #4094AA;
    --eui-c-info-dark: #143A3E;
    --eui-c-info-darker: #00181C;
    --eui-c-info-light: #51E7F9;
    --eui-c-info-lighter: #BDEDF7;
    --eui-c-info-lightest: #D2F3FA;
    --eui-c-info-bg: #EFFAFC;
    --eui-c-info-bg-light: #F4FBFD;
    --eui-c-accent: #66BB6A;
    --eui-c-accent-dark: #43A047;
    --eui-c-accent-darker: #2E7D32;
    --eui-c-accent-light: #A5D6A7;
    --eui-c-accent-lighter: #C8E6C9;
    --eui-c-accent-lightest: #E8F5E9;
    --eui-c-accent-bg: #F1F8E9;
    --eui-c-accent-bg-light: #F9FBE7;
    --eui-c-success: #66BB6A;
    --eui-c-success-dark: #43A047;
    --eui-c-success-darker: #2E7D32;
    --eui-c-success-light: #A5D6A7;
    --eui-c-success-lighter: #C8E6C9;
    --eui-c-success-lightest: #E8F5E9;
    --eui-c-success-bg: #F1F8E9;
    --eui-c-success-bg-light: #F9FBE7;
    --eui-c-warning: #E89B3B;
    --eui-c-warning-dark: #5D3D13;
    --eui-c-warning-darker: #2E1E0A;
    --eui-c-warning-light: #F1C37E;
    --eui-c-warning-lighter: #F5D6A5;
    --eui-c-warning-lightest: #FBEAD1;
    --eui-c-warning-bg: #FEF7EF;
    --eui-c-warning-bg-light: #FEFBF7;
    --eui-c-danger: #CA3532;
    --eui-c-danger-dark: #781E1D;
    --eui-c-danger-darker: #290909;
    --eui-c-danger-light: #DF7B7D;
    --eui-c-danger-lighter: #E8A5A7;
    --eui-c-danger-lightest: #FBEFEF;
    --eui-c-danger-bg: #FEF7F7;
    --eui-c-danger-bg-light: #FFFBFB;
    --eui-c-neutral: #37393F;
    --eui-c-neutral-dark: #111113;
    --eui-c-neutral-darker: #141414;
    --eui-c-neutral-light: #6B6F7B;
    --eui-c-neutral-lighter: #8B8E98;
    --eui-c-neutral-bg: #F5F5F5;
    --eui-c-neutral-bg-light: #FCFCFC
}

html,
body {
    margin: 0;
    width: 100%
}

body simpl-splash-screen {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    background-color: #f9fafb;
    color: #243882;
    z-index: 999999;
    pointer-events: none;
    opacity: 1;
    visibility: visible;
    transition: opacity .4s cubic-bezier(.4, 0, .2, 1)
}

body simpl-splash-screen .simpl-title {
    font-size: large;
    font-weight: 700
}

body:not(.simpl-splash-screen-hidden) {
    overflow: hidden
}

body.simpl-splash-screen-hidden simpl-splash-screen {
    display: none
}

body simpl-splash-screen .spinner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
    width: 200px
}

body simpl-splash-screen .spinner>div {
    width: 24px;
    height: 24px;
    background-color: #243882;
    border-radius: 100%;
    display: inline-block;
    animation: simpl-bouncedelay 1s infinite ease-in-out both
}

body simpl-splash-screen .spinner .bounce1 {
    animation-delay: -.32s
}

body simpl-splash-screen .spinner .bounce2 {
    animation-delay: -.16s
}

body simpl-splash-screen .spinner .bounce3 {
    animation-delay: -.16s
}

body simpl-splash-screen .spinner .bounce4 {
    animation-delay: -.16s
}

body simpl-splash-screen .spinner .bounce5 {
    animation-delay: -.16s
}

@keyframes simpl-bouncedelay {

    0%,
    80%,
    to {
        transform: scale(0)
    }

    40% {
        transform: scale(1)
    }
}

.eui-tree-node-wrapper__container-middle.eui-label--selected {
    background: var(--eui-c-neutral-bg) !important
}

.eui-tree-node-wrapper__container-middle.error {
    background: var(--eui-c-danger-light) !important
}

.eui-tree-node-wrapper__container-middle.error * {
    color: var(--eui-c-danger-bg) !important
}

.eui-tree-node__button {
    margin-top: -25px !important
}