@eui/styles 21.0.0-next.2 → 21.0.0-next.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/base/01-base/mixins/_eui-scrollbars.scss +1 -1
  2. package/dist/base/03-vars/vars.scss +1 -0
  3. package/dist/base/99-utilities/default/index.scss +0 -1
  4. package/dist/base/99-utilities/default/tokens/_colors.scss +8 -10
  5. package/dist/base/99-utilities/default/tokens/_typography.scss +8 -0
  6. package/dist/eui-base.css +1 -1
  7. package/dist/eui-base.css.map +1 -1
  8. package/dist/eui-showcase-all.css +1 -1
  9. package/dist/eui-showcase-all.css.map +1 -1
  10. package/dist/eui-utilities.css +1 -1
  11. package/dist/eui-utilities.css.map +1 -1
  12. package/dist/eui.css +1 -1
  13. package/dist/eui.css.map +1 -1
  14. package/package.json +1 -1
  15. package/dist/base/99-utilities/default/tokens/_color-states.scss +0 -39
package/dist/eui.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","02-vars/_layout.vars.scss","../base/05-assets/icons/index.scss","04-vendors/libs/bootstrap/scss/_grid.scss","04-vendors/libs/bootstrap/scss/mixins/_grid.scss","04-vendors/libs/bootstrap/scss/mixins/_breakpoints.scss","05-material/_material-generated.scss","05-material/overrides/_calendar.scss","05-material/overrides/_cdk-drag.scss","05-material/overrides/_cdk-global-scrollblock.scss","../base/01-base/mixins/_eui-scrollbars.scss","../base/01-base/mixins/_accessibility.mixins.scss","../base/01-base/mixins/_media.mixins.scss","05-material/overrides/_cdk-overlay-container.scss","05-material/overrides/_cdk-overlay-container.mq.scss","05-material/overrides/_cdk-overlay-pane.scss","05-material/overrides/_cdk-virtual-scrollable.scss","06-shared/index.scss","../base/04-elements/index.scss","07-elements/eui-table-default/_eui-table-default.scss","07-elements/directives/_eui-clearable-input.scss","07-elements/directives/_eui-input-maxlength.scss","07-elements/directives/_eui-tooltip.scss","07-elements/extras/index.scss","10-media/index.scss","11-extras/_cookie-consent.scss","11-extras/_preloader.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKC;EACG;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,QACQ;EACN;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,SACS;EACP;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;ACxVJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAII;EAIQ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA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EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AClDJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAOY;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAapB;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAMJ;EACI;;;AC3DN;ECAA;EACA;EACA;EACA;EAEA;EACA;EACA;;ADJE;ECSF;EAIA;EACA;EACA;EACA;EACA;EACA;;;AA+CI;EACE;;;AAGF;EApCJ;EACA;;;AAcA;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AA+BE;EAhDJ;EACA;;;AAqDQ;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;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ACI;EACA;EACA;;ASZR;EACI;;AAEA;EACI;;;ACdR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;ACjBZ;EACI;;AAGI;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAOZ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAQZ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAQZ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,cAlMU;EAmMV;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AC/OhB;EACI;EACA;EACA;EACA;;AZHA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAMA;EACI;EACA;EACA;;;AYVZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EACI;;AAIR;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;;AAMR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;;AC1FR;EACI;IACI;;;AAGR;EAEI;IACI;IACA;IACA;;;ACVR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACXJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;AACA;EACI;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;;AAGR;EACI;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI","file":"eui.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n line-height: var(--eui-base-line-height); /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n\n /* Sections\n ========================================================================== */\n\n /**\n * Remove the margin in all browsers.\n */\n\n body {\n margin: 0;\n }\n\n /**\n * Render the `main` element consistently in IE.\n */\n\n main {\n display: block;\n }\n\n /**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n /* Grouping content\n ========================================================================== */\n\n /**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /* Text-level semantics\n ========================================================================== */\n\n /**\n * Remove the gray background on active links in IE 10.\n */\n\n a {\n background-color: transparent;\n }\n\n /**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n\n /**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /**\n * Add the correct font size in all browsers.\n */\n\n small {\n font-size: 80%;\n }\n\n /**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /* Embedded content\n ========================================================================== */\n\n /**\n * Remove the border on images inside links in IE 10.\n */\n\n img {\n border-style: none;\n }\n\n /* Forms\n ========================================================================== */\n\n /**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1; /* 1 */ // eUI adapations forced to \"1\"\n margin: 0; /* 2 */\n }\n\n /**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\n button,\n input { /* 1 */\n overflow: visible;\n }\n\n /**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\n button,\n select { /* 1 */\n text-transform: none;\n }\n\n /**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n /**\n * Remove the inner border and padding in Firefox.\n */\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n /**\n * Restore the focus styles unset by the previous rule.\n */\n\n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n /**\n * Correct the padding in Firefox.\n */\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n /**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\n legend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n }\n\n /**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\n progress {\n vertical-align: baseline;\n }\n\n /**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\n textarea {\n overflow: auto;\n }\n\n /**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n }\n\n /**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n /**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n [type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n }\n\n /**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n\n /* Interactive\n ========================================================================== */\n\n /*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\n details {\n display: block;\n }\n\n /*\n * Add the correct display in all browsers.\n */\n\n summary {\n display: list-item;\n }\n\n /* Misc\n ========================================================================== */\n\n /**\n * Add the correct display in IE 10+.\n */\n\n template {\n display: none;\n }\n\n /**\n * Add the correct display in IE 10.\n */\n\n [hidden] {\n display: none;\n }\n","@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n font-weight: 100 900;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n font-weight: 100 900;\n font-display: swap;\n font-style: italic;\n}\n\n:root {\n // COLOR BASE - eui-bc\n // -------------------\n\n --eui-bc-transparent: transparent;\n\n @each $color, $shades in maps.$color-map {\n @each $shade, $value in $shades {\n --eui-bc-#{$color + '-' + $shade}: #{$value};\n --eui-bc-#{$color + '-' + $shade}-contrast: #{base.getContrast($value)};\n }\n }\n\n // GENERIC CONTEXT COLORS\n // ----------------------\n\n // generic context colors reused accross components\n --eui-c-white: #fff;\n --eui-c-black: #000;\n\n --eui-c-secondary-min: var(--eui-bc-gr-25);\n --eui-c-secondary-max: var(--eui-bc-gr-950);\n\n --eui-c-surface-page: var(--eui-bc-grn-25);\n --eui-c-surface-container: var(--eui-c-white);\n\n --eui-c-surface-shell: var(--eui-bc-grn-50);\n --eui-c-surface-container-1: var(--eui-bc-grn-75);\n --eui-c-surface-container-2: var(--eui-bc-grn-100);\n --eui-c-surface-container-3: var(--eui-bc-grn-200);\n\n --eui-c-text: var(--eui-bc-gr-950);\n --eui-c-text-light: var(--eui-bc-gr-800);\n --eui-c-text-lighter: var(--eui-bc-gr-700);\n --eui-c-text-lightest: var(--eui-bc-gr-600);\n\n --eui-c-focus-visible: var(--eui-bc-pr-600);\n --eui-c-focus: var(--eui-bc-pr-200);\n \n --eui-c-hover: var(--eui-bc-pr-75);\n --eui-c-hover-disabled: var(--eui-bc-gr-100);\n\n --eui-c-active: var(--eui-bc-pr-600);\n --eui-c-active-bg: var(--eui-bc-pr-200);\n --eui-c-active-bg-alt: var(--eui-bc-pr-300);\n\n --eui-c-disabled: var(--eui-bc-gr-500);\n --eui-c-disabled-bg: var(--eui-bc-gr-50);\n --eui-c-readonly: var(--eui-bc-gr-600);\n\n --eui-c-link: var(--eui-bc-pr-600);\n\n --eui-c-divider: var(--eui-bc-gr-200);\n --eui-c-divider-light: var(--eui-bc-gr-100);\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in maps.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: var(--eui-bc-#{$value});\n } @else if $shade == on-default {\n --eui-c-on-#{$color}: var(--eui-bc-#{$value});\n } @else {\n --eui-c-#{$color + '-' + $shade}: var(--eui-bc-#{$value});\n }\n }\n }\n\n\n // TYPOGRAPHY - eui-f\n // ------------------\n\n // TYPOGRAPHY\n --eui-f-family: 'Inter', arial, sans-serif;\n\n // font families\n --eui-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\n // font sizes\n --eui-f-size-base: 16px;\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-bold: var(--eui-f-m-bold);\n\n\n // based on new EDS specs, but not convenient, better to have a flat list of sizes rather than too much semantic and overlaps\n // responsive fonts\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // $desktop: map-get($sizeDef, 'desktop');\n // $tablet: map-get($sizeDef, 'tablet');\n // $mobile: map-get($sizeDef, 'mobile');\n\n // @each $type, $def in $desktop {\n // --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n // }\n // @each $type, $def in $tablet {\n // --eui-f-#{$font}-#{$size}-tablet-#{$type}: #{$def};\n // }\n // @each $type, $def in $mobile {\n // --eui-f-#{$font}-#{$size}-mobile-#{$type}: #{$def};\n // }\n // --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n\n // --eui-f-#{$font}-#{$size}-tablet-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n\n // --eui-f-#{$font}-#{$size}-mobile-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // }\n // }\n\n // @include base.media(maps.$eui-bkp-tablet) {\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-tablet-regular);\n // --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-tablet-medium);\n // --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-tablet-semi-bold);\n // --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-tablet-bold);\n // }\n // } \n // }\n // @include base.media(maps.$eui-bkp-mobile) {\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-mobile-regular);\n // --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-mobile-medium);\n // --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-mobile-semi-bold);\n // --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-mobile-bold);\n // }\n // } \n // }\n\n // // normal fonts (non-responsive)\n // @each $font, $fontDef in maps.$font-map {\n // @each $size, $sizeDef in $fontDef {\n // @each $type, $def in $sizeDef {\n // --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n // }\n // --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // }\n // }\n\n // eUI font maps\n @each $size in maps.$font-size-list {\n --eui-f-#{$size}: normal normal var(--eui-f-weight-regular) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal var(--eui-f-weight-bold) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n }\n\n @each $size, $def in maps.$font-size-map {\n --eui-f-size-#{$size}: #{$def};\n --eui-f-size-#{$size}-compact: #{$def};\n }\n\n @each $size, $def in maps.$font-line-height-map {\n --eui-f-line-height-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-weight-map {\n --eui-f-weight-#{$size}: #{$def};\n }\n\n\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: #{$value};\n }\n\n \n // BORDER RADIUS - eui-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eui-br-#{$br}: #{$value};\n }\n\n\n // LAYOUT-BREAKPOINTS - eui-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-map {\n --eui-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eui-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eui-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eui-sh\n // --------------------\n\n @each $sh, $value in maps.$box-shadow-map {\n --eui-sh-#{$sh}: #{$value};\n }\n\n\n // ICON-SIZES - eui-is\n // -------------------\n\n @each $icon-size, $value in maps.$icon-size-map {\n --eui-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eui-o\n // ---------------\n\n @each $idx, $value in maps.$opacity-map {\n --eui-o-#{$idx}: #{$value};\n }\n\n\n // Z-INDEXES - eui-zi\n // -------------------\n\n @each $idx, $value in maps.$z-index-map {\n --eui-zi-#{$idx}: #{$value};\n }\n\n\n // OTHERS \n // ------\n --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg'); \n\n --eui-base-line-height: 1.5;\n --eui-base-scale-factor: 1;\n\n // Animations related\n --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); // ease\n --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n --eui-base-animation-duration-fast: 0.25s;\n --eui-base-animation-duration-medium: 0.5s;\n --eui-base-animation-duration-slow: 1s;\n --eui-base-animation-duration-base: 500ms;\n --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n --eui-base-animation-delay: 0s;\n --eui-base-animation-direction: normal;\n --eui-base-animation-fill-mode: forwards; // this prevents the animation from restarting\n --eui-base-animation-background-color: var(--eui-c-primary-surface-light);\n}",":root {\n // eUI APP\n --eui-app-header-height-default: 0px;\n --eui-app-header-height: 0px;\n --eui-app-header-height-active: 90px;\n --eui-app-header-height-shrink: 0px;\n\n --eui-app-breadcrumb-height-default: 0px;\n --eui-app-breadcrumb-height: 0px;\n --eui-app-breadcrumb-height-active: 20px;\n\n --eui-app-top-message-height-default: 0px;\n --eui-app-top-message-height: 0px;\n --eui-app-top-message-height-active: 42px;\n\n --eui-app-toolbar-height-default: 0px;\n --eui-app-toolbar-height: 0px;\n --eui-app-toolbar-height-active: 60px;\n\n --eui-app-toolbar-mega-menu-height-default: 0px;\n --eui-app-toolbar-mega-menu-height: 0px;\n --eui-app-toolbar-mega-menu-height-active: 60px;\n\n --eui-app-sidebar-width-default: 0px;\n --eui-app-sidebar-width: 0px;\n --eui-app-sidebar-width-active: 300px;\n --eui-app-sidebar-width-close-default: 0px;\n --eui-app-sidebar-width-close: 0px;\n --eui-app-sidebar-width-close-active: 64px;\n --eui-app-sidebar-width-close-variant-active: 90px;\n --eui-app-sidebar-header-height: 0px;\n --eui-app-sidebar-header-height-default: 0px;\n --eui-app-sidebar-header-height-active: 48px;\n --eui-app-sidebar-header-user-profile: 64px;\n --eui-app-sidebar-footer-height: 0px;\n --eui-app-sidebar-footer-height-default: 0px;\n --eui-app-sidebar-footer-height-active: 24px;\n\n // Page Layout\n --eui-page-header-with-subtitle-height: 4rem;\n --eui-page-header-without-subtitle-height: 2rem;\n\n --eui-page-column--size-s: 50px;\n --eui-page-column--size-m: 150px;\n --eui-page-column--size-l: 200px;\n --eui-page-column--size-xl: 250px;\n --eui-page-column--size-xxl: 300px;\n --eui-page-column--size-xxxl: 350px;\n --eui-page-column-footer-height: 3.5rem;\n}\n\n.xs, .sm {\n --eui-app-header-height: 0px;\n}\n","@use '../../02-tokens/maps' as tokens;\n\n.eui-icon-svg {\n fill: currentColor;\n margin: 0;\n transform: scaleX(1) scaleY(1) rotateZ(0deg);\n transition: transform 300ms ease-in-out;\n display: inline-flex;\n align-items: center;\n}\n\n@each $icon-size, $value in tokens.$icon-size-map {\n .eui-icon-svg {\n &.eui-icon-svg--size {\n &-#{$icon-size} {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n\n // Custom icons\n > image {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n\n &.eui-icon-svg--stack {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n }\n }\n }\n}\n\n\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n .eui-badge,\n .eui-badge--size-m {\n position: absolute;\n left: 40%;\n top: -40%;\n }\n\n .eui-badge--empty {\n left: 70%;\n top: -5%\n }\n}\n\n.eui-icon-svg--size-l {\n .eui-badge--size-s {\n left: 70%;\n }\n}\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n .eui-badge {\n height: inherit;\n }\n}\n","// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n\n > * {\n @include make-col-ready();\n }\n }\n}\n\n@if $enable-cssgrid {\n .grid {\n display: grid;\n grid-template-rows: repeat(var(--#{$variable-prefix}rows, 1), 1fr);\n grid-template-columns: repeat(var(--#{$variable-prefix}columns, #{$grid-columns}), 1fr);\n gap: var(--#{$variable-prefix}gap, #{$grid-gutter-width});\n\n @include make-cssgrid();\n }\n}\n\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter: $grid-gutter-width) {\n --#{$variable-prefix}gutter-x: #{$gutter};\n --#{$variable-prefix}gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed\n margin-top: calc(-1 * var(--#{$variable-prefix}gutter-y)); // stylelint-disable-line function-disallowed-list\n margin-right: calc(-.5 * var(--#{$variable-prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n margin-left: calc(-.5 * var(--#{$variable-prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n // Add box sizing if only the grid is loaded\n box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n padding-right: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n margin-top: var(--#{$variable-prefix}gutter-y);\n}\n\n@mixin make-col($size: false, $columns: $grid-columns) {\n @if $size {\n flex: 0 0 auto;\n width: percentage(divide($size, $columns));\n\n } @else {\n flex: 1 1 0;\n max-width: 100%;\n }\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: divide($size, $columns);\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n > * {\n flex: 0 0 auto;\n width: divide(100%, $count);\n }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n\n .row-cols#{$infix}-auto > * {\n @include make-col-auto();\n }\n\n @if $grid-row-columns > 0 {\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n\n // Gutters\n //\n // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n @each $key, $value in $gutters {\n .g#{$infix}-#{$key},\n .gx#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-y: #{$value};\n }\n }\n }\n }\n}\n\n@mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .g-col#{$infix}-#{$i} {\n grid-column: auto / span $i;\n }\n }\n\n // Start with `1` because `0` is and invalid value.\n // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.\n @for $i from 1 through ($columns - 1) {\n .g-start#{$infix}-#{$i} {\n grid-column-start: $i;\n }\n }\n }\n }\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n","html.eui-21 {\n --mat-datepicker-calendar-container-shape: var(--eui-s-3xs);\n --mat-datepicker-calendar-container-touch-shape: var(--eui-s-3xs);\n --mat-datepicker-calendar-container-elevation-shadow: var(--eui-sh-2);\n --mat-datepicker-calendar-container-touch-elevation-shadow: var(--eui-sh-2);\n --mat-datepicker-calendar-date-selected-state-text-color: var(--eui-c-white);\n --mat-datepicker-calendar-date-selected-state-background-color: var(--eui-c-primary-surface);\n --mat-datepicker-calendar-date-selected-disabled-state-background-color: #00449466;\n --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--eui-c-white);\n --mat-datepicker-calendar-date-focus-state-background-color: var(--eui-c-focus);\n --mat-datepicker-calendar-date-hover-state-background-color: var(--eui-c-primary-surface-light);\n --mat-datepicker-toggle-active-state-icon-color: var(--eui-c-primary);\n --mat-datepicker-calendar-date-in-range-state-background-color: #00449433;\n --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--eui-c-primary-surface);\n --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--eui-c-success-surface-medium);\n --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--eui-c-success-surface-medium);\n --mat-datepicker-toggle-icon-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-body-label-text-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-period-button-text-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-period-button-icon-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-navigation-button-icon-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-header-divider-color: #0000001f;\n --mat-datepicker-calendar-header-text-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-date-today-outline-color: #00000061;\n --mat-datepicker-calendar-date-today-disabled-state-outline-color: #0000002e;\n --mat-datepicker-calendar-date-text-color: var(--eui-c-text);\n --mat-datepicker-calendar-date-outline-color: #0000;\n --mat-datepicker-calendar-date-disabled-state-text-color: #00000061;\n --mat-datepicker-calendar-date-preview-state-outline-color: #0000003d;\n --mat-datepicker-range-input-separator-color: #000000de;\n --mat-datepicker-range-input-disabled-state-separator-color: #00000061;\n --mat-datepicker-range-input-disabled-state-text-color: #00000061;\n --mat-datepicker-calendar-container-background-color: var(--eui-c-white);\n --mat-datepicker-calendar-container-text-color: #000000de;\n}\n\n.eui-21 {\n // Left and right arrow calendar buttons\n .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {\n --mdc-icon-button-state-layer-size: var(--eui-s-5xl);\n height: var(--mdc-icon-button-state-layer-size);\n padding: var(--eui-s-xs);\n width: var(--mdc-icon-button-state-layer-size);\n }\n\n // current selected/hovered/active date\n .mat-mdc-focus-indicator,\n .mat-focus-indicator {\n position: relative;\n }\n\n .mat-mdc-focus-indicator:before,\n .mat-focus-indicator:before {\n 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);\n border-radius: var(--mat-mdc-focus-indicator-border-radius, var(--eui-s-3xs));\n bottom: 0;\n box-sizing: border-box;\n display: var(--mat-mdc-focus-indicator-display, none);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n }\n\n .mat-calendar-body-cell {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n text-align: center;\n }\n\n .mat-calendar-body-cell::before,\n .mat-calendar-body-cell::after,\n .mat-calendar-body-cell-preview {\n content: \"\";\n position: absolute;\n top: 8%;\n left: 0;\n z-index: 0;\n box-sizing: border-box;\n display: block;\n height: 90%;\n width: 100%;\n }\n\n // CDK styles\n .cdk-high-contrast-active .mat-ripple-element {\n display: none;\n }\n\n .cdk-visually-hidden {\n clip: rect(0 0 0 0);\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 0;\n height: 1px;\n left: 0;\n margin: -1px;\n outline: 0;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n\n [dir=\"rtl\"] .cdk-visually-hidden {\n left: auto;\n right: 0;\n }\n\n .cdk-global-overlay-wrapper,\n .cdk-overlay-container {\n height: 100%;\n left: 0;\n pointer-events: none;\n top: 0;\n width: 100%;\n }\n\n .cdk-overlay-container {\n position: fixed;\n z-index: 1000;\n }\n\n .cdk-overlay-container:empty {\n display: none;\n }\n\n .cdk-global-overlay-wrapper,\n .cdk-overlay-pane {\n display: flex;\n position: absolute;\n z-index: 1000;\n }\n\n .cdk-overlay-pane {\n box-sizing: border-box;\n max-height: 100%;\n max-width: 100%;\n pointer-events: auto;\n }\n\n .cdk-overlay-backdrop {\n -webkit-tap-highlight-color: transparent;\n bottom: 0;\n left: 0;\n opacity: 0;\n pointer-events: auto;\n position: absolute;\n right: 0;\n top: 0;\n transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n z-index: 1000;\n }\n\n .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n opacity: 1;\n }\n\n .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n opacity: 0.6;\n }\n\n .cdk-overlay-dark-backdrop {\n background: #00000052;\n }\n\n .cdk-overlay-transparent-backdrop {\n opacity: 1;\n transition: visibility 1ms linear, opacity 1ms linear;\n visibility: hidden;\n }\n\n .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\n opacity: 0;\n visibility: visible;\n }\n\n .cdk-overlay-backdrop-noop-animation {\n transition: none;\n }\n\n .cdk-overlay-connected-position-bounding-box {\n display: flex;\n flex-direction: column;\n min-height: 1px;\n min-width: 1px;\n position: absolute;\n z-index: 1000;\n }\n\n .cdk-global-scrollblock {\n overflow-y: scroll;\n position: fixed;\n width: 100%;\n }\n\n .cdk-high-contrast-active {\n --mat-focus-indicator-display: block;\n }\n}",".eui-21 {\n .mat-calendar {\n font-size: small !important;\n font-family: var(--eui-f-family) !important;\n \n &.mat-calendar-year {\n .mat-calendar-period-button {\n display: none;\n }\n }\n }\n}\n",".eui-21 {\n\n // Animate items as they're being sorted\n .cdk-drop-list-dragging .cdk-drag {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n // Animate an item that has been dropped\n .cdk-drag-animating {\n transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);\n }\n\n .cdk-drag-handle {\n cursor: move !important;\n }\n\n .cdk-drag-dragging {\n opacity: 1;\n }\n\n // Grabbed element\n .cdk-drag-preview {\n background-color: transparent; // var(--eui-c-white);\n box-shadow: none;\n cursor: grab !important;\n display: table; // trick to get the full row width\n margin: 0 !important;\n opacity: 1;\n position: relative;\n }\n \n .cdk-drag-placeholder {\n background-color: transparent;\n opacity: 0.35;\n \n &:hover {\n outline: 2px dashed var(--eui-c-secondary-border-light);\n outline-offset: 2px;\n }\n }\n}\n","@use '../../../base/01-base' as base;\n@use '../../../base/02-tokens/maps' as tokens;\n\n.eui-21 {\n // Disable global scrollbars (used in full screen eui-dialog for example)\n .cdk-global-scrollblock {\n position: fixed;\n overflow-y: visible; // Material default: scroll\n width: 100%;\n @include base.eui-scrollbars;\n left: 0 !important;\n }\n @include base.media(tokens.$eui-bkp-mobile) {\n .cdk-global-scrollblock {\n height: 100%;\n overflow: auto;\n position: fixed;\n width: 100%;\n @include base.eui-scrollbars;\n }\n }\n}\n\n\n","@use 'accessibility.mixins' as a11y;\n\n@mixin eui-scrollbars( $size: 8px, $foreground-color: var(--eui-c-divider), $background-color: var(--eui-c-secondary-surface-light), $border-radius: 5rem, $state: active ) {\n \n &::-webkit-scrollbar {\n display: inherit;\n height: $size; // horizontal scroll\n width: $size; // vertical scroll\n @if ($state == active) {\n background-color: $background-color;\n }\n @else {\n background-color: transparent;\n }\n }\n\n // This is the scrolling bar\n &::-webkit-scrollbar-thumb {\n @if ($state == active) {\n background-color: $foreground-color;\n border-radius: $border-radius;\n\n &:hover {\n background-color: var(--eui-c-secondary-surface);\n }\n }\n @else {\n background-color: transparent;\n }\n }\n\n // Apply focus and keyboard focus to scrollbar thumb when the scrollable container is focused\n &:focus::-webkit-scrollbar-thumb {\n @if ($state == active) {\n @include a11y.eui-accessible-focus-pseudo;\n }\n }\n\n &:focus-visible::-webkit-scrollbar-thumb {\n @if ($state == active) {\n @include a11y.eui-accessible-focus-pseudo;\n }\n }\n\n // This is the scroll container\n &::-webkit-scrollbar-track {\n @if ($state == active) {\n background-color: $background-color;\n border-radius: 0;\n }\n @else {\n background-color: transparent;\n }\n }\n\n // Firefox only CSS-specific extension - Attention those properties overrides :webkit pseudos!\n @-moz-document url-prefix() {\n scrollbar-color: var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);\n // scrollbar-gutter: stable;\n scrollbar-width: auto;\n }\n\n // Firefox focus state for scrollbar\n &:focus,\n &:focus-visible {\n @-moz-document url-prefix() {\n scrollbar-color: var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light);\n }\n }\n}\n@mixin eui-scrollbars-inactive($size: 8px) {\n &::-webkit-scrollbar {\n background-color: transparent;\n display: inherit;\n height: $size; // horizontal scroll\n width: $size; // vertical scroll\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n}\n\n\n// @mixin eui-ng-scrollbar() {\n// --scrollbar-thickness: 10 !important;\n// --scrollbar-hover-thickness: var(--scrollbar-thickness) !important;\n// --scrollbar-border-radius: 5rem !important;\n// }\n","$outline-offset: -2px;\n$outline-size: 2px;\n\n// Call this mixin to enforce the accessibility visuals when on focus/active\n@mixin eui-accessible-focus($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n // Forced focusable element\n [tabindex=\"0\"] {\n // &:active:not([readonly]),\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n }\n}\n\n@mixin eui-accessible-focus-only($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-visible($offset: $outline-offset, $size: $outline-size) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-rounded($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n &:focus-visible:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-visible-rounded($offset: $outline-offset, $size: $outline-size) {\n &:focus-visible:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-border() {\n border-left: var(--eui-s-3xs) solid transparent;\n\n &:focus:not([readonly]) {\n border: var(--eui-s-3xs) solid var(--eui-c-focus-visible) !important;\n transition: none;\n }\n}\n\n\n\n@mixin eui-accessible-focus-ring($offset: 1px) {\n &:focus:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border-light) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-s) !important;\n }\n}\n@mixin eui-accessible-focus-ring-rounded($offset: 1px) {\n &:focus:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border-light) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-max) !important;\n }\n}\n@mixin eui-accessible-focus-visible-ring($offset: 1px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-s) !important;\n }\n}\n@mixin eui-accessible-focus-visible-ring-rounded($offset: 1px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-max) !important;\n }\n}\n\n// Mixin for applying focus outline to pseudo-elements (like scrollbar thumbs)\n// This doesn't use :not([readonly]) since pseudo-elements don't support attribute selectors, that's why a new mixin is needed\n@mixin eui-accessible-focus-pseudo($offset: $outline-offset, $size: $outline-size) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n}\n","@use 'sass:map';\n@use 'sass:list';\n\n$default-feature: \"min-width\";\n@mixin media($query: $feature $value $columns) {\n @if list.length($query) == 1 {\n @media screen and ($default-feature: list.nth($query, 1)) {\n @content;\n }\n }\n @else {\n $loop-to: list.length($query);\n $media-query: \"screen and \";\n @if is-not(is-even(list.length($query))) {\n $loop-to: $loop-to - 1;\n }\n $i: 1;\n @while $i <=$loop-to {\n $media-query: $media-query + \"(\" + list.nth($query, $i) + \": \" + list.nth($query, $i + 1) + \") \";\n @if ($i + 1) != $loop-to {\n $media-query: $media-query + \"and \";\n }\n $i: $i+2;\n }\n @media #{$media-query} {\n @content;\n }\n }\n}\n",".eui-21 {\n .cdk-overlay-container {\n z-index: var(--eui-zi-cdk-overlay-container); // MD: 1000\n }\n}\n\n\n","@use '../../../base/01-base' as base;\n@use '../../../base/02-tokens/maps' as tokens;\n\n.eui-21 {\n @include base.media(tokens.$eui-bkp-mobile) {\n .cdk-overlay-container {\n height: 100vh; // Fallback\n height: calc(var(--eui-app-vh, 1vh) * 100);\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n }\n }\n}\n",".eui-21 {\n .cdk-overlay-pane {\n background-color: var(--eui-c-surface-container);\n z-index: var(--eui-zi-cdk-overlay-pane); // Dynamically changes based on CDK context\n }\n}\n","@use '../../../base/01-base' as base;\n\n.eui-21 {\n .cdk-virtual-scrollable {\n @include base.eui-scrollbars();\n }\n}\n","// Make viewport responsive\n//\n// @viewport is needed because IE 10+ doesn't honor <meta name=\"viewport\"> in\n// some cases. See https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/.\n// Eventually @viewport will replace <meta name=\"viewport\">.\n//\n// However, `device-width` is broken on IE 10 on Windows (Phone) 8,\n// (see https://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497)\n// and the fix for that involves a snippet of JavaScript to sniff the user agent\n// and apply some conditional CSS.\n//\n// See https://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack.\n//\n// Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g.,\n// `.class-name { @import \"bootstrap\"; }`).\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n/* ==========================================================================\n #BOX-SIZING\n ========================================================================== */\n\n/**\n * More sensible default box-sizing:\n * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice\n */\n\nhtml {\n box-sizing: border-box;\n}\n\n* {\n &::before,\n &::after,\n & {\n box-sizing: inherit;\n }\n}\n\n// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.\n//\n// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11\n// DON'T remove the click delay when `<meta name=\"viewport\" content=\"width=device-width\">` is present.\n// However, they DO support removing the click delay via `touch-action: manipulation`.\n// See:\n// * https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch\n// * http://caniuse.com/#feat=css-touch-action\n// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay\n\na,\narea,\nbutton,\n[role=\"button\"],\ninput,\nlabel,\nselect,\nsummary,\ntextarea {\n touch-action: manipulation;\n}\n\n// NORMALIZE reset alignments (see 00-reset)\np,\nlabel,\nblockquote,\nabbr,\nmark,\ndel {\n font-size: var(--eui-f-size-base);\n}\n\nb, strong {\n font-weight: bold !important;\n}\n\n// Hide browser agent default (black) color\n:focus,\n:focus-visible {\n outline: none;\n}\n\n// Resolves issue in Firefox with extra borders\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: none; // Default: button\n appearance: none;\n}\n\ndel {\n .eui-label {\n text-decoration: line-through;\n }\n\n .eui-input-text {\n &[readonly] {\n text-decoration: line-through;\n }\n }\n\n .eui-input-number {\n &[readonly] {\n text-decoration: line-through;\n }\n }\n}\n","html {\n display: block;\n height: 100%;\n font-size: var(--eui-f-size-base);\n line-height: var(--eui-base-line-height);\n}\n\nbody {\n background-color: var(--eui-c-surface-page);\n color: var(--eui-c-text);\n font-family: var(--eui-f-family);\n font-feature-settings: 'liga';\n font-size: var(--eui-f-size-base);\n -moz-font-smoothing: antialiased;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 100%;\n line-height: var(--eui-base-line-height);\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n",".eui-21 {\n table.eui-table-default {\n background-color: transparent;\n border-collapse: collapse;\n border-spacing: 0;\n color: var(--eui-c-text);\n max-width: 100%;\n overflow: auto;\n position: relative;\n \n // Add default borders\n th {\n border: 1px solid var(--eui-c-divider);\n }\n\n th,\n td {\n &:first-child {\n border-left: 0;\n }\n \n &:last-child {\n border-right: 0;\n }\n }\n \n // Overall settings (default)\n thead > tr > th,\n tbody > tr > td,\n tfoot > tr > td {\n vertical-align: middle;\n }\n \n tr > th,\n tr > td {\n padding: var(--eui-s-s);\n text-align: left;\n }\n \n thead {\n th {\n color: var(--eui-c-text);\n font-size: var(--eui-f-size-base);\n padding: var(--eui-s-m) var(--eui-s-s);\n vertical-align: middle;\n font: var(--eui-f-m-bold);\n }\n \n tr {\n background: var(--eui-c-surface-container-2);\n border-top: 0;\n }\n }\n \n // Striped & hovered tables by default (UX)\n tbody {\n -webkit-overflow-scrolling: touch; // optional - enable iOS momentum scrolling\n \n tr:nth-of-type(odd) {\n background-color: var(--eui-c-surface-page);\n \n &:hover {\n background-color: var(--eui-c-active-bg);\n }\n }\n \n tr:nth-of-type(even) {\n background-color: var(--eui-c-surface-container-1);\n \n &:hover {\n background-color: var(--eui-c-active-bg);\n }\n }\n }\n \n tfoot {\n tr {\n background: var(--eui-c-surface-container-2);\n }\n }\n \n tr {\n border-bottom: 1px solid var(--eui-c-divider-light);\n display: table-row;\n }\n \n // Compact table\n &--compact {\n thead {\n th {\n padding: var(--eui-s-xs) var(--eui-s-s);\n }\n }\n \n tr > td {\n padding: var(--eui-s-3xs) var(--eui-s-s);\n }\n }\n \n // Responsive table\n &--responsive {\n display: table;\n width: 100%;\n \n &--bordered {\n border: 0; // Prevent double border on horizontal scroll due to use of `display: block;`\n }\n }\n \n // NoWrap table content (also disables ellipsis)\n &--nowrap {\n white-space: nowrap;\n \n thead > tr > th,\n tbody > tr > td,\n tfoot > tr > td {\n white-space: nowrap;\n }\n }\n \n // Centered table\n &--centered {\n display: table;\n margin: 0 auto;\n width: auto;\n }\n \n // Middle aligned cells content\n &--align-middle {\n thead > tr > th,\n tbody > tr > td,\n tfoot > tr > td {\n vertical-align: middle;\n }\n }\n }\n}\n","@use '../../../base/01-base' as base;\n\n.eui-21 .eui-icon-svg.eui-input-text--clearable-icon {\n cursor: pointer;\n position: absolute;\n right: var(--eui-s-s);\n user-select: none;\n visibility: visible;\n z-index: var(--eui-zi-clearable-icon);\n @include base.eui-accessible-focus();\n\n > svg {\n fill: var(--eui-c-text-light);\n\n &:hover {\n fill: var(--eui-c-danger);\n }\n }\n}\n",".eui-21 {\n .eui-input-maxlength-wrapper {\n position: relative;\n width: 100%;\n \n .eui-input-maxlength {\n font: var(--eui-f-xs);\n background-color: var(--eui-c-secondary-surface-light);\n border: 1px solid var(--eui-c-secondary-border-light);\n border-radius: var(--eui-br-m);\n color: var(--eui-c-text);\n padding: 0 var(--eui-s-3xs);\n position: absolute;\n right: calc(-1 * #{var(--eui-s-xs)});\n top: calc(-1 * #{var(--eui-s-xs)});\n z-index: var(--eui-zi-input-maxlength);\n \n &--invalid {\n background-color: var(--eui-c-warning-surface);\n border-color: var(--eui-c-warning-base);\n color: var(--eui-c-warning-surface-contrast);\n }\n }\n }\n}\n","$eui-tooltip-arrow-width: 8px;\n\n.eui-21 {\n .eui-tooltip__container {\n background-color: transparent;\n \n &.eui-tooltip--above {\n .eui-tooltip {\n margin-bottom: var(--eui-s-m);\n \n &:before {\n border-color: var(--eui-c-secondary) transparent transparent transparent;\n bottom: 2px;\n left: calc(50% - #{$eui-tooltip-arrow-width});\n transform: translate(0, $eui-tooltip-arrow-width * 2);\n }\n \n &--primary {\n &:before {\n border-color: var(--eui-c-primary-surface) transparent transparent transparent;\n }\n }\n \n &--info {\n &:before {\n border-color: var(--eui-c-info-surface) transparent transparent transparent;\n }\n }\n \n &--success {\n &:before {\n border-color: var(--eui-c-success-surface) transparent transparent transparent;\n }\n }\n \n &--warning {\n &:before {\n border-color: var(--eui-c-warning-surface) transparent transparent transparent;\n }\n }\n \n &--danger {\n &:before {\n border-color: var(--eui-c-danger-surface) transparent transparent transparent;\n }\n }\n }\n }\n \n &.eui-tooltip--below {\n .eui-tooltip {\n margin-top: var(--eui-s-m);\n \n &:before {\n border-color: transparent transparent var(--eui-c-secondary) transparent;\n left: calc(50% - #{$eui-tooltip-arrow-width});\n top: 0;\n transform: translate(0, -100%);\n }\n \n &--primary {\n &:before {\n border-color: transparent transparent var(--eui-c-primary-surface) transparent;\n }\n }\n \n &--info {\n &:before {\n border-color: transparent transparent var(--eui-c-info-surface) transparent;\n }\n }\n \n &--success {\n &:before {\n border-color: transparent transparent var(--eui-c-success-surface) transparent;\n }\n }\n \n &--warning {\n &:before {\n border-color: transparent transparent var(--eui-c-warning-surface) transparent;\n }\n }\n \n &--danger {\n &:before {\n border-color: transparent transparent var(--eui-c-danger-surface) transparent;\n }\n }\n }\n }\n \n &.eui-tooltip--left,\n &.eui-tooltip--before {\n .eui-tooltip {\n margin-right: var(--eui-s-m);\n \n &:before {\n border-color: transparent transparent transparent var(--eui-c-secondary);\n right: calc(#{-$eui-tooltip-arrow-width} + 2px);\n top: 50%;\n transform: translate($eui-tooltip-arrow-width, -$eui-tooltip-arrow-width);\n }\n \n &--primary {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-primary-surface);\n }\n }\n \n &--info {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-info-surface);\n }\n }\n \n &--success {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-success-surface);\n }\n }\n \n &--warning {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-warning-surface);\n }\n }\n \n &--danger {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-danger-surface);\n }\n }\n }\n }\n \n &.eui-tooltip--right,\n &.eui-tooltip--after {\n .eui-tooltip {\n margin-left: var(--eui-s-m);\n \n &:before {\n border-color: transparent var(--eui-c-secondary) transparent transparent;\n left: calc(#{-$eui-tooltip-arrow-width} + 2px);\n top: 50%;\n transform: translate(-$eui-tooltip-arrow-width, -$eui-tooltip-arrow-width);\n }\n \n &--primary {\n &:before {\n border-color: transparent var(--eui-c-primary-surface) transparent transparent;\n }\n }\n \n &--info {\n &:before {\n border-color: transparent var(--eui-c-info-surface) transparent transparent;\n }\n }\n \n &--success {\n &:before {\n border-color: transparent var(--eui-c-success-surface) transparent transparent;\n }\n }\n \n &--warning {\n &:before {\n border-color: transparent var(--eui-c-warning-surface) transparent transparent;\n }\n }\n \n &--danger {\n &:before {\n border-color: transparent var(--eui-c-danger-surface) transparent transparent;\n }\n }\n }\n }\n \n .eui-tooltip {\n background-color: var(--eui-c-secondary-dark);\n border-radius: var(--eui-br-m);\n box-shadow: var(--eui-sh-4);\n color: var(--eui-c-secondary-on-dark);\n letter-spacing: 0.05em;\n max-width: 50vw;\n padding: var(--eui-s-xs);\n white-space: pre-line;\n font: var(--eui-f-xs);\n \n &:before {\n border-color: transparent;\n border-style: solid;\n border-width: $eui-tooltip-arrow-width;\n bottom: 0;\n content: '';\n display: block;\n height: 0;\n position: absolute;\n width: 0;\n }\n \n &.eui-tooltip--content-left {\n text-align: left;\n }\n \n &.eui-tooltip--content-right {\n text-align: right;\n }\n \n &.eui-tooltip--content-center {\n text-align: center;\n }\n \n &.eui-tooltip--content-justify {\n text-align: justify;\n }\n }\n \n .eui-tooltip {\n &--primary {\n background-color: var(--eui-c-primary-surface);\n color: var(--eui-c-primary-on-surface);\n }\n \n &--info {\n background-color: var(--eui-c-info-surface);\n color: var(--eui-c-info-on-surface);\n }\n \n &--success {\n background-color: var(--eui-c-success-surface);\n color: var(--eui-c-success-on-surface);\n }\n \n &--warning {\n background-color: var(--eui-c-warning-surface);\n color: var(--eui-c-warning-on-surface);\n }\n \n &--danger {\n background-color: var(--eui-c-danger-surface);\n color: var(--eui-c-danger-on-surface);\n }\n }\n }\n}\n","@use '../../../base/01-base' as base;\n\n// TODO v21: to be removed. See if those can be part of eui-button.states / variants\n// BUTTON FIXED (used in Showcase shared components)\n.eui-button-fixed {\n bottom: var(--eui-s-5xl);\n position: fixed;\n right: var(--eui-s-xl);\n z-index: calc(#{var(--eui-zi-btn-floating)} + 1); // Allow to be over the footer & page columns\n @include base.eui-accessible-focus();\n}\n\n// BUTTON FLOATING\n.eui-button-floating {\n align-items: center;\n border-radius: var(--eui-br-max);\n display: inline-flex;\n overflow: hidden;\n padding: var(--eui-s-xs);\n position: relative;\n transform: translateY(35%);\n vertical-align: middle;\n height: var(--eui-s-6xl);\n width: var(--eui-s-6xl);\n z-index: 1;\n box-shadow: var(--eui-sh-5);\n background-color: var(--_bg-color);\n color: var(--_on-bg-color);\n border: none;\n\n &:hover {\n cursor: pointer;\n box-shadow: var(--eui-sh-3);\n }\n\n &::before {\n border-radius: var(--eui-br-none);\n }\n}\n\n// TODO v21: to be removed an use the eui-icon-button-expander component instead\n// BUTTON AS EXPAND TRIGGER\n// Seel also --expand-toggle in button.states\n.eui-button__expand-trigger {\n border-top: 1px solid var(--eui-c-divider);\n cursor: pointer;\n display: flex;\n justify-content: center;\n width: 100%;\n z-index: 1;\n margin-bottom: var(--eui-s-l);\n\n &:hover {\n .eui-button--expand-toggle {\n box-shadow: var(--eui-sh-3);\n }\n }\n\n &--collapsed {\n margin-top: var(--eui-s-s);\n }\n}\n.eui-button--expand-toggle {\n background: var(--eui-c-surface-page);\n border-color: transparent;\n border-radius: 0 0 var(--eui-s-xs) var(--eui-s-xs);\n cursor: pointer;\n min-height: var(--eui-s-m);\n padding: 0 var(--eui-s-s);\n box-shadow: var(--eui-sh-1);\n display: inline-flex;\n align-items: center;\n gap: var(--eui-s-xs);\n\n &:hover,\n &:focus {\n box-shadow: var(--eui-sh-3);\n }\n}\n\n// TODO v21: to be removed. Create a component wrapper for this composition (ex: see eui-chip-group)\n// DROPDOWN BUTTON (Composition)\n.eui-dropdown-button {\n align-items: center;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: center;\n position: relative;\n\n &--disabled,\n &:disabled {\n pointer-events: none;\n }\n}\n","// IE10+ SVG's aspect ratios and sizes fix\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n img[src$=\".svg\"] {\n width: 100%;\n }\n}\n@media screen {\n // IE Fix: Bicubic Scaling for Images & full width background (EC logo)\n img {\n background-repeat: no-repeat;\n background-size: 100%;\n -ms-interpolation-mode: bicubic;\n }\n}\n","// COOKIE CONSENT\n.cookie-consent-banner {\n display: block !important;\n min-width: 50% !important;\n position: absolute !important;\n right: 50% !important;\n top: var(--eui-s-m) !important;\n transform: translateX(50%) !important;\n z-index: var(--eui-zi-max) !important;\n box-shadow: var(--eui-sh-5) !important;\n background: var(--eui-c-primary-surface) !important;\n color: var(--eui-c-primary-surface-contrast) !important;\n}\n","#loader-wrapper {\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 1000;\n\n #loader {\n -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */\n animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */\n animation: hourglass 5s linear infinite;\n border: 10px solid transparent;\n border-radius: 50%;\n border-top-color: var(--eui-c-warning-base);\n display: block;\n height: 200px;\n left: 50%;\n margin: -100px 0 0 -100px;\n position: relative;\n top: 50%;\n width: 200px;\n\n &::before {\n -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */\n animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */\n animation: hourglass 4s linear infinite;\n border: 10px solid transparent;\n border-radius: 50%;\n border-top-color: var(--eui-c-danger-base);\n bottom: 5px;\n content: \"\";\n left: 5px;\n position: absolute;\n right: 5px;\n top: 5px;\n }\n\n &::after {\n -webkit-animation: spin 1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */\n animation: spin 1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */\n animation: hourglass 3s linear infinite;\n border: 10px solid transparent;\n border-radius: 50%;\n border-top-color: var(--eui-c-primary-base);\n bottom: 20px;\n content: \"\";\n left: 20px;\n position: absolute;\n right: 20px;\n top: 20px;\n }\n }\n}\n\n/* stylelint-enable */\n@-webkit-keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes hourglass {\n 0% {\n transform: rotate(0);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n 50% {\n transform: rotate(900deg);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 100% {\n transform: rotate(1800deg);\n }\n}\n@keyframes hourglass {\n 0% {\n transform: rotate(0);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n 50% {\n transform: rotate(900deg);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 100% {\n transform: rotate(1800deg);\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","02-vars/_layout.vars.scss","../base/05-assets/icons/index.scss","04-vendors/libs/bootstrap/scss/_grid.scss","04-vendors/libs/bootstrap/scss/mixins/_grid.scss","04-vendors/libs/bootstrap/scss/mixins/_breakpoints.scss","05-material/_material-generated.scss","05-material/overrides/_calendar.scss","05-material/overrides/_cdk-drag.scss","05-material/overrides/_cdk-global-scrollblock.scss","../base/01-base/mixins/_eui-scrollbars.scss","../base/01-base/mixins/_accessibility.mixins.scss","../base/01-base/mixins/_media.mixins.scss","05-material/overrides/_cdk-overlay-container.scss","05-material/overrides/_cdk-overlay-container.mq.scss","05-material/overrides/_cdk-overlay-pane.scss","05-material/overrides/_cdk-virtual-scrollable.scss","06-shared/index.scss","../base/04-elements/index.scss","07-elements/eui-table-default/_eui-table-default.scss","07-elements/directives/_eui-clearable-input.scss","07-elements/directives/_eui-input-maxlength.scss","07-elements/directives/_eui-tooltip.scss","07-elements/extras/index.scss","10-media/index.scss","11-extras/_cookie-consent.scss","11-extras/_preloader.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKC;EACG;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,QACQ;EACN;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,SACS;EACP;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;ACxVJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAII;EAIQ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAQR;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EAaY;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAJA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAUZ;EAGA;EAGA;EAGA;EACA;EAyEI;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAHA;EACA;EACA;EACA;EAIA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMJ;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;ACvSJ;EAEI;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;;;AClDJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAOY;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAapB;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAMJ;EACI;;;AC3DN;ECAA;EACA;EACA;EACA;EAEA;EACA;EACA;;ADJE;ECSF;EAIA;EACA;EACA;EACA;EACA;EACA;;;AA+CI;EACE;;;AAGF;EApCJ;EACA;;;AAcA;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AA+BE;EAhDJ;EACA;;;AAqDQ;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;E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AAGJ;EACI;EACA;EACA;;AAMA;EACI;EACA;EACA;;ASZR;EACI;;AAEA;EACI;;;ACdR;EACI;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;;;ACjBZ;EACI;;AAGI;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAOZ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAQZ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAQZ;EACI;;AAEA;EACI;EACA;EACA;EACA;;AAIA;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAKJ;EACI;;AAMhB;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA,cAlMU;EAmMV;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAKJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AC/OhB;EACI;EACA;EACA;EACA;;AZHA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAMA;EACI;EACA;EACA;;;AYVZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;;AAGJ;EACI;;;AAOR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAGI;EACI;;AAIR;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;;AAMR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;;AC1FR;EACI;IACI;;;AAGR;EAEI;IACI;IACA;IACA;;;ACVR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACXJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKZ;AACA;EACI;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;;AAGR;EACI;IACI;IACA;IACA;;EAGJ;IACI;IACA;IACA;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI;;;AAGR;EACI;IACI;IACA;;EAEJ;IACI;IACA;;EAEJ;IACI","file":"eui.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n line-height: var(--eui-base-line-height); /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n\n /* Sections\n ========================================================================== */\n\n /**\n * Remove the margin in all browsers.\n */\n\n body {\n margin: 0;\n }\n\n /**\n * Render the `main` element consistently in IE.\n */\n\n main {\n display: block;\n }\n\n /**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n /* Grouping content\n ========================================================================== */\n\n /**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /* Text-level semantics\n ========================================================================== */\n\n /**\n * Remove the gray background on active links in IE 10.\n */\n\n a {\n background-color: transparent;\n }\n\n /**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n\n /**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /**\n * Add the correct font size in all browsers.\n */\n\n small {\n font-size: 80%;\n }\n\n /**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /* Embedded content\n ========================================================================== */\n\n /**\n * Remove the border on images inside links in IE 10.\n */\n\n img {\n border-style: none;\n }\n\n /* Forms\n ========================================================================== */\n\n /**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1; /* 1 */ // eUI adapations forced to \"1\"\n margin: 0; /* 2 */\n }\n\n /**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\n button,\n input { /* 1 */\n overflow: visible;\n }\n\n /**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\n button,\n select { /* 1 */\n text-transform: none;\n }\n\n /**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n /**\n * Remove the inner border and padding in Firefox.\n */\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n /**\n * Restore the focus styles unset by the previous rule.\n */\n\n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n /**\n * Correct the padding in Firefox.\n */\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n /**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\n legend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n }\n\n /**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\n progress {\n vertical-align: baseline;\n }\n\n /**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\n textarea {\n overflow: auto;\n }\n\n /**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n }\n\n /**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n /**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n [type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n }\n\n /**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n\n /* Interactive\n ========================================================================== */\n\n /*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\n details {\n display: block;\n }\n\n /*\n * Add the correct display in all browsers.\n */\n\n summary {\n display: list-item;\n }\n\n /* Misc\n ========================================================================== */\n\n /**\n * Add the correct display in IE 10+.\n */\n\n template {\n display: none;\n }\n\n /**\n * Add the correct display in IE 10.\n */\n\n [hidden] {\n display: none;\n }\n","@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n font-weight: 100 900;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n font-weight: 100 900;\n font-display: swap;\n font-style: italic;\n}\n\n:root {\n // COLOR BASE - eui-bc\n // -------------------\n\n --eui-bc-transparent: transparent;\n\n @each $color, $shades in maps.$color-map {\n @each $shade, $value in $shades {\n --eui-bc-#{$color + '-' + $shade}: #{$value};\n --eui-bc-#{$color + '-' + $shade}-contrast: #{base.getContrast($value)};\n }\n }\n\n // GENERIC CONTEXT COLORS\n // ----------------------\n\n // generic context colors reused accross components\n --eui-c-white: #fff;\n --eui-c-black: #000;\n\n --eui-c-secondary-min: var(--eui-bc-gr-25);\n --eui-c-secondary-max: var(--eui-bc-gr-950);\n\n --eui-c-surface-page: var(--eui-bc-grn-25);\n --eui-c-surface-container: var(--eui-c-white);\n\n --eui-c-surface-shell: var(--eui-bc-grn-50);\n --eui-c-surface-container-1: var(--eui-bc-grn-75);\n --eui-c-surface-container-2: var(--eui-bc-grn-100);\n --eui-c-surface-container-3: var(--eui-bc-grn-200);\n\n --eui-c-text: var(--eui-bc-gr-950);\n --eui-c-text-light: var(--eui-bc-gr-800);\n --eui-c-text-lighter: var(--eui-bc-gr-700);\n --eui-c-text-lightest: var(--eui-bc-gr-600);\n\n --eui-c-focus-visible: var(--eui-bc-pr-600);\n --eui-c-focus: var(--eui-bc-pr-200);\n \n --eui-c-hover: var(--eui-bc-pr-75);\n --eui-c-hover-disabled: var(--eui-bc-gr-100);\n\n --eui-c-active: var(--eui-bc-pr-600);\n --eui-c-active-bg: var(--eui-bc-pr-200);\n --eui-c-active-bg-alt: var(--eui-bc-pr-300);\n --eui-c-active-bg-light: var(--eui-bc-pr-100);\n\n --eui-c-disabled: var(--eui-bc-gr-500);\n --eui-c-disabled-bg: var(--eui-bc-gr-50);\n --eui-c-readonly: var(--eui-bc-gr-600);\n\n --eui-c-link: var(--eui-bc-pr-600);\n\n --eui-c-divider: var(--eui-bc-gr-200);\n --eui-c-divider-light: var(--eui-bc-gr-100);\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in maps.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: var(--eui-bc-#{$value});\n } @else if $shade == on-default {\n --eui-c-on-#{$color}: var(--eui-bc-#{$value});\n } @else {\n --eui-c-#{$color + '-' + $shade}: var(--eui-bc-#{$value});\n }\n }\n }\n\n\n // TYPOGRAPHY - eui-f\n // ------------------\n\n // TYPOGRAPHY\n --eui-f-family: 'Inter', arial, sans-serif;\n\n // font families\n --eui-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\n // font sizes\n --eui-f-size-base: 16px;\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-bold: var(--eui-f-m-bold);\n\n\n // based on new EDS specs, but not convenient, better to have a flat list of sizes rather than too much semantic and overlaps\n // responsive fonts\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // $desktop: map-get($sizeDef, 'desktop');\n // $tablet: map-get($sizeDef, 'tablet');\n // $mobile: map-get($sizeDef, 'mobile');\n\n // @each $type, $def in $desktop {\n // --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n // }\n // @each $type, $def in $tablet {\n // --eui-f-#{$font}-#{$size}-tablet-#{$type}: #{$def};\n // }\n // @each $type, $def in $mobile {\n // --eui-f-#{$font}-#{$size}-mobile-#{$type}: #{$def};\n // }\n // --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n\n // --eui-f-#{$font}-#{$size}-tablet-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-tablet-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n\n // --eui-f-#{$font}-#{$size}-mobile-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-mobile-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n // }\n // }\n\n // @include base.media(maps.$eui-bkp-tablet) {\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-tablet-regular);\n // --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-tablet-medium);\n // --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-tablet-semi-bold);\n // --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-tablet-bold);\n // }\n // } \n // }\n // @include base.media(maps.$eui-bkp-mobile) {\n // @each $font, $fontDef in maps.$font-map-responsive {\n // @each $size, $sizeDef in $fontDef {\n // --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-mobile-regular);\n // --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-mobile-medium);\n // --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-mobile-semi-bold);\n // --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-mobile-bold);\n // }\n // } \n // }\n\n // // normal fonts (non-responsive)\n // @each $font, $fontDef in maps.$font-map {\n // @each $size, $sizeDef in $fontDef {\n // @each $type, $def in $sizeDef {\n // --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n // }\n // --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n // }\n // }\n\n // eUI font maps\n @each $size in maps.$font-size-list {\n --eui-f-#{$size}: normal normal var(--eui-f-weight-regular) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal var(--eui-f-weight-bold) var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n }\n\n @each $size, $def in maps.$font-size-map {\n --eui-f-size-#{$size}: #{$def};\n --eui-f-size-#{$size}-compact: #{$def};\n }\n\n @each $size, $def in maps.$font-line-height-map {\n --eui-f-line-height-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-weight-map {\n --eui-f-weight-#{$size}: #{$def};\n }\n\n\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: #{$value};\n }\n\n \n // BORDER RADIUS - eui-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eui-br-#{$br}: #{$value};\n }\n\n\n // LAYOUT-BREAKPOINTS - eui-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-map {\n --eui-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eui-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eui-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eui-sh\n // --------------------\n\n @each $sh, $value in maps.$box-shadow-map {\n --eui-sh-#{$sh}: #{$value};\n }\n\n\n // ICON-SIZES - eui-is\n // -------------------\n\n @each $icon-size, $value in maps.$icon-size-map {\n --eui-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eui-o\n // ---------------\n\n @each $idx, $value in maps.$opacity-map {\n --eui-o-#{$idx}: #{$value};\n }\n\n\n // Z-INDEXES - eui-zi\n // -------------------\n\n @each $idx, $value in maps.$z-index-map {\n --eui-zi-#{$idx}: #{$value};\n }\n\n\n // OTHERS \n // ------\n --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg'); \n\n --eui-base-line-height: 1.5;\n --eui-base-scale-factor: 1;\n\n // Animations related\n --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); // ease\n --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n --eui-base-animation-duration-fast: 0.25s;\n --eui-base-animation-duration-medium: 0.5s;\n --eui-base-animation-duration-slow: 1s;\n --eui-base-animation-duration-base: 500ms;\n --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n --eui-base-animation-delay: 0s;\n --eui-base-animation-direction: normal;\n --eui-base-animation-fill-mode: forwards; // this prevents the animation from restarting\n --eui-base-animation-background-color: var(--eui-c-primary-surface-light);\n}",":root {\n // eUI APP\n --eui-app-header-height-default: 0px;\n --eui-app-header-height: 0px;\n --eui-app-header-height-active: 90px;\n --eui-app-header-height-shrink: 0px;\n\n --eui-app-breadcrumb-height-default: 0px;\n --eui-app-breadcrumb-height: 0px;\n --eui-app-breadcrumb-height-active: 20px;\n\n --eui-app-top-message-height-default: 0px;\n --eui-app-top-message-height: 0px;\n --eui-app-top-message-height-active: 42px;\n\n --eui-app-toolbar-height-default: 0px;\n --eui-app-toolbar-height: 0px;\n --eui-app-toolbar-height-active: 60px;\n\n --eui-app-toolbar-mega-menu-height-default: 0px;\n --eui-app-toolbar-mega-menu-height: 0px;\n --eui-app-toolbar-mega-menu-height-active: 60px;\n\n --eui-app-sidebar-width-default: 0px;\n --eui-app-sidebar-width: 0px;\n --eui-app-sidebar-width-active: 300px;\n --eui-app-sidebar-width-close-default: 0px;\n --eui-app-sidebar-width-close: 0px;\n --eui-app-sidebar-width-close-active: 64px;\n --eui-app-sidebar-width-close-variant-active: 90px;\n --eui-app-sidebar-header-height: 0px;\n --eui-app-sidebar-header-height-default: 0px;\n --eui-app-sidebar-header-height-active: 48px;\n --eui-app-sidebar-header-user-profile: 64px;\n --eui-app-sidebar-footer-height: 0px;\n --eui-app-sidebar-footer-height-default: 0px;\n --eui-app-sidebar-footer-height-active: 24px;\n\n // Page Layout\n --eui-page-header-with-subtitle-height: 4rem;\n --eui-page-header-without-subtitle-height: 2rem;\n\n --eui-page-column--size-s: 50px;\n --eui-page-column--size-m: 150px;\n --eui-page-column--size-l: 200px;\n --eui-page-column--size-xl: 250px;\n --eui-page-column--size-xxl: 300px;\n --eui-page-column--size-xxxl: 350px;\n --eui-page-column-footer-height: 3.5rem;\n}\n\n.xs, .sm {\n --eui-app-header-height: 0px;\n}\n","@use '../../02-tokens/maps' as tokens;\n\n.eui-icon-svg {\n fill: currentColor;\n margin: 0;\n transform: scaleX(1) scaleY(1) rotateZ(0deg);\n transition: transform 300ms ease-in-out;\n display: inline-flex;\n align-items: center;\n}\n\n@each $icon-size, $value in tokens.$icon-size-map {\n .eui-icon-svg {\n &.eui-icon-svg--size {\n &-#{$icon-size} {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n\n // Custom icons\n > image {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n\n &.eui-icon-svg--stack {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n }\n }\n }\n}\n\n\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n .eui-badge,\n .eui-badge--size-m {\n position: absolute;\n left: 40%;\n top: -40%;\n }\n\n .eui-badge--empty {\n left: 70%;\n top: -5%\n }\n}\n\n.eui-icon-svg--size-l {\n .eui-badge--size-s {\n left: 70%;\n }\n}\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n .eui-badge {\n height: inherit;\n }\n}\n","// Row\n//\n// Rows contain your columns.\n\n@if $enable-grid-classes {\n .row {\n @include make-row();\n\n > * {\n @include make-col-ready();\n }\n }\n}\n\n@if $enable-cssgrid {\n .grid {\n display: grid;\n grid-template-rows: repeat(var(--#{$variable-prefix}rows, 1), 1fr);\n grid-template-columns: repeat(var(--#{$variable-prefix}columns, #{$grid-columns}), 1fr);\n gap: var(--#{$variable-prefix}gap, #{$grid-gutter-width});\n\n @include make-cssgrid();\n }\n}\n\n\n// Columns\n//\n// Common styles for small and large grid columns\n\n@if $enable-grid-classes {\n @include make-grid-columns();\n}\n","// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n@mixin make-row($gutter: $grid-gutter-width) {\n --#{$variable-prefix}gutter-x: #{$gutter};\n --#{$variable-prefix}gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n // TODO: Revisit calc order after https://github.com/react-bootstrap/react-bootstrap/issues/6039 is fixed\n margin-top: calc(-1 * var(--#{$variable-prefix}gutter-y)); // stylelint-disable-line function-disallowed-list\n margin-right: calc(-.5 * var(--#{$variable-prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n margin-left: calc(-.5 * var(--#{$variable-prefix}gutter-x)); // stylelint-disable-line function-disallowed-list\n}\n\n@mixin make-col-ready($gutter: $grid-gutter-width) {\n // Add box sizing if only the grid is loaded\n box-sizing: if(variable-exists(include-column-box-sizing) and $include-column-box-sizing, border-box, null);\n // Prevent columns from becoming too narrow when at smaller grid tiers by\n // always setting `width: 100%;`. This works because we set the width\n // later on to override this initial width.\n flex-shrink: 0;\n width: 100%;\n max-width: 100%; // Prevent `.col-auto`, `.col` (& responsive variants) from breaking out the grid\n padding-right: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n padding-left: calc(var(--#{$variable-prefix}gutter-x) * .5); // stylelint-disable-line function-disallowed-list\n margin-top: var(--#{$variable-prefix}gutter-y);\n}\n\n@mixin make-col($size: false, $columns: $grid-columns) {\n @if $size {\n flex: 0 0 auto;\n width: percentage(divide($size, $columns));\n\n } @else {\n flex: 1 1 0;\n max-width: 100%;\n }\n}\n\n@mixin make-col-auto() {\n flex: 0 0 auto;\n width: auto;\n}\n\n@mixin make-col-offset($size, $columns: $grid-columns) {\n $num: divide($size, $columns);\n margin-left: if($num == 0, 0, percentage($num));\n}\n\n// Row columns\n//\n// Specify on a parent element(e.g., .row) to force immediate children into NN\n// numberof columns. Supports wrapping to new lines, but does not do a Masonry\n// style grid.\n@mixin row-cols($count) {\n > * {\n flex: 0 0 auto;\n width: divide(100%, $count);\n }\n}\n\n// Framework grid generation\n//\n// Used only by Bootstrap to generate the correct number of grid classes given\n// any value of `$grid-columns`.\n\n@mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n // Provide basic `.col-{bp}` classes for equal-width flexbox columns\n .col#{$infix} {\n flex: 1 0 0%; // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4\n }\n\n .row-cols#{$infix}-auto > * {\n @include make-col-auto();\n }\n\n @if $grid-row-columns > 0 {\n @for $i from 1 through $grid-row-columns {\n .row-cols#{$infix}-#{$i} {\n @include row-cols($i);\n }\n }\n }\n\n .col#{$infix}-auto {\n @include make-col-auto();\n }\n\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .col#{$infix}-#{$i} {\n @include make-col($i, $columns);\n }\n }\n\n // `$columns - 1` because offsetting by the width of an entire row isn't possible\n @for $i from 0 through ($columns - 1) {\n @if not ($infix == \"\" and $i == 0) { // Avoid emitting useless .offset-0\n .offset#{$infix}-#{$i} {\n @include make-col-offset($i, $columns);\n }\n }\n }\n }\n\n // Gutters\n //\n // Make use of `.g-*`, `.gx-*` or `.gy-*` utilities to change spacing between the columns.\n @each $key, $value in $gutters {\n .g#{$infix}-#{$key},\n .gx#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-x: #{$value};\n }\n\n .g#{$infix}-#{$key},\n .gy#{$infix}-#{$key} {\n --#{$variable-prefix}gutter-y: #{$value};\n }\n }\n }\n }\n}\n\n@mixin make-cssgrid($columns: $grid-columns, $breakpoints: $grid-breakpoints) {\n @each $breakpoint in map-keys($breakpoints) {\n $infix: breakpoint-infix($breakpoint, $breakpoints);\n\n @include media-breakpoint-up($breakpoint, $breakpoints) {\n @if $columns > 0 {\n @for $i from 1 through $columns {\n .g-col#{$infix}-#{$i} {\n grid-column: auto / span $i;\n }\n }\n\n // Start with `1` because `0` is and invalid value.\n // Ends with `$columns - 1` because offsetting by the width of an entire row isn't possible.\n @for $i from 1 through ($columns - 1) {\n .g-start#{$infix}-#{$i} {\n grid-column-start: $i;\n }\n }\n }\n }\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @if not $n {\n @error \"breakpoint `#{$name}` not found in `#{$breakpoints}`\";\n }\n @return if($n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width.\n// The maximum value is reduced by 0.02px to work around the limitations of\n// `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(md, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $max: map-get($breakpoints, $name);\n @return if($max and $max > 0, $max - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $next: breakpoint-next($name, $breakpoints);\n $max: breakpoint-max($next);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($next, $breakpoints) {\n @content;\n }\n }\n}\n","html.eui-21 {\n --mat-datepicker-calendar-container-shape: var(--eui-s-3xs);\n --mat-datepicker-calendar-container-touch-shape: var(--eui-s-3xs);\n --mat-datepicker-calendar-container-elevation-shadow: var(--eui-sh-2);\n --mat-datepicker-calendar-container-touch-elevation-shadow: var(--eui-sh-2);\n --mat-datepicker-calendar-date-selected-state-text-color: var(--eui-c-white);\n --mat-datepicker-calendar-date-selected-state-background-color: var(--eui-c-primary-surface);\n --mat-datepicker-calendar-date-selected-disabled-state-background-color: #00449466;\n --mat-datepicker-calendar-date-today-selected-state-outline-color: var(--eui-c-white);\n --mat-datepicker-calendar-date-focus-state-background-color: var(--eui-c-focus);\n --mat-datepicker-calendar-date-hover-state-background-color: var(--eui-c-primary-surface-light);\n --mat-datepicker-toggle-active-state-icon-color: var(--eui-c-primary);\n --mat-datepicker-calendar-date-in-range-state-background-color: #00449433;\n --mat-datepicker-calendar-date-in-comparison-range-state-background-color: var(--eui-c-primary-surface);\n --mat-datepicker-calendar-date-in-overlap-range-state-background-color: var(--eui-c-success-surface-medium);\n --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: var(--eui-c-success-surface-medium);\n --mat-datepicker-toggle-icon-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-body-label-text-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-period-button-text-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-period-button-icon-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-navigation-button-icon-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-header-divider-color: #0000001f;\n --mat-datepicker-calendar-header-text-color: var(--eui-c-secondary);\n --mat-datepicker-calendar-date-today-outline-color: #00000061;\n --mat-datepicker-calendar-date-today-disabled-state-outline-color: #0000002e;\n --mat-datepicker-calendar-date-text-color: var(--eui-c-text);\n --mat-datepicker-calendar-date-outline-color: #0000;\n --mat-datepicker-calendar-date-disabled-state-text-color: #00000061;\n --mat-datepicker-calendar-date-preview-state-outline-color: #0000003d;\n --mat-datepicker-range-input-separator-color: #000000de;\n --mat-datepicker-range-input-disabled-state-separator-color: #00000061;\n --mat-datepicker-range-input-disabled-state-text-color: #00000061;\n --mat-datepicker-calendar-container-background-color: var(--eui-c-white);\n --mat-datepicker-calendar-container-text-color: #000000de;\n}\n\n.eui-21 {\n // Left and right arrow calendar buttons\n .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {\n --mdc-icon-button-state-layer-size: var(--eui-s-5xl);\n height: var(--mdc-icon-button-state-layer-size);\n padding: var(--eui-s-xs);\n width: var(--mdc-icon-button-state-layer-size);\n }\n\n // current selected/hovered/active date\n .mat-mdc-focus-indicator,\n .mat-focus-indicator {\n position: relative;\n }\n\n .mat-mdc-focus-indicator:before,\n .mat-focus-indicator:before {\n 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);\n border-radius: var(--mat-mdc-focus-indicator-border-radius, var(--eui-s-3xs));\n bottom: 0;\n box-sizing: border-box;\n display: var(--mat-mdc-focus-indicator-display, none);\n left: 0;\n pointer-events: none;\n position: absolute;\n right: 0;\n top: 0;\n }\n\n .mat-calendar-body-cell {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n text-align: center;\n }\n\n .mat-calendar-body-cell::before,\n .mat-calendar-body-cell::after,\n .mat-calendar-body-cell-preview {\n content: \"\";\n position: absolute;\n top: 8%;\n left: 0;\n z-index: 0;\n box-sizing: border-box;\n display: block;\n height: 90%;\n width: 100%;\n }\n\n // CDK styles\n .cdk-high-contrast-active .mat-ripple-element {\n display: none;\n }\n\n .cdk-visually-hidden {\n clip: rect(0 0 0 0);\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 0;\n height: 1px;\n left: 0;\n margin: -1px;\n outline: 0;\n overflow: hidden;\n padding: 0;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n }\n\n [dir=\"rtl\"] .cdk-visually-hidden {\n left: auto;\n right: 0;\n }\n\n .cdk-global-overlay-wrapper,\n .cdk-overlay-container {\n height: 100%;\n left: 0;\n pointer-events: none;\n top: 0;\n width: 100%;\n }\n\n .cdk-overlay-container {\n position: fixed;\n z-index: 1000;\n }\n\n .cdk-overlay-container:empty {\n display: none;\n }\n\n .cdk-global-overlay-wrapper,\n .cdk-overlay-pane {\n display: flex;\n position: absolute;\n z-index: 1000;\n }\n\n .cdk-overlay-pane {\n box-sizing: border-box;\n max-height: 100%;\n max-width: 100%;\n pointer-events: auto;\n }\n\n .cdk-overlay-backdrop {\n -webkit-tap-highlight-color: transparent;\n bottom: 0;\n left: 0;\n opacity: 0;\n pointer-events: auto;\n position: absolute;\n right: 0;\n top: 0;\n transition: opacity 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n z-index: 1000;\n }\n\n .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n opacity: 1;\n }\n\n .cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {\n opacity: 0.6;\n }\n\n .cdk-overlay-dark-backdrop {\n background: #00000052;\n }\n\n .cdk-overlay-transparent-backdrop {\n opacity: 1;\n transition: visibility 1ms linear, opacity 1ms linear;\n visibility: hidden;\n }\n\n .cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {\n opacity: 0;\n visibility: visible;\n }\n\n .cdk-overlay-backdrop-noop-animation {\n transition: none;\n }\n\n .cdk-overlay-connected-position-bounding-box {\n display: flex;\n flex-direction: column;\n min-height: 1px;\n min-width: 1px;\n position: absolute;\n z-index: 1000;\n }\n\n .cdk-global-scrollblock {\n overflow-y: scroll;\n position: fixed;\n width: 100%;\n }\n\n .cdk-high-contrast-active {\n --mat-focus-indicator-display: block;\n }\n}",".eui-21 {\n .mat-calendar {\n font-size: small !important;\n font-family: var(--eui-f-family) !important;\n \n &.mat-calendar-year {\n .mat-calendar-period-button {\n display: none;\n }\n }\n }\n}\n",".eui-21 {\n\n // Animate items as they're being sorted\n .cdk-drop-list-dragging .cdk-drag {\n transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);\n }\n \n // Animate an item that has been dropped\n .cdk-drag-animating {\n transition: transform 300ms cubic-bezier(0, 0, 0.2, 1);\n }\n\n .cdk-drag-handle {\n cursor: move !important;\n }\n\n .cdk-drag-dragging {\n opacity: 1;\n }\n\n // Grabbed element\n .cdk-drag-preview {\n background-color: transparent; // var(--eui-c-white);\n box-shadow: none;\n cursor: grab !important;\n display: table; // trick to get the full row width\n margin: 0 !important;\n opacity: 1;\n position: relative;\n }\n \n .cdk-drag-placeholder {\n background-color: transparent;\n opacity: 0.35;\n \n &:hover {\n outline: 2px dashed var(--eui-c-secondary-border-light);\n outline-offset: 2px;\n }\n }\n}\n","@use '../../../base/01-base' as base;\n@use '../../../base/02-tokens/maps' as tokens;\n\n.eui-21 {\n // Disable global scrollbars (used in full screen eui-dialog for example)\n .cdk-global-scrollblock {\n position: fixed;\n overflow-y: visible; // Material default: scroll\n width: 100%;\n @include base.eui-scrollbars;\n left: 0 !important;\n }\n @include base.media(tokens.$eui-bkp-mobile) {\n .cdk-global-scrollblock {\n height: 100%;\n overflow: auto;\n position: fixed;\n width: 100%;\n @include base.eui-scrollbars;\n }\n }\n}\n\n\n","@use 'accessibility.mixins' as a11y;\n\n@mixin eui-scrollbars( $size: 10px, $foreground-color: var(--eui-c-divider), $background-color: var(--eui-c-secondary-surface-light), $border-radius: 5rem, $state: active ) {\n \n &::-webkit-scrollbar {\n display: inherit;\n height: $size; // horizontal scroll\n width: $size; // vertical scroll\n @if ($state == active) {\n background-color: $background-color;\n }\n @else {\n background-color: transparent;\n }\n }\n\n // This is the scrolling bar\n &::-webkit-scrollbar-thumb {\n @if ($state == active) {\n background-color: $foreground-color;\n border-radius: $border-radius;\n\n &:hover {\n background-color: var(--eui-c-secondary-surface);\n }\n }\n @else {\n background-color: transparent;\n }\n }\n\n // Apply focus and keyboard focus to scrollbar thumb when the scrollable container is focused\n &:focus::-webkit-scrollbar-thumb {\n @if ($state == active) {\n @include a11y.eui-accessible-focus-pseudo;\n }\n }\n\n &:focus-visible::-webkit-scrollbar-thumb {\n @if ($state == active) {\n @include a11y.eui-accessible-focus-pseudo;\n }\n }\n\n // This is the scroll container\n &::-webkit-scrollbar-track {\n @if ($state == active) {\n background-color: $background-color;\n border-radius: 0;\n }\n @else {\n background-color: transparent;\n }\n }\n\n // Firefox only CSS-specific extension - Attention those properties overrides :webkit pseudos!\n @-moz-document url-prefix() {\n scrollbar-color: var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);\n // scrollbar-gutter: stable;\n scrollbar-width: auto;\n }\n\n // Firefox focus state for scrollbar\n &:focus,\n &:focus-visible {\n @-moz-document url-prefix() {\n scrollbar-color: var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light);\n }\n }\n}\n@mixin eui-scrollbars-inactive($size: 8px) {\n &::-webkit-scrollbar {\n background-color: transparent;\n display: inherit;\n height: $size; // horizontal scroll\n width: $size; // vertical scroll\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n}\n\n\n// @mixin eui-ng-scrollbar() {\n// --scrollbar-thickness: 10 !important;\n// --scrollbar-hover-thickness: var(--scrollbar-thickness) !important;\n// --scrollbar-border-radius: 5rem !important;\n// }\n","$outline-offset: -2px;\n$outline-size: 2px;\n\n// Call this mixin to enforce the accessibility visuals when on focus/active\n@mixin eui-accessible-focus($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n // Forced focusable element\n [tabindex=\"0\"] {\n // &:active:not([readonly]),\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n }\n}\n\n@mixin eui-accessible-focus-only($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-visible($offset: $outline-offset, $size: $outline-size) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-rounded($offset: $outline-offset, $size: $outline-size) {\n &:focus:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n\n &:focus-visible:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-visible-rounded($offset: $outline-offset, $size: $outline-size) {\n &:focus-visible:not([readonly]) {\n border-radius: var(--eui-br-max);\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eui-accessible-focus-border() {\n border-left: var(--eui-s-3xs) solid transparent;\n\n &:focus:not([readonly]) {\n border: var(--eui-s-3xs) solid var(--eui-c-focus-visible) !important;\n transition: none;\n }\n}\n\n\n\n@mixin eui-accessible-focus-ring($offset: 1px) {\n &:focus:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border-light) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-s) !important;\n }\n}\n@mixin eui-accessible-focus-ring-rounded($offset: 1px) {\n &:focus:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border-light) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-max) !important;\n }\n}\n@mixin eui-accessible-focus-visible-ring($offset: 1px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-s) !important;\n }\n}\n@mixin eui-accessible-focus-visible-ring-rounded($offset: 1px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n outline-offset: $offset !important;\n border-radius: var(--eui-br-max) !important;\n }\n}\n\n// Mixin for applying focus outline to pseudo-elements (like scrollbar thumbs)\n// This doesn't use :not([readonly]) since pseudo-elements don't support attribute selectors, that's why a new mixin is needed\n@mixin eui-accessible-focus-pseudo($offset: $outline-offset, $size: $outline-size) {\n outline: $size solid var(--eui-c-focus-visible) !important;\n outline-offset: $offset !important;\n}\n","@use 'sass:map';\n@use 'sass:list';\n\n$default-feature: \"min-width\";\n@mixin media($query: $feature $value $columns) {\n @if list.length($query) == 1 {\n @media screen and ($default-feature: list.nth($query, 1)) {\n @content;\n }\n }\n @else {\n $loop-to: list.length($query);\n $media-query: \"screen and \";\n @if is-not(is-even(list.length($query))) {\n $loop-to: $loop-to - 1;\n }\n $i: 1;\n @while $i <=$loop-to {\n $media-query: $media-query + \"(\" + list.nth($query, $i) + \": \" + list.nth($query, $i + 1) + \") \";\n @if ($i + 1) != $loop-to {\n $media-query: $media-query + \"and \";\n }\n $i: $i+2;\n }\n @media #{$media-query} {\n @content;\n }\n }\n}\n",".eui-21 {\n .cdk-overlay-container {\n z-index: var(--eui-zi-cdk-overlay-container); // MD: 1000\n }\n}\n\n\n","@use '../../../base/01-base' as base;\n@use '../../../base/02-tokens/maps' as tokens;\n\n.eui-21 {\n @include base.media(tokens.$eui-bkp-mobile) {\n .cdk-overlay-container {\n height: 100vh; // Fallback\n height: calc(var(--eui-app-vh, 1vh) * 100);\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n }\n }\n}\n",".eui-21 {\n .cdk-overlay-pane {\n background-color: var(--eui-c-surface-container);\n z-index: var(--eui-zi-cdk-overlay-pane); // Dynamically changes based on CDK context\n }\n}\n","@use '../../../base/01-base' as base;\n\n.eui-21 {\n .cdk-virtual-scrollable {\n @include base.eui-scrollbars();\n }\n}\n","// Make viewport responsive\n//\n// @viewport is needed because IE 10+ doesn't honor <meta name=\"viewport\"> in\n// some cases. See https://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/.\n// Eventually @viewport will replace <meta name=\"viewport\">.\n//\n// However, `device-width` is broken on IE 10 on Windows (Phone) 8,\n// (see https://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497)\n// and the fix for that involves a snippet of JavaScript to sniff the user agent\n// and apply some conditional CSS.\n//\n// See https://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack.\n//\n// Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g.,\n// `.class-name { @import \"bootstrap\"; }`).\n@at-root {\n @-ms-viewport {\n width: device-width;\n }\n}\n\n/* ==========================================================================\n #BOX-SIZING\n ========================================================================== */\n\n/**\n * More sensible default box-sizing:\n * css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice\n */\n\nhtml {\n box-sizing: border-box;\n}\n\n* {\n &::before,\n &::after,\n & {\n box-sizing: inherit;\n }\n}\n\n// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.\n//\n// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11\n// DON'T remove the click delay when `<meta name=\"viewport\" content=\"width=device-width\">` is present.\n// However, they DO support removing the click delay via `touch-action: manipulation`.\n// See:\n// * https://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch\n// * http://caniuse.com/#feat=css-touch-action\n// * https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay\n\na,\narea,\nbutton,\n[role=\"button\"],\ninput,\nlabel,\nselect,\nsummary,\ntextarea {\n touch-action: manipulation;\n}\n\n// NORMALIZE reset alignments (see 00-reset)\np,\nlabel,\nblockquote,\nabbr,\nmark,\ndel {\n font-size: var(--eui-f-size-base);\n}\n\nb, strong {\n font-weight: bold !important;\n}\n\n// Hide browser agent default (black) color\n:focus,\n:focus-visible {\n outline: none;\n}\n\n// Resolves issue in Firefox with extra borders\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: none; // Default: button\n appearance: none;\n}\n\ndel {\n .eui-label {\n text-decoration: line-through;\n }\n\n .eui-input-text {\n &[readonly] {\n text-decoration: line-through;\n }\n }\n\n .eui-input-number {\n &[readonly] {\n text-decoration: line-through;\n }\n }\n}\n","html {\n display: block;\n height: 100%;\n font-size: var(--eui-f-size-base);\n line-height: var(--eui-base-line-height);\n}\n\nbody {\n background-color: var(--eui-c-surface-page);\n color: var(--eui-c-text);\n font-family: var(--eui-f-family);\n font-feature-settings: 'liga';\n font-size: var(--eui-f-size-base);\n -moz-font-smoothing: antialiased;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 100%;\n line-height: var(--eui-base-line-height);\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n",".eui-21 {\n table.eui-table-default {\n background-color: transparent;\n border-collapse: collapse;\n border-spacing: 0;\n color: var(--eui-c-text);\n max-width: 100%;\n overflow: auto;\n position: relative;\n \n // Add default borders\n th {\n border: 1px solid var(--eui-c-divider);\n }\n\n th,\n td {\n &:first-child {\n border-left: 0;\n }\n \n &:last-child {\n border-right: 0;\n }\n }\n \n // Overall settings (default)\n thead > tr > th,\n tbody > tr > td,\n tfoot > tr > td {\n vertical-align: middle;\n }\n \n tr > th,\n tr > td {\n padding: var(--eui-s-s);\n text-align: left;\n }\n \n thead {\n th {\n color: var(--eui-c-text);\n font-size: var(--eui-f-size-base);\n padding: var(--eui-s-m) var(--eui-s-s);\n vertical-align: middle;\n font: var(--eui-f-m-bold);\n }\n \n tr {\n background: var(--eui-c-surface-container-2);\n border-top: 0;\n }\n }\n \n // Striped & hovered tables by default (UX)\n tbody {\n -webkit-overflow-scrolling: touch; // optional - enable iOS momentum scrolling\n \n tr:nth-of-type(odd) {\n background-color: var(--eui-c-surface-page);\n \n &:hover {\n background-color: var(--eui-c-active-bg-light);\n }\n }\n \n tr:nth-of-type(even) {\n background-color: var(--eui-c-surface-container-1);\n \n &:hover {\n background-color: var(--eui-c-active-bg-light);\n }\n }\n }\n \n tfoot {\n tr {\n background: var(--eui-c-surface-container-2);\n }\n }\n \n tr {\n border-bottom: 1px solid var(--eui-c-divider-light);\n display: table-row;\n }\n \n &--no-zebra {\n tbody {\n tr:nth-of-type(odd) {\n background-color: transparent;\n }\n \n tr:nth-of-type(even) {\n background-color: transparent;\n }\n } \n }\n\n\n // Compact table\n &--compact {\n thead {\n th {\n padding: var(--eui-s-xs) var(--eui-s-s);\n }\n }\n \n tr > td {\n padding: var(--eui-s-3xs) var(--eui-s-s);\n }\n }\n \n // Responsive table\n &--responsive {\n display: table;\n width: 100%;\n \n &--bordered {\n border: 0; // Prevent double border on horizontal scroll due to use of `display: block;`\n }\n }\n \n // NoWrap table content (also disables ellipsis)\n &--nowrap {\n white-space: nowrap;\n \n thead > tr > th,\n tbody > tr > td,\n tfoot > tr > td {\n white-space: nowrap;\n }\n }\n \n // Centered table\n &--centered {\n display: table;\n margin: 0 auto;\n width: auto;\n }\n \n // Middle aligned cells content\n &--align-middle {\n thead > tr > th,\n tbody > tr > td,\n tfoot > tr > td {\n vertical-align: middle;\n }\n }\n }\n}\n","@use '../../../base/01-base' as base;\n\n.eui-21 .eui-icon-svg.eui-input-text--clearable-icon {\n cursor: pointer;\n position: absolute;\n right: var(--eui-s-s);\n user-select: none;\n visibility: visible;\n z-index: var(--eui-zi-clearable-icon);\n @include base.eui-accessible-focus();\n\n > svg {\n fill: var(--eui-c-text-light);\n\n &:hover {\n fill: var(--eui-c-danger);\n }\n }\n}\n",".eui-21 {\n .eui-input-maxlength-wrapper {\n position: relative;\n width: 100%;\n \n .eui-input-maxlength {\n font: var(--eui-f-xs);\n background-color: var(--eui-c-secondary-surface-light);\n border: 1px solid var(--eui-c-secondary-border-light);\n border-radius: var(--eui-br-m);\n color: var(--eui-c-text);\n padding: 0 var(--eui-s-3xs);\n position: absolute;\n right: calc(-1 * #{var(--eui-s-xs)});\n top: calc(-1 * #{var(--eui-s-xs)});\n z-index: var(--eui-zi-input-maxlength);\n \n &--invalid {\n background-color: var(--eui-c-warning-surface);\n border-color: var(--eui-c-warning-base);\n color: var(--eui-c-warning-surface-contrast);\n }\n }\n }\n}\n","$eui-tooltip-arrow-width: 8px;\n\n.eui-21 {\n .eui-tooltip__container {\n background-color: transparent;\n \n &.eui-tooltip--above {\n .eui-tooltip {\n margin-bottom: var(--eui-s-m);\n \n &:before {\n border-color: var(--eui-c-secondary) transparent transparent transparent;\n bottom: 2px;\n left: calc(50% - #{$eui-tooltip-arrow-width});\n transform: translate(0, $eui-tooltip-arrow-width * 2);\n }\n \n &--primary {\n &:before {\n border-color: var(--eui-c-primary-surface) transparent transparent transparent;\n }\n }\n \n &--info {\n &:before {\n border-color: var(--eui-c-info-surface) transparent transparent transparent;\n }\n }\n \n &--success {\n &:before {\n border-color: var(--eui-c-success-surface) transparent transparent transparent;\n }\n }\n \n &--warning {\n &:before {\n border-color: var(--eui-c-warning-surface) transparent transparent transparent;\n }\n }\n \n &--danger {\n &:before {\n border-color: var(--eui-c-danger-surface) transparent transparent transparent;\n }\n }\n }\n }\n \n &.eui-tooltip--below {\n .eui-tooltip {\n margin-top: var(--eui-s-m);\n \n &:before {\n border-color: transparent transparent var(--eui-c-secondary) transparent;\n left: calc(50% - #{$eui-tooltip-arrow-width});\n top: 0;\n transform: translate(0, -100%);\n }\n \n &--primary {\n &:before {\n border-color: transparent transparent var(--eui-c-primary-surface) transparent;\n }\n }\n \n &--info {\n &:before {\n border-color: transparent transparent var(--eui-c-info-surface) transparent;\n }\n }\n \n &--success {\n &:before {\n border-color: transparent transparent var(--eui-c-success-surface) transparent;\n }\n }\n \n &--warning {\n &:before {\n border-color: transparent transparent var(--eui-c-warning-surface) transparent;\n }\n }\n \n &--danger {\n &:before {\n border-color: transparent transparent var(--eui-c-danger-surface) transparent;\n }\n }\n }\n }\n \n &.eui-tooltip--left,\n &.eui-tooltip--before {\n .eui-tooltip {\n margin-right: var(--eui-s-m);\n \n &:before {\n border-color: transparent transparent transparent var(--eui-c-secondary);\n right: calc(#{-$eui-tooltip-arrow-width} + 2px);\n top: 50%;\n transform: translate($eui-tooltip-arrow-width, -$eui-tooltip-arrow-width);\n }\n \n &--primary {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-primary-surface);\n }\n }\n \n &--info {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-info-surface);\n }\n }\n \n &--success {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-success-surface);\n }\n }\n \n &--warning {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-warning-surface);\n }\n }\n \n &--danger {\n &:before {\n border-color: transparent transparent transparent var(--eui-c-danger-surface);\n }\n }\n }\n }\n \n &.eui-tooltip--right,\n &.eui-tooltip--after {\n .eui-tooltip {\n margin-left: var(--eui-s-m);\n \n &:before {\n border-color: transparent var(--eui-c-secondary) transparent transparent;\n left: calc(#{-$eui-tooltip-arrow-width} + 2px);\n top: 50%;\n transform: translate(-$eui-tooltip-arrow-width, -$eui-tooltip-arrow-width);\n }\n \n &--primary {\n &:before {\n border-color: transparent var(--eui-c-primary-surface) transparent transparent;\n }\n }\n \n &--info {\n &:before {\n border-color: transparent var(--eui-c-info-surface) transparent transparent;\n }\n }\n \n &--success {\n &:before {\n border-color: transparent var(--eui-c-success-surface) transparent transparent;\n }\n }\n \n &--warning {\n &:before {\n border-color: transparent var(--eui-c-warning-surface) transparent transparent;\n }\n }\n \n &--danger {\n &:before {\n border-color: transparent var(--eui-c-danger-surface) transparent transparent;\n }\n }\n }\n }\n \n .eui-tooltip {\n background-color: var(--eui-c-secondary-dark);\n border-radius: var(--eui-br-m);\n box-shadow: var(--eui-sh-4);\n color: var(--eui-c-secondary-on-dark);\n letter-spacing: 0.05em;\n max-width: 50vw;\n padding: var(--eui-s-xs);\n white-space: pre-line;\n font: var(--eui-f-xs);\n \n &:before {\n border-color: transparent;\n border-style: solid;\n border-width: $eui-tooltip-arrow-width;\n bottom: 0;\n content: '';\n display: block;\n height: 0;\n position: absolute;\n width: 0;\n }\n \n &.eui-tooltip--content-left {\n text-align: left;\n }\n \n &.eui-tooltip--content-right {\n text-align: right;\n }\n \n &.eui-tooltip--content-center {\n text-align: center;\n }\n \n &.eui-tooltip--content-justify {\n text-align: justify;\n }\n }\n \n .eui-tooltip {\n &--primary {\n background-color: var(--eui-c-primary-surface);\n color: var(--eui-c-primary-on-surface);\n }\n \n &--info {\n background-color: var(--eui-c-info-surface);\n color: var(--eui-c-info-on-surface);\n }\n \n &--success {\n background-color: var(--eui-c-success-surface);\n color: var(--eui-c-success-on-surface);\n }\n \n &--warning {\n background-color: var(--eui-c-warning-surface);\n color: var(--eui-c-warning-on-surface);\n }\n \n &--danger {\n background-color: var(--eui-c-danger-surface);\n color: var(--eui-c-danger-on-surface);\n }\n }\n }\n}\n","@use '../../../base/01-base' as base;\n\n// TODO v21: to be removed. See if those can be part of eui-button.states / variants\n// BUTTON FIXED (used in Showcase shared components)\n.eui-button-fixed {\n bottom: var(--eui-s-5xl);\n position: fixed;\n right: var(--eui-s-xl);\n z-index: calc(#{var(--eui-zi-btn-floating)} + 1); // Allow to be over the footer & page columns\n @include base.eui-accessible-focus();\n}\n\n// BUTTON FLOATING\n.eui-button-floating {\n align-items: center;\n border-radius: var(--eui-br-max);\n display: inline-flex;\n overflow: hidden;\n padding: var(--eui-s-xs);\n position: relative;\n transform: translateY(35%);\n vertical-align: middle;\n height: var(--eui-s-6xl);\n width: var(--eui-s-6xl);\n z-index: 1;\n box-shadow: var(--eui-sh-5);\n background-color: var(--_bg-color);\n color: var(--_on-bg-color);\n border: none;\n\n &:hover {\n cursor: pointer;\n box-shadow: var(--eui-sh-3);\n }\n\n &::before {\n border-radius: var(--eui-br-none);\n }\n}\n\n// TODO v21: to be removed an use the eui-icon-button-expander component instead\n// BUTTON AS EXPAND TRIGGER\n// Seel also --expand-toggle in button.states\n.eui-button__expand-trigger {\n border-top: 1px solid var(--eui-c-divider);\n cursor: pointer;\n display: flex;\n justify-content: center;\n width: 100%;\n z-index: 1;\n margin-bottom: var(--eui-s-l);\n\n &:hover {\n .eui-button--expand-toggle {\n box-shadow: var(--eui-sh-3);\n }\n }\n\n &--collapsed {\n margin-top: var(--eui-s-s);\n }\n}\n.eui-button--expand-toggle {\n background: var(--eui-c-surface-page);\n border-color: transparent;\n border-radius: 0 0 var(--eui-s-xs) var(--eui-s-xs);\n cursor: pointer;\n min-height: var(--eui-s-m);\n padding: 0 var(--eui-s-s);\n box-shadow: var(--eui-sh-1);\n display: inline-flex;\n align-items: center;\n gap: var(--eui-s-xs);\n\n &:hover,\n &:focus {\n box-shadow: var(--eui-sh-3);\n }\n}\n\n// TODO v21: to be removed. Create a component wrapper for this composition (ex: see eui-chip-group)\n// DROPDOWN BUTTON (Composition)\n.eui-dropdown-button {\n align-items: center;\n display: inline-flex;\n flex-shrink: 0;\n justify-content: center;\n position: relative;\n\n &--disabled,\n &:disabled {\n pointer-events: none;\n }\n}\n","// IE10+ SVG's aspect ratios and sizes fix\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n img[src$=\".svg\"] {\n width: 100%;\n }\n}\n@media screen {\n // IE Fix: Bicubic Scaling for Images & full width background (EC logo)\n img {\n background-repeat: no-repeat;\n background-size: 100%;\n -ms-interpolation-mode: bicubic;\n }\n}\n","// COOKIE CONSENT\n.cookie-consent-banner {\n display: block !important;\n min-width: 50% !important;\n position: absolute !important;\n right: 50% !important;\n top: var(--eui-s-m) !important;\n transform: translateX(50%) !important;\n z-index: var(--eui-zi-max) !important;\n box-shadow: var(--eui-sh-5) !important;\n background: var(--eui-c-primary-surface) !important;\n color: var(--eui-c-primary-surface-contrast) !important;\n}\n","#loader-wrapper {\n height: 100%;\n left: 0;\n position: fixed;\n top: 0;\n width: 100%;\n z-index: 1000;\n\n #loader {\n -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */\n animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */\n animation: hourglass 5s linear infinite;\n border: 10px solid transparent;\n border-radius: 50%;\n border-top-color: var(--eui-c-warning-base);\n display: block;\n height: 200px;\n left: 50%;\n margin: -100px 0 0 -100px;\n position: relative;\n top: 50%;\n width: 200px;\n\n &::before {\n -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */\n animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */\n animation: hourglass 4s linear infinite;\n border: 10px solid transparent;\n border-radius: 50%;\n border-top-color: var(--eui-c-danger-base);\n bottom: 5px;\n content: \"\";\n left: 5px;\n position: absolute;\n right: 5px;\n top: 5px;\n }\n\n &::after {\n -webkit-animation: spin 1s linear infinite; /* Chrome, Opera 15+, Safari 5+ */\n animation: spin 1s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */\n animation: hourglass 3s linear infinite;\n border: 10px solid transparent;\n border-radius: 50%;\n border-top-color: var(--eui-c-primary-base);\n bottom: 20px;\n content: \"\";\n left: 20px;\n position: absolute;\n right: 20px;\n top: 20px;\n }\n }\n}\n\n/* stylelint-enable */\n@-webkit-keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n -ms-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n\n 100% {\n -webkit-transform: rotate(360deg);\n -ms-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@-webkit-keyframes hourglass {\n 0% {\n transform: rotate(0);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n 50% {\n transform: rotate(900deg);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 100% {\n transform: rotate(1800deg);\n }\n}\n@keyframes hourglass {\n 0% {\n transform: rotate(0);\n animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n }\n 50% {\n transform: rotate(900deg);\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 100% {\n transform: rotate(1800deg);\n }\n}\n"]}
package/package.json CHANGED
@@ -16,6 +16,6 @@
16
16
  "node": "^20.19.0 || ^22.12.0 || >=24.0.0"
17
17
  },
18
18
  "license": "EUPL-1.1",
19
- "version": "21.0.0-next.2",
19
+ "version": "21.0.0-next.4",
20
20
  "tag": "next"
21
21
  }
package/dist/base/99-utilities/default/tokens/_color-states.scss DELETED
@@ -1,39 +0,0 @@
1
- @use '../../../../base/02-tokens/maps' as tokens;
2
-
3
- // context colors
4
- @each $color, $shades in tokens.$color-state-map {
5
- @each $shade, $value in $shades {
6
- @if ($shade == 'default') {
7
- .eui-u-c-s-#{$color} {
8
- color: var(--eui-c-#{$color}) !important;
9
- };
10
- }@else {
11
- @if ($shade == 'surface-light') {
12
- .eui-u-c-s-#{$color + '-' + $shade} {
13
- background-color: var(--eui-c-#{$color + '-' + $shade}) !important;
14
- color: var(--eui-c-#{$color + '-on-surface-light'}) !important;
15
- }
16
- .eui-u-c-s-#{$color + '-' + $shade}:hover {
17
- background-color: var(--eui-c-#{$color + '-surface-light-hover'}) !important;
18
- }
19
- }@else {
20
- @if ($shade == 'surface') {
21
- .eui-u-c-s-#{$color + '-' + $shade} {
22
- background-color: var(--eui-c-#{$color + '-' + $shade}) !important;
23
- color: var(--eui-c-#{$color + '-surface-contrast'}) !important;
24
- }
25
- .eui-u-c-s-#{$color + '-' + $shade}:hover {
26
- background-color: var(--eui-c-#{$color + '-surface-hover'}) !important;
27
- color: var(--eui-c-#{$color + '-surface-hover-contrast'}) !important;
28
- }
29
- } @else {
30
- @if ($shade == 'border' or $shade == 'border-light') {
31
- .eui-u-c-s-#{$color + '-' + $shade} {
32
- border: 1px solid var(--eui-c-#{$color + '-' + $shade}) !important;
33
- }
34
- }
35
- }
36
- }
37
- }
38
- }
39
- }