/* node_modules/@eui/styles/dist/eui.css */
html {
-webkit-text-size-adjust: 100%;
}
main {
display: block;
}
h1 {
font-size: 2em;
margin: .67em 0;
}
hr {
box-sizing: initial;
height: 0;
overflow: visible;
}
pre {
font-family: monospace, monospace;
font-size: 1em;
}
a {
background-color: initial;
}
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: initial;
}
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: initial;
}
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;
}
[hidden],
template {
display: none;
}
:root {
--eui-bc-transparent:#0000;
--eui-bc-branding-120:#003676;
--eui-bc-branding-120-contrast:#fff;
--eui-bc-branding-100:#004494;
--eui-bc-branding-100-contrast:#fff;
--eui-bc-branding-80:#3369a9;
--eui-bc-branding-80-contrast:#fff;
--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-130:#1338bd;
--eui-bc-primary-130-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:#fff;
--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-130:#222;
--eui-bc-neutral-130-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:#fff;
--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-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:#fff;
--eui-bc-info-80:#2791e7;
--eui-bc-info-80-contrast:#fff;
--eui-bc-info-100:#0578d6;
--eui-bc-info-100-contrast:#fff;
--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-130:#04579b;
--eui-bc-info-130-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-130:#197132;
--eui-bc-success-130-contrast:#fff;
--eui-bc-success-120:#1d813a;
--eui-bc-success-120-contrast:#fff;
--eui-bc-success-110:#209141;
--eui-bc-success-110-contrast:#fff;
--eui-bc-success-100:#24a148;
--eui-bc-success-100-contrast:#fff;
--eui-bc-success-80:#50b46d;
--eui-bc-success-80-contrast:#fff;
--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-130:#aa6a0c;
--eui-bc-warning-130-contrast:#fff;
--eui-bc-warning-120:#c27a0e;
--eui-bc-warning-120-contrast:#fff;
--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-130:#99151c;
--eui-bc-danger-130-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:#fff;
--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-bc-accent-160:#e08700;
--eui-bc-accent-160-contrast:#000;
--eui-bc-accent-140:#ff9d0a;
--eui-bc-accent-140-contrast:#000;
--eui-bc-accent-130:#ffa724;
--eui-bc-accent-130-contrast:#000;
--eui-bc-accent-120:#ffad33;
--eui-bc-accent-120-contrast:#000;
--eui-bc-accent-110:#ffb74d;
--eui-bc-accent-110-contrast:#000;
--eui-bc-accent-100:#ffbe5c;
--eui-bc-accent-100-contrast:#000;
--eui-bc-accent-80:#ffcb7c;
--eui-bc-accent-80-contrast:#000;
--eui-bc-accent-60:#ffd89d;
--eui-bc-accent-60-contrast:#000;
--eui-bc-accent-40:#ffe5be;
--eui-bc-accent-40-contrast:#000;
--eui-bc-accent-20:#fff2de;
--eui-bc-accent-20-contrast:#000;
--eui-bc-accent-10:#fff9ef;
--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-c-white:var(--eui-bc-neutral-0);
--eui-c-neutral-min:var(--eui-bc-neutral-0);
--eui-c-black:var(--eui-bc-neutral-160);
--eui-c-neutral-max:var(--eui-bc-neutral-160);
--eui-c-bg:var(--eui-bc-neutral-2);
--eui-c-text:var(--eui-bc-neutral-100);
--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-10);
--eui-c-disabled:var(--eui-bc-neutral-60);
--eui-c-neutral:var(--eui-bc-neutral-100);
--eui-c-neutral-contrast:var(--eui-bc-neutral-100-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-neutral-bg-lightest:var(--eui-bc-neutral-2);
--eui-c-neutral-bg-lightest-contrast:var(--eui-bc-neutral-2-contrast);
--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-primary:var(--eui-bc-primary-100);
--eui-c-primary-contrast:var(--eui-bc-primary-100-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-120);
--eui-c-primary-dark-contrast:var(--eui-bc-primary-120-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-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-120);
--eui-c-info-dark-contrast:var(--eui-bc-info-120-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-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-120);
--eui-c-accent-dark-contrast:var(--eui-bc-accent-120-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-60);
--eui-c-accent-lighter-contrast:var(--eui-bc-accent-60-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-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-120);
--eui-c-success-dark-contrast:var(--eui-bc-success-120-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-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-120);
--eui-c-warning-dark-contrast:var(--eui-bc-warning-120-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-60);
--eui-c-warning-lighter-contrast:var(--eui-bc-warning-60-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-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-120);
--eui-c-danger-dark-contrast:var(--eui-bc-danger-120-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-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-xs-compact:normal normal 400 0.75rem/1rem var(--eui-f-family);
--eui-f-xs:normal normal 400 0.75rem/1.25rem var(--eui-f-family);
--eui-f-xs-bold-compact:normal normal 700 0.75rem/1rem var(--eui-f-family);
--eui-f-xs-bold:normal normal 700 0.75rem/1.25rem var(--eui-f-family);
--eui-f-s-compact:normal normal 400 0.875rem/1rem var(--eui-f-family);
--eui-f-s:normal normal 400 0.875rem/1.25rem var(--eui-f-family);
--eui-f-s-bold-compact:normal normal 700 0.875rem/1rem var(--eui-f-family);
--eui-f-s-bold:normal normal 700 0.875rem/1.25rem var(--eui-f-family);
--eui-f-m-compact:normal normal 400 1rem/1.25rem var(--eui-f-family);
--eui-f-m:normal normal 400 1rem/1.5rem var(--eui-f-family);
--eui-f-m-bold-compact:normal normal 700 1rem/1.25rem var(--eui-f-family);
--eui-f-m-bold:normal normal 700 1rem/1.5rem var(--eui-f-family);
--eui-f-l-compact:normal normal 400 1.25rem/1.5rem var(--eui-f-family);
--eui-f-l:normal normal 400 1.25rem/1.75rem var(--eui-f-family);
--eui-f-l-bold-compact:normal normal 700 1.25rem/1.5rem var(--eui-f-family);
--eui-f-l-bold:normal normal 700 1.25rem/1.75rem var(--eui-f-family);
--eui-f-xl-compact:normal normal 400 1.5rem/1.75rem var(--eui-f-family);
--eui-f-xl:normal normal 400 1.5rem/2.25rem var(--eui-f-family);
--eui-f-xl-bold-compact:normal normal 700 1.5rem/1.75rem var(--eui-f-family);
--eui-f-xl-bold:normal normal 700 1.5rem/2.25rem var(--eui-f-family);
--eui-f-2xl-compact:normal normal 400 1.75rem/2rem var(--eui-f-family);
--eui-f-2xl:normal normal 400 1.75rem/2.5rem var(--eui-f-family);
--eui-f-2xl-bold-compact:normal normal 700 1.75rem/2rem var(--eui-f-family);
--eui-f-2xl-bold:normal normal 700 1.75rem/2.5rem var(--eui-f-family);
--eui-f-3xl-compact:normal normal 400 2rem/2.5rem var(--eui-f-family);
--eui-f-3xl:normal normal 400 2rem/2.75rem var(--eui-f-family);
--eui-f-3xl-bold:normal normal 700 2rem/2.5rem var(--eui-f-family);
--eui-f-3xl-bold-compact:normal normal 700 2rem/2.75rem var(--eui-f-family);
--eui-f-4xl-compact:normal normal 400 2.5rem/2.75rem var(--eui-f-family);
--eui-f-4xl:normal normal 400 2.5rem/3rem var(--eui-f-family);
--eui-f-4xl-bold-compact:normal normal 700 2.5rem/2.75rem var(--eui-f-family);
--eui-f-4xl-bold:normal normal 700 2.5rem/3rem var(--eui-f-family);
--eui-f-5xl-compact:normal normal 400 2.75rem/3rem var(--eui-f-family);
--eui-f-5xl:normal normal 400 2.75rem/3.25rem var(--eui-f-family);
--eui-f-5xl-bold-compact:normal normal 700 2.75rem/3rem var(--eui-f-family);
--eui-f-5xl-bold:normal normal 700 2.75rem/3.25rem var(--eui-f-family);
--eui-f-6xl-compact:normal normal 400 3rem/3.25rem var(--eui-f-family);
--eui-f-6xl:normal normal 400 3rem/3.5rem var(--eui-f-family);
--eui-f-6xl-bold-compact:normal normal 700 3rem/3.25rem var(--eui-f-family);
--eui-f-6xl-bold:normal normal 700 3rem/3.5rem var(--eui-f-family);
--eui-f-size-xs:0.75rem;
--eui-f-size-s:0.875rem;
--eui-f-size-m:1rem;
--eui-f-size-l:1.25rem;
--eui-f-size-xl:1.5rem;
--eui-f-size-2xl:1.75rem;
--eui-f-size-3xl:2rem;
--eui-f-size-4xl:2.5rem;
--eui-f-size-5xl:2.75rem;
--eui-f-size-6xl:3rem;
--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-s-none:0;
--eui-s-3xs:0.125rem;
--eui-s-2xs:0.25rem;
--eui-s-xs:0.5rem;
--eui-s-s:0.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-br-none:0;
--eui-br-s:2px;
--eui-br-m:4px;
--eui-br-l:6px;
--eui-br-xl:8px;
--eui-br-max:999px;
--eui-bw-none:0;
--eui-bw-xs:1px;
--eui-bw-s:2px;
--eui-bw-m:4px;
--eui-is-2xs:0.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-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-o-none:0;
--eui-o-25:0.25;
--eui-o-50:0.5;
--eui-o-75:0.75;
--eui-o-100:1;
--eui-sh-none:none;
--eui-sh-ecl-1:0 0 1px #26324b0f,2px 2px 2px #26324b0d,4px 4px 6px #26324b0d,0 1px 0 #e0e5f5 inset;
--eui-sh-ecl-6:0 0 6px #26324b0f,12px 12px 12px #26324b0d,24px 24px 36px #26324b0d,0 1px 0 #e0e5f5 inset;
--eui-sh-ecl-12:0 0 12px #26324b0f,24px 24px 24px #26324b0d,48px 48px 72px #26324b0d,0 1px 0 #e0e5f5 inset;
--eui-sh-ecl-16:0 0 16px #26324b0f,32px 32px 32px #26324b0d,64px 64px 96px #26324b0d,0 1px 0 #e0e5f5 inset;
--eui-sh-1:0 2px 1px -1px #0003,0 1px 1px 0 #00000024,0 1px 3px 0 #0000001f;
--eui-sh-2:0 3px 1px -2px #0003,0 2px 2px 0 #00000024,0 1px 5px 0 #0000001f;
--eui-sh-3:0 3px 1px -2px #0003,0 3px 4px 0 #00000024,0 1px 8px 0 #0000001f;
--eui-sh-4:0 2px 4px -1px #0003,0 4px 5px 0 #00000024,0 1px 10px 0 #0000001f;
--eui-sh-6:0px 3px 5px -1px #0003,0px 6px 10px 0px #00000024,0px 1px 18px 0px #0000001f;
--eui-sh-8:0px 5px 5px -3px #0003,0px 8px 10px 1px #00000024,0px 3px 14px 2px #0000001f;
--eui-sh-9:0px 5px 6px -3px #0003,0px 9px 12px 1px #00000024,0px 3px 16px 2px #0000001f;
--eui-sh-12:0px 7px 8px -4px #0003,0px 12px 17px 2px #00000024,0px 5px 22px 4px #0000001f;
--eui-sh-16:0px 8px 10px -5px #0003,0px 16px 24px 2px #00000024,0px 6px 30px 5px #0000001f;
--eui-sh-24:0px 11px 15px -7px #0003,0px 24px 38px 3px #00000024,0px 9px 46px 8px #0000001f;
--eui-sh-z-depth-0:0 1px 0 #00000014,0 1px 1px #00000014;
--eui-sh-z-depth-1:0 1px 3px #0000001f,0 1px 2px #0000003d;
--eui-sh-z-depth-2:0 3px 6px #00000029,0 3px 6px #0000003b;
--eui-sh-z-depth-3:0 10px 20px #00000030,0 6px 6px #0000003b;
--eui-sh-z-depth-4:0 14px 28px #00000040,0 10px 10px #00000038;
--eui-sh-z-depth-5:0 19px 38px #0000004d,0 15px 12px #00000038;
--eui-base-line-height:1.5;
--eui-base-scale-factor:1;
--eui-base-animation-linear-out-slow-in-timing-function:cubic-bezier(0,0,0.2,1);
--eui-base-animation-fast-out-slow-in-timing-function:cubic-bezier(0.4,0,0.2,1);
--eui-base-animation-fast-out-linear-in-timing-function:cubic-bezier(0.4,0,1,1);
--eui-base-animation-ease-timing-function:cubic-bezier(0.25,0.1,0.25,1);
--eui-base-animation-ease-in-out-timing-function:ease-in-out;
--eui-base-animation-duration-fast:0.25s;
--eui-base-animation-duration-medium:0.5s;
--eui-base-animation-duration-slow:1s;
--eui-base-animation-duration-base:500ms;
--eui-base-animation-duration:var(--eui-base-animation-duration-base);
--eui-base-animation-transition-base:all 0.2s var(--eui-base-animation-linear-out-slow-in-timing-function);
--eui-base-animation-transition-ease:all 0.2s var(--eui-base-animation-ease-timing-function);
--eui-base-animation-transition-ease-in-out:all 0.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-primary-lighter);
--eui-internal-icon-checkmark-path:url("./media/check-OQN7NAFS.svg");
--eui-internal-icon-remove-path:url("./media/remove-KUA3E2B5.svg");
--eui-internal-icon-ellipse-path:url("./media/ellipse-CRS46V4A.svg");
--eui-internal-icon-external-path:url("./media/external-BXHU2HHV.svg");
--eui-internal-icon-chevron-down-path:url("./media/chevron-down-AQKMYWZT.svg");
--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-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-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;
}
.sm,
.xs {
--eui-app-header-height:0px;
}
.eui-icon-svg {
fill: currentColor;
align-items: center;
display: inline-flex;
margin: 0;
transform: scaleX(1) scaleY(1) rotate(0deg);
transition: transform .3s ease-in-out;
}
.row {
--bs-gutter-x:1.5rem;
--bs-gutter-y:0;
display: flex;
flex-wrap: wrap;
margin-left: calc(var(--bs-gutter-x)*-.5);
margin-right: calc(var(--bs-gutter-x)*-.5);
margin-top: calc(var(--bs-gutter-y)*-1);
}
.row > * {
box-sizing: border-box;
flex-shrink: 0;
margin-top: var(--bs-gutter-y);
max-width: 100%;
padding-left: calc(var(--bs-gutter-x)*.5);
padding-right: calc(var(--bs-gutter-x)*.5);
width: 100%;
}
.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:0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y:0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x:0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y:0.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:0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y:0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x:0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y:0.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:0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y:0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x:0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y:0.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:0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y:0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x:0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y:0.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:0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y:0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x:0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y:0.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:0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y:0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x:0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y:0.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:0.25rem;
}
.g-xxxl-1,
.gy-xxxl-1 {
--bs-gutter-y:0.25rem;
}
.g-xxxl-2,
.gx-xxxl-2 {
--bs-gutter-x:0.5rem;
}
.g-xxxl-2,
.gy-xxxl-2 {
--bs-gutter-y:0.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;
}
}
.mat-ripple {
overflow: hidden;
position: relative;
}
.mat-ripple:not(:empty) {
transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
overflow: visible;
}
.mat-ripple-element {
background-color: var(--mat-ripple-color,rgba(0,0,0,.102));
border-radius: 50%;
pointer-events: none;
position: absolute;
transform: scale3d(0, 0, 0);
transition: opacity, transform 0ms cubic-bezier(0, 0, .2, 1);
}
.cdk-high-contrast-active .mat-ripple-element {
display: none;
}
.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;
}
[dir=rtl] .cdk-visually-hidden {
left: auto;
right: 0;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-container {
height: 100%;
left: 0;
pointer-events: none;
top: 0;
width: 100%;
}
.cdk-overlay-container {
position: fixed;
z-index: 1000;
}
.cdk-overlay-container:empty {
display: none;
}
.cdk-global-overlay-wrapper,
.cdk-overlay-pane {
display: flex;
position: absolute;
z-index: 1000;
}
.cdk-overlay-pane {
box-sizing: border-box;
max-height: 100%;
max-width: 100%;
pointer-events: auto;
}
.cdk-overlay-backdrop {
-webkit-tap-highlight-color: transparent;
bottom: 0;
left: 0;
opacity: 0;
pointer-events: auto;
position: absolute;
right: 0;
top: 0;
transition: opacity .4s cubic-bezier(.25, .8, .25, 1);
z-index: 1000;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
opacity: .6;
}
.cdk-overlay-dark-backdrop {
background: rgba(0, 0, 0, .322);
}
.cdk-overlay-transparent-backdrop {
opacity: 1;
transition: visibility 1ms linear, opacity 1ms linear;
visibility: hidden;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
opacity: 0;
visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
transition: none;
}
.cdk-overlay-connected-position-bounding-box {
display: flex;
flex-direction: column;
min-height: 1px;
min-width: 1px;
position: absolute;
z-index: 1000;
}
.cdk-global-scrollblock {
overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
resize: none;
}
textarea.cdk-textarea-autosize-measuring {
box-sizing: initial !important;
height: auto !important;
overflow: hidden !important;
padding: 2px 0 !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
box-sizing: initial !important;
height: 0 !important;
padding: 2px 0 !important;
}
@keyframes cdk-text-field-autofill-start {
}
@keyframes cdk-text-field-autofill-end {
}
.cdk-text-field-autofill-monitored:-webkit-autofill {
animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
position: relative;
}
.mat-focus-indicator:before {
border: var(--mat-focus-indicator-border-width,3px) var(--mat-focus-indicator-border-style,solid) var(--mat-focus-indicator-border-color,#0000);
border-radius: var(--mat-focus-indicator-border-radius,4px);
bottom: 0;
box-sizing: border-box;
display: var(--mat-focus-indicator-display,none);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.mat-focus-indicator:focus:before {
content: "";
}
.cdk-high-contrast-active {
--mat-focus-indicator-display:block;
}
.mat-mdc-focus-indicator {
position: relative;
}
.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,#0000);
border-radius: var(--mat-mdc-focus-indicator-border-radius,4px);
bottom: 0;
box-sizing: border-box;
display: var(--mat-mdc-focus-indicator-display,none);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
}
.mat-mdc-focus-indicator:focus:before {
content: "";
}
.cdk-high-contrast-active {
--mat-mdc-focus-indicator-display:block;
}
.mat-app-background {
background-color: var(--mat-app-background-color,#0000);
color: var(--mat-app-text-color,inherit);
}
html {
--mat-datepicker-calendar-container-shape:4px;
--mat-datepicker-calendar-container-touch-shape:4px;
--mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px #0003,0px 4px 5px 0px #00000024,0px 1px 10px 0px #0000001f;
--mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px #0003,0px 24px 38px 3px #00000024,0px 9px 46px 8px #0000001f;
--mat-datepicker-calendar-date-selected-state-text-color:#fff;
--mat-datepicker-calendar-date-selected-state-background-color:#004494;
--mat-datepicker-calendar-date-selected-disabled-state-background-color:#00449466;
--mat-datepicker-calendar-date-today-selected-state-outline-color:#fff;
--mat-datepicker-calendar-date-focus-state-background-color:#0044944d;
--mat-datepicker-calendar-date-hover-state-background-color:#0044944d;
--mat-datepicker-toggle-active-state-icon-color:#004494;
--mat-datepicker-calendar-date-in-range-state-background-color:#00449433;
--mat-datepicker-calendar-date-in-comparison-range-state-background-color:#f9ab0033;
--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
--mat-datepicker-toggle-icon-color:#0000008a;
--mat-datepicker-calendar-body-label-text-color:#0000008a;
--mat-datepicker-calendar-period-button-text-color:#000;
--mat-datepicker-calendar-period-button-icon-color:#0000008a;
--mat-datepicker-calendar-navigation-button-icon-color:#0000008a;
--mat-datepicker-calendar-header-divider-color:#0000001f;
--mat-datepicker-calendar-header-text-color:#0000008a;
--mat-datepicker-calendar-date-today-outline-color:#00000061;
--mat-datepicker-calendar-date-today-disabled-state-outline-color:#0000002e;
--mat-datepicker-calendar-date-text-color:#000000de;
--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:#fff;
--mat-datepicker-calendar-container-text-color:#000000de;
}
.mat-datepicker-content.mat-accent {
--mat-datepicker-calendar-date-selected-state-text-color:#999;
--mat-datepicker-calendar-date-selected-state-background-color:#fffcf4;
--mat-datepicker-calendar-date-selected-disabled-state-background-color:#fffcf466;
--mat-datepicker-calendar-date-today-selected-state-outline-color:#999;
--mat-datepicker-calendar-date-focus-state-background-color:#fffcf44d;
--mat-datepicker-calendar-date-hover-state-background-color:#fffcf44d;
--mat-datepicker-calendar-date-in-range-state-background-color:#fffcf433;
--mat-datepicker-calendar-date-in-comparison-range-state-background-color:#f9ab0033;
--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-content.mat-warn {
--mat-datepicker-calendar-date-selected-state-text-color:#fff;
--mat-datepicker-calendar-date-selected-state-background-color:#f44336;
--mat-datepicker-calendar-date-selected-disabled-state-background-color:#f4433666;
--mat-datepicker-calendar-date-today-selected-state-outline-color:#fff;
--mat-datepicker-calendar-date-focus-state-background-color:#f443364d;
--mat-datepicker-calendar-date-hover-state-background-color:#f443364d;
--mat-datepicker-calendar-date-in-range-state-background-color:#f4433633;
--mat-datepicker-calendar-date-in-comparison-range-state-background-color:#f9ab0033;
--mat-datepicker-calendar-date-in-overlap-range-state-background-color:#a8dab5;
--mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color:#46a35e;
}
.mat-datepicker-toggle-active.mat-accent {
--mat-datepicker-toggle-active-state-icon-color:#fffcf4;
}
.mat-datepicker-toggle-active.mat-warn {
--mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
--mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
--mdc-icon-button-state-layer-size:40px;
height: var(--mdc-icon-button-state-layer-size);
padding: 8px;
width: var(--mdc-icon-button-state-layer-size);
}
.mat-calendar {
font-family: var(--eui-f-family) !important;
font-size: small !important;
}
.mat-calendar.mat-calendar-year .mat-calendar-period-button {
display: none;
}
.cdk-drag-handle {
cursor: move !important;
}
.cdk-drop-list {
display: flex;
min-width: 100%;
}
.cdk-drop-list:not(.cdk-drop-list-disabled) {
min-height: var(--eui-s-xl);
}
.cdk-drop-list-dragging .cdk-drag {
transition: transform .25s cubic-bezier(0, 0, .2, 1);
}
.cdk-drag-animating {
transition: transform .3s cubic-bezier(0, 0, .2, 1);
}
.cdk-drag-preview {
background-color: initial;
box-shadow: none;
cursor: grab !important;
display: table;
margin: 0 !important;
opacity: 1;
position: relative;
}
.cdk-drag-dragging {
opacity: 1;
}
.cdk-drag-placeholder {
background-color: initial;
opacity: .35;
}
.cdk-drag-placeholder:hover {
outline: 2px dashed var(--eui-c-neutral-lighter);
outline-offset: 2px;
}
.cdk-global-scrollblock {
left: 0 !important;
overflow-y: visible;
position: fixed;
width: 100%;
}
.cdk-global-scrollblock::-webkit-scrollbar {
background-color: var(--eui-c-neutral-bg-light);
display: inherit;
height: 8px;
width: 8px;
}
.cdk-global-scrollblock::-webkit-scrollbar-thumb {
background-color: var(--eui-c-neutral-lightest);
border-radius: 5rem;
}
.cdk-global-scrollblock::-webkit-scrollbar-thumb:hover {
background-color: var(--eui-c-neutral-lighter);
}
.cdk-global-scrollblock::-webkit-scrollbar-track {
background-color: var(--eui-c-neutral-bg-light);
border-radius: 0;
}
@-moz-document url-prefix() {
.cdk-global-scrollblock {
scrollbar-color: var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);
scrollbar-width: auto;
}
}
@media screen and (max-width:767px) {
.cdk-global-scrollblock {
height: 100%;
overflow: auto;
position: fixed;
width: 100%;
}
.cdk-global-scrollblock::-webkit-scrollbar {
background-color: var(--eui-c-neutral-bg-light);
display: inherit;
height: 8px;
width: 8px;
}
.cdk-global-scrollblock::-webkit-scrollbar-thumb {
background-color: var(--eui-c-neutral-lightest);
border-radius: 5rem;
}
.cdk-global-scrollblock::-webkit-scrollbar-thumb:hover {
background-color: var(--eui-c-neutral-lighter);
}
.cdk-global-scrollblock::-webkit-scrollbar-track {
background-color: var(--eui-c-neutral-bg-light);
border-radius: 0;
}
@-moz-document url-prefix() {
.cdk-global-scrollblock {
scrollbar-color: var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);
scrollbar-width: auto;
}
}
}
.cdk-overlay-container {
z-index: var(--eui-zi-cdk-overlay-container);
}
.cdk-overlay-container .mat-menu-panel {
max-width: inherit;
min-height: var(--eui-s-l);
}
.cdk-overlay-container .mat-menu-panel::-webkit-scrollbar {
background-color: var(--eui-c-neutral-bg-light);
display: inherit;
height: 8px;
width: 8px;
}
.cdk-overlay-container .mat-menu-panel::-webkit-scrollbar-thumb {
background-color: var(--eui-c-neutral-lightest);
border-radius: 5rem;
}
.cdk-overlay-container .mat-menu-panel::-webkit-scrollbar-thumb:hover {
background-color: var(--eui-c-neutral-lighter);
}
.cdk-overlay-container .mat-menu-panel::-webkit-scrollbar-track {
background-color: var(--eui-c-neutral-bg-light);
border-radius: 0;
}
@-moz-document url-prefix() {
.cdk-overlay-container .mat-menu-panel {
scrollbar-color: var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);
scrollbar-width: auto;
}
}
.cdk-overlay-container .mat-autocomplete-panel::-webkit-scrollbar {
background-color: var(--eui-c-neutral-bg-light);
display: inherit;
height: 8px;
width: 8px;
}
.cdk-overlay-container .mat-autocomplete-panel::-webkit-scrollbar-thumb {
background-color: var(--eui-c-neutral-lightest);
border-radius: 5rem;
}
.cdk-overlay-container .mat-autocomplete-panel::-webkit-scrollbar-thumb:hover {
background-color: var(--eui-c-neutral-lighter);
}
.cdk-overlay-container .mat-autocomplete-panel::-webkit-scrollbar-track {
background-color: var(--eui-c-neutral-bg-light);
border-radius: 0;
}
@-moz-document url-prefix() {
.cdk-overlay-container .mat-autocomplete-panel {
scrollbar-color: var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);
scrollbar-width: auto;
}
}
@media screen and (max-width:767px) {
.cdk-overlay-container {
height: 100vh;
height: calc(var(--eui-app-vh, 1vh)*100);
left: 0;
position: fixed;
top: 0;
width: 100vw;
}
}
.cdk-overlay-pane {
background-color: var(--eui-c-white);
z-index: var(--eui-zi-cdk-overlay-pane);
}
.cdk-virtual-scrollable::-webkit-scrollbar {
background-color: var(--eui-c-neutral-bg-light);
display: inherit;
height: 8px;
width: 8px;
}
.cdk-virtual-scrollable::-webkit-scrollbar-thumb {
background-color: var(--eui-c-neutral-lightest);
border-radius: 5rem;
}
.cdk-virtual-scrollable::-webkit-scrollbar-thumb:hover {
background-color: var(--eui-c-neutral-lighter);
}
.cdk-virtual-scrollable::-webkit-scrollbar-track {
background-color: var(--eui-c-neutral-bg-light);
border-radius: 0;
}
@-moz-document url-prefix() {
.cdk-virtual-scrollable {
scrollbar-color: var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-light);
scrollbar-width: auto;
}
}
:focus,
:focus-visible {
outline: none;
}
[type=reset],
[type=submit],
button,
html [type=button] {
appearance: none;
}
html {
display: block;
font-size: var(--eui-f-size-base);
}
body,
html {
height: 100%;
line-height: var(--eui-base-line-height);
}
body {
font-feature-settings: "liga";
-moz-font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
background-color: var(--eui-c-bg);
color: var(--eui-c-text);
font-family: var(--eui-f-family);
font-size: var(--eui-f-size-base);
font-style: normal;
font-weight: 400;
margin: 0;
text-align: start;
text-rendering: optimizeLegibility;
}
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;
}
table.eui-table-default {
background-color: initial;
border-collapse: collapse;
border-spacing: 0;
color: var(--eui-c-text);
max-width: 100%;
overflow: auto;
position: relative;
}
table.eui-table-default td,
table.eui-table-default th {
border: 1px solid var(--eui-c-neutral-bg-light);
}
table.eui-table-default td:first-child,
table.eui-table-default th:first-child {
border-left: 0;
}
table.eui-table-default td:last-child,
table.eui-table-default th:last-child {
border-right: 0;
}
table.eui-table-default tbody > tr > td,
table.eui-table-default tfoot > tr > td,
table.eui-table-default thead > tr > th {
vertical-align: top;
}
table.eui-table-default tr > td,
table.eui-table-default tr > th {
padding: var(--eui-s-s);
text-align: left;
}
table.eui-table-default thead th {
color: var(--eui-c-text);
font-size: var(--eui-f-size-base);
font: var(--eui-f-m-bold);
padding: var(--eui-s-m) var(--eui-s-s);
vertical-align: middle;
}
table.eui-table-default thead tr {
background: var(--eui-c-neutral-bg);
border-top: 0;
}
table.eui-table-default tbody {
-webkit-overflow-scrolling: touch;
}
table.eui-table-default tbody tr:nth-of-type(odd) {
background-color: var(--eui-c-bg);
}
table.eui-table-default tbody tr:nth-of-type(odd):hover {
background-color: var(--eui-c-primary-bg);
}
table.eui-table-default tbody tr:nth-of-type(2n) {
background-color: var(--eui-c-neutral-bg-light);
}
table.eui-table-default tbody tr:nth-of-type(2n):hover {
background-color: var(--eui-c-primary-bg);
}
table.eui-table-default tfoot tr {
background: var(--eui-c-neutral-bg);
}
table.eui-table-default tr {
border-bottom: 1px solid var(--eui-c-bg0);
display: table-row;
}
table.eui-table-default--compact thead th {
padding: var(--eui-s-xs) var(--eui-s-s);
}
table.eui-table-default--compact tr > td {
padding: var(--eui-s-2xs) var(--eui-s-s);
}
table.eui-table-default--responsive {
display: table;
width: 100%;
}
table.eui-table-default--responsive--bordered {
border: 0;
}
table.eui-table-default--nowrap,
table.eui-table-default--nowrap tbody > tr > td,
table.eui-table-default--nowrap tfoot > tr > td,
table.eui-table-default--nowrap thead > tr > th {
white-space: nowrap;
}
table.eui-table-default--centered {
display: table;
margin: 0 auto;
width: auto;
}
table.eui-table-default--align-middle tbody > tr > td,
table.eui-table-default--align-middle tfoot > tr > td,
table.eui-table-default--align-middle thead > tr > th {
vertical-align: middle;
}
.eui-clearable-wrapper {
align-items: center;
display: flex;
position: relative;
width: 100%;
}
.eui-clearable-wrapper .eui-input-text--clearable-icon {
bottom: calc(var(--eui-s-s) - 2px);
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-clearable-wrapper .eui-input-text--clearable-icon:focus:not([readonly]) {
outline: 2px solid var(--eui-c-focus) !important;
outline-offset: -2px !important;
transition: none;
}
.eui-clearable-wrapper .eui-input-text--clearable-icon [tabindex="0"]:focus:not([readonly]),
.eui-clearable-wrapper .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-clearable-wrapper .eui-input-text--clearable-icon > svg {
fill: var(--eui-c-neutral-lighter);
}
.eui-clearable-wrapper .eui-input-text--clearable-icon > svg:hover {
fill: var(--eui-c-danger);
}
.eui-input-maxlength-wrapper {
position: relative;
width: 100%;
}
.eui-input-maxlength-wrapper .eui-input-maxlength {
background-color: var(--eui-c-neutral-bg);
border: 1px solid var(--eui-c-neutral-lighter);
border-radius: var(--eui-br-m);
color: var(--eui-c-text);
font: var(--eui-f-xs);
padding: 0 var(--eui-s-2xs);
position: absolute;
right: calc(var(--eui-s-xs)*-1);
top: calc(var(--eui-s-xs)*-1);
z-index: var(--eui-zi-input-maxlength);
}
.eui-input-maxlength-wrapper .eui-input-maxlength--invalid {
background-color: var(--eui-c-warning);
border-color: var(--eui-c-warning);
color: var(--eui-c-white);
}
@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
img[src$=".svg"] {
width: 100%;
}
}
@media screen {
img {
-ms-interpolation-mode: bicubic;
background-repeat: no-repeat;
background-size: 100%;
}
}
.cookie-consent-banner {
background: var(--eui-c-primary) !important;
box-shadow: var(--eui-sh-24) !important;
color: var(eui-c-white) !important;
display: block !important;
min-width: 50% !important;
position: absolute !important;
right: 50% !important;
top: var(--eui-s-m) !important;
transform: translateX(50%) !important;
z-index: var(--eui-zi-max) !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 #0000;
border-radius: 50%;
border-top: 10px solid var(--eui-c-warning);
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 #0000;
border-radius: 50%;
border-top: 10px solid var(--eui-c-danger);
bottom: 5px;
content: "";
left: 5px;
position: absolute;
right: 5px;
top: 5px;
}
#loader-wrapper #loader:after {
animation: spin 1s linear infinite;
animation: hourglass 3s linear infinite;
border: 10px solid #0000;
border-radius: 50%;
border-top: 10px solid var(--eui-c-primary);
bottom: 20px;
content: "";
left: 20px;
position: absolute;
right: 20px;
top: 20px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
@keyframes hourglass {
0% {
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
transform: rotate(0);
}
50% {
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: rotate(900deg);
}
to {
transform: rotate(5turn);
}
}
/* node_modules/@eui/styles/dist/eui-utilities.css */
.eui-u-c-black {
color: var(--eui-c-black) !important;
}
.eui-u-c-bg-black {
background-color: var(--eui-c-black) !important;
}
.eui-u-c-bg-black,
.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-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-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-neutral-bg-lightest {
color: var(--eui-c-neutral-bg-lightest) !important;
}
.eui-u-c-bg-neutral-bg-lightest {
background-color: var(--eui-c-neutral-bg-lightest) !important;
color: var(--eui-c-neutral-bg-lightest-contrast) !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-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-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-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-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-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-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-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-f-xs-compact {
font: var(--eui-f-xs-compact) !important;
}
.eui-u-f-xs {
font: var(--eui-f-xs) !important;
}
.eui-u-f-xs-bold-compact {
font: var(--eui-f-xs-bold-compact) !important;
}
.eui-u-f-xs-bold {
font: var(--eui-f-xs-bold) !important;
}
.eui-u-f-s-compact {
font: var(--eui-f-s-compact) !important;
}
.eui-u-f-s {
font: var(--eui-f-s) !important;
}
.eui-u-f-s-bold-compact {
font: var(--eui-f-s-bold-compact) !important;
}
.eui-u-f-s-bold {
font: var(--eui-f-s-bold) !important;
}
.eui-u-f-m-compact {
font: var(--eui-f-m-compact) !important;
}
.eui-u-f-m {
font: var(--eui-f-m) !important;
}
.eui-u-f-m-bold-compact {
font: var(--eui-f-m-bold-compact) !important;
}
.eui-u-f-m-bold {
font: var(--eui-f-m-bold) !important;
}
.eui-u-f-l-compact {
font: var(--eui-f-l-compact) !important;
}
.eui-u-f-l {
font: var(--eui-f-l) !important;
}
.eui-u-f-l-bold-compact {
font: var(--eui-f-l-bold-compact) !important;
}
.eui-u-f-l-bold {
font: var(--eui-f-l-bold) !important;
}
.eui-u-f-xl-compact {
font: var(--eui-f-xl-compact) !important;
}
.eui-u-f-xl {
font: var(--eui-f-xl) !important;
}
.eui-u-f-xl-bold-compact {
font: var(--eui-f-xl-bold-compact) !important;
}
.eui-u-f-xl-bold {
font: var(--eui-f-xl-bold) !important;
}
.eui-u-f-2xl-compact {
font: var(--eui-f-2xl-compact) !important;
}
.eui-u-f-2xl {
font: var(--eui-f-2xl) !important;
}
.eui-u-f-2xl-bold-compact {
font: var(--eui-f-2xl-bold-compact) !important;
}
.eui-u-f-2xl-bold {
font: var(--eui-f-2xl-bold) !important;
}
.eui-u-f-3xl-compact {
font: var(--eui-f-3xl-compact) !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-3xl-bold-compact {
font: var(--eui-f-3xl-bold-compact) !important;
}
.eui-u-f-4xl-compact {
font: var(--eui-f-4xl-compact) !important;
}
.eui-u-f-4xl {
font: var(--eui-f-4xl) !important;
}
.eui-u-f-4xl-bold-compact {
font: var(--eui-f-4xl-bold-compact) !important;
}
.eui-u-f-4xl-bold {
font: var(--eui-f-4xl-bold) !important;
}
.eui-u-f-5xl-compact {
font: var(--eui-f-5xl-compact) !important;
}
.eui-u-f-5xl {
font: var(--eui-f-5xl) !important;
}
.eui-u-f-5xl-bold-compact {
font: var(--eui-f-5xl-bold-compact) !important;
}
.eui-u-f-5xl-bold {
font: var(--eui-f-5xl-bold) !important;
}
.eui-u-f-6xl-compact {
font: var(--eui-f-6xl-compact) !important;
}
.eui-u-f-6xl {
font: var(--eui-f-6xl) !important;
}
.eui-u-f-6xl-bold-compact {
font: var(--eui-f-6xl-bold-compact) !important;
}
.eui-u-f-6xl-bold {
font: var(--eui-f-6xl-bold) !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,
.eui-u-text-truncate {
white-space: nowrap !important;
}
.eui-u-text-truncate {
overflow: hidden !important;
text-overflow: ellipsis !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 {
color: var(--eui-c-primary) !important;
cursor: pointer !important;
text-decoration: underline !important;
}
.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 [tabindex="0"]:focus: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-standalone {
color: var(--eui-c-primary) !important;
cursor: pointer !important;
text-decoration: none !important;
}
.eui-u-text-link-standalone:focus:not([readonly]) {
outline: 2px solid var(--eui-c-focus) !important;
outline-offset: 2px !important;
transition: none;
}
.eui-u-text-link-standalone [tabindex="0"]:focus:not([readonly]),
.eui-u-text-link-standalone:focus-visible: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-standalone:hover {
text-decoration: underline !important;
}
.eui-u-text-link-external {
color: var(--eui-c-primary) !important;
cursor: pointer !important;
position: relative !important;
}
.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 [tabindex="0"]:focus: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:after {
background-color: initial;
background-color: var(--eui-c-primary);
background-position: bottom;
background-repeat: no-repeat;
background-size: 75% 75%;
content: "";
display: inline-block;
height: var(--eui-s-m);
height: 1rem;
margin-left: var(--eui-s-2xs);
mask-image: var(--eui-internal-icon-external-path);
mask-position: 50% 50%;
mask-repeat: no-repeat;
mask-size: cover;
width: var(--eui-s-m);
width: 1rem;
}
.eui-u-text-link-external-standalone {
color: var(--eui-c-primary) !important;
cursor: pointer !important;
position: relative !important;
text-decoration: none !important;
}
.eui-u-text-link-external-standalone:focus:not([readonly]) {
outline: 2px solid var(--eui-c-focus) !important;
outline-offset: 2px !important;
transition: none;
}
.eui-u-text-link-external-standalone [tabindex="0"]:focus:not([readonly]),
.eui-u-text-link-external-standalone:focus-visible:not([readonly]) {
outline: 2px solid var(--eui-c-focus-visible) !important;
outline-offset: 2px !important;
transition: none;
}
.eui-u-text-link-external-standalone:after {
background-color: initial;
background-color: var(--eui-c-primary);
background-position: bottom;
background-repeat: no-repeat;
background-size: 75% 75%;
content: "";
display: inline-block;
height: var(--eui-s-m);
height: 1rem;
margin-left: var(--eui-s-2xs);
mask-image: var(--eui-internal-icon-external-path);
mask-position: 50% 50%;
mask-repeat: no-repeat;
mask-size: cover;
width: var(--eui-s-m);
width: 1rem;
}
.eui-u-text-link-external-standalone:hover {
text-decoration: underline !important;
}
.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 {
word-wrap: break-word !important;
color: var(--eui-c-danger-dark);
}
.eui-u-text-kbd {
background-color: var(--eui-c-neutral-light) !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-danger-dark) !important;
display: block !important;
font-size: 90% !important;
}
.eui-u-text-blockquote {
border-left: var(--eui-s-2xs) solid var(--eui-c-neutral-lighter) !important;
padding: var(--eui-s-xs) var(--eui-s-m) !important;
}
.eui-u-text-mark {
background-color: var(--eui-c-accent-lightest) !important;
padding: var(--eui-s-2xs) !important;
}
.eui-u-text-highlight {
background-color: var(--eui-c-accent-bg) !important;
padding: var(--eui-s-2xs) !important;
}
.eui-u-text-paragraph {
font: var(--eui-f-m) !important;
margin-block-end: var(--eui-s-xs) !important;
margin-block-start: var(--eui-s-xs) !important;
}
.eui-u-text-paragraph:first-child {
margin-block-start: 0 !important;
}
.eui-u-text-paragraph:last-child {
margin-block-end: 0 !important;
}
.eui-u-text-list {
padding-inline-start: var(--eui-s-2xl) !important;
}
.eui-u-text-list-item {
margin-block-end: var(--eui-s-2xs) !important;
margin-block-start: 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;
}
.eui-u-sh-none {
box-shadow: var(--eui-sh-none) !important;
}
.eui-u-sh-ecl-1 {
box-shadow: var(--eui-sh-ecl-1) !important;
}
.eui-u-sh-ecl-6 {
box-shadow: var(--eui-sh-ecl-6) !important;
}
.eui-u-sh-ecl-12 {
box-shadow: var(--eui-sh-ecl-12) !important;
}
.eui-u-sh-ecl-16 {
box-shadow: var(--eui-sh-ecl-16) !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-z-depth-0 {
box-shadow: var(--eui-sh-z-depth-0) !important;
}
.eui-u-sh-z-depth-1 {
box-shadow: var(--eui-sh-z-depth-1) !important;
}
.eui-u-sh-z-depth-2 {
box-shadow: var(--eui-sh-z-depth-2) !important;
}
.eui-u-sh-z-depth-3 {
box-shadow: var(--eui-sh-z-depth-3) !important;
}
.eui-u-sh-z-depth-4 {
box-shadow: var(--eui-sh-z-depth-4) !important;
}
.eui-u-sh-z-depth-5 {
box-shadow: var(--eui-sh-z-depth-5) !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-bottom: var(--eui-s-none) !important;
padding-top: 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-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-bottom: var(--eui-s-3xs) !important;
padding-top: 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-bottom: var(--eui-s-2xs) !important;
padding-top: 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-bottom: var(--eui-s-xs) !important;
padding-top: 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-bottom: var(--eui-s-s) !important;
padding-top: 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-bottom: var(--eui-s-m) !important;
padding-top: 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-bottom: var(--eui-s-l) !important;
padding-top: 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-bottom: var(--eui-s-xl) !important;
padding-top: 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-bottom: var(--eui-s-2xl) !important;
padding-top: 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-bottom: var(--eui-s-3xl) !important;
padding-top: 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-bottom: var(--eui-s-4xl) !important;
padding-top: 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-bottom: var(--eui-s-5xl) !important;
padding-top: 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-bottom: var(--eui-s-6xl) !important;
padding-top: 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-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-bottom: var(--eui-s-none) !important;
margin-top: 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-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-bottom: var(--eui-s-3xs) !important;
margin-top: 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-bottom: var(--eui-s-2xs) !important;
margin-top: 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-bottom: var(--eui-s-xs) !important;
margin-top: 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-bottom: var(--eui-s-s) !important;
margin-top: 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-bottom: var(--eui-s-m) !important;
margin-top: 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-bottom: var(--eui-s-l) !important;
margin-top: 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-bottom: var(--eui-s-xl) !important;
margin-top: 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-bottom: var(--eui-s-2xl) !important;
margin-top: 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-bottom: var(--eui-s-3xl) !important;
margin-top: 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-bottom: var(--eui-s-4xl) !important;
margin-top: 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-bottom: var(--eui-s-5xl) !important;
margin-top: 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-bottom: var(--eui-s-6xl) !important;
margin-top: 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-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-delay: var(--eui-base-animation-delay);
animation-direction: var(--eui-base-animation-direction);
animation-duration: var(--eui-base-animation-duration-base);
animation-fill-mode: var(--eui-base-animation-fill-mode);
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 {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@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-delay: 0s, .3s;
animation-direction: normal, alternate;
animation-duration: .3s, 1.5s;
animation-fill-mode: forwards;
animation-iteration-count: 1, infinite;
animation-name: eui-anim--bob-float, eui-anim--bob;
animation-timing-function: ease-out, ease-in-out;
}
.eui-u-anim.eui-u-anim--buzz {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@keyframes eui-anim--buzz {
10% {
transform: translateX(3px) rotate(2deg);
}
20% {
transform: translateX(-3px) rotate(-2deg);
}
30% {
transform: translateX(3px) rotate(2deg);
}
40% {
transform: translateX(-3px) rotate(-2deg);
}
50% {
transform: translateX(2px) rotate(1deg);
}
60% {
transform: translateX(-2px) rotate(-1deg);
}
70% {
transform: translateX(2px) rotate(1deg);
}
80% {
transform: translateX(-2px) rotate(-1deg);
}
90% {
transform: translateX(1px) rotate(0);
}
to {
transform: translateX(-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-duration: var(--eui-base-animation-duration-medium);
animation-iteration-count: 1;
animation-name: eui-anim--buzz;
animation-timing-function: linear;
}
.eui-u-anim.eui-u-anim--fadeIn {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
animation-duration: var(--eui-base-animation-duration-fast);
animation-name: eui-anim--fadeIn;
backface-visibility: visible;
display: inline-block;
transform: perspective(1px) translateZ(0);
transition-timing-function: ease;
vertical-align: middle;
}
@keyframes eui-anim--fadeIn {
0% {
offset: 0;
opacity: 0;
visibility: visible;
}
to {
offset: 1;
opacity: 1;
}
}
.eui-u-anim.eui-u-anim--fadeOut {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
animation-duration: var(--eui-base-animation-duration-fast);
animation-name: eui-anim--fadeOut;
backface-visibility: visible;
display: inline-block;
transform: perspective(1px) translateZ(0);
transition-timing-function: ease;
vertical-align: middle;
}
@keyframes eui-anim--fadeOut {
0% {
offset: 0;
opacity: 1;
visibility: visible;
}
to {
offset: 1;
opacity: 0;
}
}
.eui-u-anim.eui-u-anim--flipInY {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
animation-duration: var(--eui-base-animation-duration-base);
animation-name: eui-anim--flipInY;
backface-visibility: visible;
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@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 {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
animation-duration: var(--eui-base-animation-duration-base);
animation-name: eui-anim--jackInTheBox;
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@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 {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@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-duration: var(--eui-base-animation-duration-medium);
animation-iteration-count: 1;
animation-name: eui-anim--pop;
animation-timing-function: linear;
}
.eui-u-anim.eui-u-anim--pulsar {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@keyframes eui-anim--pulsar {
0% {
transform: scaleX(1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
to {
transform: scaleX(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-duration: var(--eui-base-animation-duration-fast);
animation-iteration-count: 1;
animation-name: eui-anim--pulsar;
}
.eui-u-anim.eui-u-anim--pulse {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: inline-block;
transform: perspective(1px) translateZ(0);
transition: 1s ease-in-out;
vertical-align: middle;
}
@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-direction: alternate;
animation-duration: var(--eui-base-animation-duration-medium);
animation-iteration-count: 2;
animation-name: eui-anim--pulse;
animation-timing-function: ease-in-out;
transition: 1s ease-in-out;
}
.eui-u-anim.eui-u-anim--slideInDown {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
animation-duration: var(--eui-base-animation-duration-medium);
animation-name: eui-anim--slideInDown;
backface-visibility: visible;
display: inline-block;
transform: perspective(1px) translateZ(0);
transition-timing-function: ease;
vertical-align: middle;
}
@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 {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
animation-duration: var(--eui-base-animation-duration-medium);
animation-name: eui-anim--slideInLeft;
backface-visibility: visible;
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@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 {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
animation-duration: var(--eui-base-animation-duration-medium);
animation-name: eui-anim--slideInRight;
backface-visibility: visible;
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@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 {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
animation-duration: var(--eui-base-animation-duration-medium);
animation-name: eui-anim--slideInUp;
backface-visibility: visible;
display: inline-block;
transform: perspective(1px) translateZ(0);
transition-timing-function: ease;
vertical-align: middle;
}
@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 {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@keyframes eui-anim--spin {
0% {
transform: rotate(0deg);
}
to {
transform: rotate(1turn);
}
}
.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-duration: var(--eui-base-animation-duration-slow);
animation-name: eui-anim--spin;
}
.eui-u-anim.eui-u-anim--wobble {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
display: inline-block;
transform: perspective(1px) translateZ(0);
vertical-align: middle;
}
@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-duration: var(--eui-base-animation-duration-slow);
animation-iteration-count: 1;
animation-name: eui-anim--wobble;
animation-timing-function: var(--eui-base-animation-ease-in-out-timing-function);
}
.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-primary) !important;
}
.eui-u-border-state-secondary {
border-left: var(--eui-bw-m) solid var(--eui-c-neutral-light) !important;
}
.eui-u-border-state-info {
border-left: var(--eui-bw-m) solid var(--eui-c-info) !important;
}
.eui-u-border-state-success {
border-left: var(--eui-bw-m) solid var(--eui-c-success) !important;
}
.eui-u-border-state-warning {
border-left: var(--eui-bw-m) solid var(--eui-c-warning) !important;
}
.eui-u-border-state-danger {
border-left: var(--eui-bw-m) solid var(--eui-c-danger) !important;
}
.eui-u-border-state-accent {
border-left: var(--eui-bw-m) solid var(--eui-c-accent) !important;
}
.eui-u-border-bottom-separator {
border-bottom: var(--eui-bw-xs) solid var(--eui-c-neutral-lighter) !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;
}
.eui-u-display-print-only {
display: none !important;
}
.eui-u-display-hidden-desktop-down {
display: initial;
}
.eui-u-display-scrollbars::-webkit-scrollbar {
background-color: var(--eui-c-neutral-bg-light);
display: inherit;
height: 8px;
width: 8px;
}
.eui-u-display-scrollbars::-webkit-scrollbar-thumb {
background-color: var(--eui-c-neutral-lightest);
border-radius: 5rem;
}
.eui-u-display-scrollbars::-webkit-scrollbar-thumb:hover {
background-color: var(--eui-c-neutral-lighter);
}
.eui-u-display-scrollbars::-webkit-scrollbar-track {
background-color: var(--eui-c-neutral-bg-light);
border-radius: 0;
}
@-moz-document url-prefix() {
.eui-u-display-scrollbars {
scrollbar-color: var(--eui-c-neutral-lighter) var(--eui-c-neutral-bg-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-inline-flex {
align-items: center !important;
display: inline-flex !important;
}
.eui-u-display-flex {
display: flex !important;
}
.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;
}
.eui-u-flex-no-shrink,
.eui-u-flex-shrink {
flex-shrink: 0 !important;
}
.eui-u-flex-gap-none {
gap: 0 !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-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-1 {
max-width: calc(var(--eui-s-m)*1);
min-width: calc(var(--eui-s-m)*1);
width: calc(var(--eui-s-m)*1) !important;
}
.eui-u-width-2 {
max-width: calc(var(--eui-s-m)*2);
min-width: calc(var(--eui-s-m)*2);
width: calc(var(--eui-s-m)*2) !important;
}
.eui-u-width-3 {
max-width: calc(var(--eui-s-m)*3);
min-width: calc(var(--eui-s-m)*3);
width: calc(var(--eui-s-m)*3) !important;
}
.eui-u-width-4 {
max-width: calc(var(--eui-s-m)*4);
min-width: calc(var(--eui-s-m)*4);
width: calc(var(--eui-s-m)*4) !important;
}
.eui-u-width-5 {
max-width: calc(var(--eui-s-m)*5);
min-width: calc(var(--eui-s-m)*5);
width: calc(var(--eui-s-m)*5) !important;
}
.eui-u-width-6 {
max-width: calc(var(--eui-s-m)*6);
min-width: calc(var(--eui-s-m)*6);
width: calc(var(--eui-s-m)*6) !important;
}
.eui-u-width-7 {
max-width: calc(var(--eui-s-m)*7);
min-width: calc(var(--eui-s-m)*7);
width: calc(var(--eui-s-m)*7) !important;
}
.eui-u-width-8 {
max-width: calc(var(--eui-s-m)*8);
min-width: calc(var(--eui-s-m)*8);
width: calc(var(--eui-s-m)*8) !important;
}
.eui-u-width-9 {
max-width: calc(var(--eui-s-m)*9);
min-width: calc(var(--eui-s-m)*9);
width: calc(var(--eui-s-m)*9) !important;
}
.eui-u-width-10 {
max-width: calc(var(--eui-s-m)*10);
min-width: calc(var(--eui-s-m)*10);
width: calc(var(--eui-s-m)*10) !important;
}
.eui-u-width-11 {
max-width: calc(var(--eui-s-m)*11);
min-width: calc(var(--eui-s-m)*11);
width: calc(var(--eui-s-m)*11) !important;
}
.eui-u-width-12 {
max-width: calc(var(--eui-s-m)*12);
min-width: calc(var(--eui-s-m)*12);
width: calc(var(--eui-s-m)*12) !important;
}
.eui-u-width-13 {
max-width: calc(var(--eui-s-m)*13);
min-width: calc(var(--eui-s-m)*13);
width: calc(var(--eui-s-m)*13) !important;
}
.eui-u-width-14 {
max-width: calc(var(--eui-s-m)*14);
min-width: calc(var(--eui-s-m)*14);
width: calc(var(--eui-s-m)*14) !important;
}
.eui-u-width-15 {
max-width: calc(var(--eui-s-m)*15);
min-width: calc(var(--eui-s-m)*15);
width: calc(var(--eui-s-m)*15) !important;
}
.eui-u-width-16 {
max-width: calc(var(--eui-s-m)*16);
min-width: calc(var(--eui-s-m)*16);
width: calc(var(--eui-s-m)*16) !important;
}
.eui-u-width-17 {
max-width: calc(var(--eui-s-m)*17);
min-width: calc(var(--eui-s-m)*17);
width: calc(var(--eui-s-m)*17) !important;
}
.eui-u-width-18 {
max-width: calc(var(--eui-s-m)*18);
min-width: calc(var(--eui-s-m)*18);
width: calc(var(--eui-s-m)*18) !important;
}
.eui-u-width-19 {
max-width: calc(var(--eui-s-m)*19);
min-width: calc(var(--eui-s-m)*19);
width: calc(var(--eui-s-m)*19) !important;
}
.eui-u-width-20 {
max-width: calc(var(--eui-s-m)*20);
min-width: calc(var(--eui-s-m)*20);
width: calc(var(--eui-s-m)*20) !important;
}
.eui-u-width-21 {
max-width: calc(var(--eui-s-m)*21);
min-width: calc(var(--eui-s-m)*21);
width: calc(var(--eui-s-m)*21) !important;
}
.eui-u-width-22 {
max-width: calc(var(--eui-s-m)*22);
min-width: calc(var(--eui-s-m)*22);
width: calc(var(--eui-s-m)*22) !important;
}
.eui-u-width-23 {
max-width: calc(var(--eui-s-m)*23);
min-width: calc(var(--eui-s-m)*23);
width: calc(var(--eui-s-m)*23) !important;
}
.eui-u-width-24 {
max-width: calc(var(--eui-s-m)*24);
min-width: calc(var(--eui-s-m)*24);
width: calc(var(--eui-s-m)*24) !important;
}
.eui-u-width-25 {
max-width: calc(var(--eui-s-m)*25);
min-width: calc(var(--eui-s-m)*25);
width: calc(var(--eui-s-m)*25) !important;
}
.eui-u-width-26 {
max-width: calc(var(--eui-s-m)*26);
min-width: calc(var(--eui-s-m)*26);
width: calc(var(--eui-s-m)*26) !important;
}
.eui-u-width-27 {
max-width: calc(var(--eui-s-m)*27);
min-width: calc(var(--eui-s-m)*27);
width: calc(var(--eui-s-m)*27) !important;
}
.eui-u-width-28 {
max-width: calc(var(--eui-s-m)*28);
min-width: calc(var(--eui-s-m)*28);
width: calc(var(--eui-s-m)*28) !important;
}
.eui-u-width-29 {
max-width: calc(var(--eui-s-m)*29);
min-width: calc(var(--eui-s-m)*29);
width: calc(var(--eui-s-m)*29) !important;
}
.eui-u-width-30 {
max-width: calc(var(--eui-s-m)*30);
min-width: calc(var(--eui-s-m)*30);
width: calc(var(--eui-s-m)*30) !important;
}
.eui-u-sr-only {
clip: rect(0, 0, 0, 0) !important;
border-width: 0 !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
padding: 0 !important;
position: absolute !important;
white-space: nowrap !important;
width: 1px !important;
}
.eui-u-line-clamp-1 {
-webkit-line-clamp: 1;
}
.eui-u-line-clamp-1,
.eui-u-line-clamp-2 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.eui-u-line-clamp-2 {
-webkit-line-clamp: 2;
}
.eui-u-line-clamp-3 {
-webkit-line-clamp: 3;
}
.eui-u-line-clamp-3,
.eui-u-line-clamp-4 {
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
.eui-u-line-clamp-4 {
-webkit-line-clamp: 4;
}
.eui-u-line-clamp-5 {
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
display: -webkit-box;
overflow: hidden;
}
/* node_modules/@ng-select/ng-select/themes/default.theme.css */
.ng-select.ng-select-opened > .ng-select-container {
background: #fff;
border-color: #b3b3b3 #ccc #d9d9d9;
}
.ng-select.ng-select-opened > .ng-select-container:hover {
box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
top: -2px;
border-color: transparent transparent #999;
border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
border-color: transparent transparent #333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
border-color: #007eff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.ng-select.ng-select-disabled > .ng-select-container {
background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
display: none;
}
.ng-select .ng-select-container {
color: #333;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ccc;
min-height: 36px;
align-items: center;
}
.ng-select .ng-select-container:hover {
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.ng-select .ng-select-container .ng-value-container {
align-items: center;
padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
padding-right: 10px;
padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
color: #999;
}
.ng-select.ng-select-single .ng-select-container {
height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
top: 5px;
left: 0;
padding-left: 10px;
padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
padding-right: 10px;
padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
background-color: #f9f9f9;
border: 1px solid #e6e6e6;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
padding-top: 5px;
padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
padding-right: 7px;
padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
font-size: .9em;
margin-bottom: 5px;
color: #333;
background-color: #ebf5ff;
border-radius: 2px;
margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
margin-right: 0;
margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
padding-left: 0;
padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
display: inline-block;
padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
display: inline-block;
padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
background-color: #d1e8ff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
border-right: 1px solid #b8dbff;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
border-left: 1px solid #b8dbff;
border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
border-left: 1px solid #b8dbff;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
border-left: 0;
border-right: 1px solid #b8dbff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
color: #000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
top: 5px;
padding-bottom: 5px;
padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
padding-right: 3px;
padding-left: 0;
}
.ng-select .ng-clear-wrapper {
color: #999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
color: #d0021b;
}
.ng-select .ng-clear-wrapper:focus {
outline: none;
}
.ng-select .ng-spinner-zone {
padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
width: 25px;
padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
padding-left: 5px;
padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
border-color: #999 transparent transparent;
border-style: solid;
border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
left: 0;
}
.ng-dropdown-panel.ng-select-top {
bottom: 100%;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-color: #e6e6e6;
margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
left: 100%;
top: 0;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-color: #e6e6e6;
margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
top: 100%;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-top-color: #e6e6e6;
margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
left: -100%;
top: 0;
border-top-left-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-color: #e6e6e6;
margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
border-bottom: 1px solid #ccc;
padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
border-top: 1px solid #ccc;
padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
-webkit-user-select: none;
user-select: none;
padding: 8px 10px;
font-weight: 500;
color: rgba(0, 0, 0, 0.54);
cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
background-color: #f5faff;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
color: rgba(0, 0, 0, 0.54);
background-color: #ebf5ff;
font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
background-color: #fff;
color: rgba(0, 0, 0, 0.87);
padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
color: #333;
background-color: #ebf5ff;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
background-color: #f5faff;
color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
padding-right: 22px;
padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
font-size: 80%;
font-weight: 400;
padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
padding-left: 5px;
padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
direction: rtl;
text-align: right;
}
/* src/styles.scss */
.ng-select.ng-select-multiple .ng-select-container {
min-height: 40px;
border-radius: 3px;
border-color: var(--eui-c-neutral-lighter);
min-width: 200px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
font-size: 16px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
top: 10px;
}
.w-100 {
width: 100%;
}
.w-50 {
width: 100%;
}
.no-wrap {
white-space: nowrap;
}
.pointer {
cursor: pointer;
}
.align-middle {
vertical-align: middle;
}
.eui-notifications__header-actions {
align-items: center;
display: flex;
margin-left: auto;
}
.eui-notifications__header-actions .eui-button--basic:nth-child(even),
.eui-notifications__header-actions .eui-button--basic:first-child {
display: none;
}
.eui-toolbar-item-notifications {
margin-top: 5px;
}
.eui-overlay-footer {
display: none;
}
.help-item {
margin-left: 15px;
cursor: pointer;
}
.eui-overlay-offset--position-right {
position: fixed;
}
.eui-overlay-offset--width-30 {
right: -30%;
width: 30%;
}
.eui-overlay-offset--width-25 {
right: -25%;
width: 25%;
}
.eui-overlay--is-active {
right: 0 !important;
}
.eui-overlay {
background: var(--eui-bc-primary-0);
border-left: 1px solid var(--eui-c-neutral-lighter);
border-right: 1px solid var(--eui-c-neutral-lighter);
height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
right: -35%;
top: 0;
width: 35%;
z-index: 1045;
transition: var(--eui-base-animation-transition-base);
}
.eui-overlay-wrapper {
color: var(--eui-c-text);
display: flex;
flex-direction: column;
height: 100%;
}
.eui-overlay-header {
align-items: center;
cursor: default;
display: flex;
flex: 0 0 auto;
padding: var(--eui-s-m) var(--eui-s-m) var(--eui-s-m) var(--eui-s-s);
background-color: var(--eui-c-neutral-bg);
border-bottom: 1px solid var(--eui-c-neutral-lightest);
}
.eui-overlay-body {
cursor: auto;
flex: 1 1 auto;
overflow-y: auto;
position: relative;
}
.eui-notifications__header-title {
display: flex;
}
.eui-notifications__header-title-label {
font-size: var(--eui-f-size-l);
font-style: normal;
font-weight: 700;
}
.eui-notifications-items {
margin: 0;
padding: 0;
}
.eui-notification-item {
display: flex;
flex-direction: column;
overflow-y: auto;
margin: 0;
}
.eui-notification-item-content {
background-color: var(--eui-c-primary-bg-light);
border-bottom: 1px solid var(--eui-c-neutral-bg);
display: flex;
flex-direction: column;
min-height: var(--eui-s-4xl);
padding: var(--eui-s-s) var(--eui-s-m);
cursor: pointer;
}
.eui-notification-item-content-middle {
margin: var(--eui-s-2xs) 0;
}
.eui-notification-item-content-middle__label {
line-height: 2;
}
.eui-notification-item-content-middle__sub-label {
margin-top: var(--eui-s-2xs);
}
.eui-notification-item-content:hover {
background-color: var(--eui-c-neutral-bg-light) !important;
}
.eui-app-header {
margin-top: 23px;
}
.eui-app-toolbar {
margin-top: 20px;
}
.eui-page {
margin-top: 20px;
}
.eui-app-footer {
margin-top: 20px !important;
}
.eui-toolbar-menu > .eui-toolbar-menu-content > ul > li:hover > a {
background-color: var(--eui-bc-primary-0) !important;
border-bottom: 3px solid var(--eui-bc-primary-0) !important;
}
.eui-toolbar-menu > .eui-toolbar-menu-content > ul > li.selected > a {
background-color: #bfd0e4 !important;
border-bottom: 3px solid #bfd0e4 !important;
color: #004494 !important;
}
.eui-toolbar-menu-content > ul > li > a {
text-transform: none !important;
font-size: 1rem/1.25rem;
}
.eui-toolbar-menu-content > ul > li > a:focus {
border-bottom: 6px solid !important;
}
.position-relative {
position: relative !important;
}
.css-loader {
border: 6px solid #f3f3f3;
border-top: 6px solid #3498db;
border-radius: 50%;
width: 28px;
height: 28px;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.selected-cell {
border: 3px solid var(--eui-c-primary) !important;
}
table {
width: -webkit-fill-available !important;
}
table thead > tr > th {
text-align: center !important;
}
table tbody > tr > td {
text-align: center !important;
}
.icon-notification:focus,
.icon-help-pages:focus,
.icon-notification:hover,
.icon-help-pages:hover {
border: 2px solid;
}
/* angular:styles/global:styles */