@eui/styles 21.0.0-next.9 → 21.0.0-rc.2
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.
- package/dist/assets/icons/sprites/eui-file.json +6 -0
- package/dist/assets/icons/sprites/eui-file.svg +1 -1
- package/dist/base/01-base/functions/_color.functions.scss +46 -124
- package/dist/base/01-base/functions/_other.functions.scss +4 -0
- package/dist/base/01-base/mixins/_accessibility.mixins.scss +2 -2
- package/dist/base/01-base/mixins/_eui-input.scss +2 -2
- package/dist/base/01-base/mixins/_eui-resizable.scss +1 -1
- package/dist/base/01-base/mixins/_icon-svg.mixins.scss +3 -3
- package/dist/base/02-tokens/colors-dark-theme.scss +232 -0
- package/dist/base/02-tokens/colors-default.scss +451 -0
- package/dist/base/02-tokens/colors-extra-palettes.scss +512 -0
- package/dist/base/02-tokens/maps.scss +292 -703
- package/dist/base/03-vars/vars-dark-theme.scss +47 -17
- package/dist/base/03-vars/vars.scss +93 -129
- package/dist/base/99-utilities/{default/index.scss → index.scss} +1 -0
- package/dist/base/99-utilities/{default/others → others}/_eui-u-anim.scss +1 -1
- package/dist/base/99-utilities/{default/others → others}/_eui-u-display.scss +2 -2
- package/dist/base/99-utilities/{default/others → others}/_eui-u-flex.scss +1 -1
- package/dist/base/99-utilities/{default/others → others}/_misc-utilities.scss +3 -0
- package/dist/base/99-utilities/tokens/_border-radius.scss +7 -0
- package/dist/base/99-utilities/{default/tokens → tokens}/_colors.scss +4 -2
- package/dist/base/99-utilities/{default/tokens → tokens}/_margins.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_opacity.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_paddings.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_shadows.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_spacings.scss +1 -1
- package/dist/base/99-utilities/{default/tokens → tokens}/_typography.scss +17 -6
- package/dist/base/99-utilities/{default/tokens → tokens}/_z-indexes.scss +1 -1
- package/dist/base/index.scss +1 -0
- package/dist/eui-base.css +1 -1
- package/dist/eui-base.css.map +1 -1
- package/dist/eui-bootstrap-grid.css +1 -0
- package/dist/eui-bootstrap-grid.css.map +1 -0
- package/dist/eui-ecl-ec.css +8 -2
- package/dist/eui-ecl-ec.css.map +1 -1
- package/dist/eui-ecl-eu.css +8 -2
- package/dist/eui-ecl-eu.css.map +1 -1
- package/dist/eui-ecl-grid.css +1 -0
- package/dist/eui-ecl-grid.css.map +1 -0
- package/dist/eui-icons-flags.css +1 -1
- package/dist/eui-print.css +1 -1
- package/dist/eui-showcase-all.css +2 -1
- package/dist/eui-showcase-all.css.map +1 -1
- package/dist/eui-theme-compact.css +1 -1
- package/dist/eui-theme-compact.css.map +1 -1
- package/dist/eui-theme-dark.css +1 -1
- package/dist/eui-theme-dark.css.map +1 -1
- package/dist/eui-utilities.css +1 -1
- package/dist/eui-utilities.css.map +1 -1
- package/dist/eui.css +1 -1
- package/dist/eui.css.map +1 -1
- package/package.json +1 -1
- package/dist/assets/icons/sprites/eui-social.json +0 -29
- package/dist/assets/icons/sprites/eui-social.svg +0 -1
- package/dist/base/02-tokens/maps-dark-theme.scss +0 -17
- package/dist/base/03-vars/vars-extras.scss +0 -34
- package/dist/base/99-utilities/utilities-extras.scss +0 -14
- package/dist/eui-ecl-ec-rtl.css +0 -1
- package/dist/eui-ecl-ec-rtl.css.map +0 -1
- package/dist/eui-ecl-eu-rtl.css +0 -1
- package/dist/eui-ecl-eu-rtl.css.map +0 -1
- package/dist/eui-extra-vars.css +0 -0
- package/dist/eui-extra-vars.css.map +0 -1
- package/dist/eui-utilities-extras.css +0 -1
- package/dist/eui-utilities-extras.css.map +0 -1
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-border-states.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-cursors.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-height.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-overflow.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-position.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-sr.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-states.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-visibility.scss +0 -0
- /package/dist/base/99-utilities/{default/others → others}/_eui-u-width.scss +0 -0
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;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;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;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THA;EACI;EACA;EACA;;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;;AAGJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAEJ;EACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;;ACjGR;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-2);\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-2);\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 color: var(--eui-c-primary);\n }\n }\n\n &:focus-visible {\n outline: 1px solid var(--eui-c-focus-visible);\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 color: var(--eui-c-primary);\n }\n &:focus-visible {\n outline: 1px solid var(--eui-c-focus-visible);\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","../base/01-base/mixins/_media.mixins.scss","02-vars/_layout.vars.scss","../base/05-assets/icons/index.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","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":"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IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;;;ACrGJ;EDHR;IA+GY;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;;;AChHJ;EDHR;IA0HY;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;;;;AEnJZ;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;;;AChER;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKA;EACI;EACA;EACA;EACA;;AAIJ;AAAA;EAEI;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;AAAA;AAAA;EAGI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;AAAA;EAEI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAGJ;EACI;;;ACzMJ;EACI;EACA;;AAGI;EACI;;;ACJZ;EACI;;A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EACA;;AAGJ;EACI;EACA;;;AC/OhB;EACI;EACA;EACA;EACA;;AXHA;EACI;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAMA;EACI;EACA;EACA;;;AWVZ;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;;AAGJ;EACI;;;AAGR;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAEI;;AAEJ;EACI;;;AAMR;EACI;EACA;EACA;EACA;EACA;;AAEA;EAEI;;;ACjGR;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 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-default' as colors;\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: block;\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: block;\n font-style: italic;\n}\n\n:root {\n // GENERIC CONTEXT COLORS\n // ----------------------\n \n --eui-c-transparent: transparent;\n --eui-c-white: #fff;\n --eui-c-black: #000;\n\n --eui-c-secondary-min: #{map.get(map.get(colors.$color-map, grn), 25)};\n --eui-c-secondary-max: #{map.get(map.get(colors.$color-map, grn), 950)};\n\n --eui-c-surface-page: #{map.get(map.get(colors.$color-map, grn), 25)};\n --eui-c-surface-container: var(--eui-c-white);\n \n --eui-c-surface-shell: #{map.get(map.get(colors.$color-map, grn), 50)};\n --eui-c-surface-container-1: #{map.get(map.get(colors.$color-map, grn), 75)};\n --eui-c-surface-container-2: #{map.get(map.get(colors.$color-map, grn), 100)};\n --eui-c-surface-container-3: #{map.get(map.get(colors.$color-map, grn), 200)};\n\n --eui-c-text: #{map.get(map.get(colors.$color-map, gr), 950)};\n --eui-c-text-light: #{map.get(map.get(colors.$color-map, gr), 800)};\n --eui-c-text-lighter: #{map.get(map.get(colors.$color-map, gr), 700)};\n --eui-c-text-lightest: #{map.get(map.get(colors.$color-map, gr), 600)};\n\n --eui-c-focus-visible: #{map.get(map.get(colors.$color-map, pr), 600)};\n --eui-c-focus: #{map.get(map.get(colors.$color-map, pr), 200)};\n \n --eui-c-hover: #{map.get(map.get(colors.$color-map, pr), 75)};\n --eui-c-hover-disabled: #{map.get(map.get(colors.$color-map, gr), 100)};\n\n --eui-c-active: #{map.get(map.get(colors.$color-map, pr), 600)};\n --eui-c-active-bg: #{map.get(map.get(colors.$color-map, pr), 200)};\n --eui-c-active-bg-alt: #{map.get(map.get(colors.$color-map, pr), 300)};\n --eui-c-active-bg-light: #{map.get(map.get(colors.$color-map, pr), 100)};\n --eui-c-active-bg-lighter: #{map.get(map.get(colors.$color-map, pr), 75)};\n\n --eui-c-disabled: #{map.get(map.get(colors.$color-map, gr), 500)};\n --eui-c-disabled-bg: #{map.get(map.get(colors.$color-map, gr), 50)};\n --eui-c-readonly: #{map.get(map.get(colors.$color-map, gr), 600)};\n\n --eui-c-link: #{map.get(map.get(colors.$color-map, pr), 600)};\n\n --eui-c-divider: #{map.get(map.get(colors.$color-map, gr), 100)};\n --eui-c-divider-dark: #{map.get(map.get(colors.$color-map, gr), 200)};\n --eui-c-divider-light: #{map.get(map.get(colors.$color-map, gr), 75)};\n\n --eui-c-black-alpha-025: rgba(0,0,0, 0.025);\n --eui-c-black-alpha-10: rgba(0,0,0, 0.1);\n --eui-c-black-alpha-075: rgba(0,0,0, 0.075);\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in colors.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: #{$value};\n } @else {\n --eui-c-#{$color + '-' + $shade}: #{$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 // base line-height / scale-factor (for compact mode)\n --eui-base-line-height: 1.5;\n --eui-base-scale-factor: 1;\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-light: var(--eui-f-m-light);\n --eui-f-medium: var(--eui-f-m-medium);\n --eui-f-semi-bold: var(--eui-f-m-semi-bold);\n --eui-f-bold: var(--eui-f-m-bold);\n\n @each $size, $sizeDef in maps.$font-map {\n $desktop: map.get($sizeDef, 'desktop');\n --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);\n }\n\n @include base.media(maps.$eui-bkp-tablet) {\n @each $size, $sizeDef in maps.$font-map {\n $tablet: map.get($sizeDef, 'tablet');\n --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);\n }\n }\n\n @include base.media(maps.$eui-bkp-mobile-s) {\n @each $size, $sizeDef in maps.$font-map { \n $mobile: map.get($sizeDef, 'mobile');\n --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);\n }\n }\n\n @include base.media(maps.$eui-bkp-mobile-xs) {\n @each $size, $sizeDef in maps.$font-map { \n $mobilexs: map.get($sizeDef, 'mobile-xs');\n --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);\n }\n }\n\n @each $size, $def in maps.$font-size-map {\n --eui-f-s-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-line-height-map {\n --eui-f-lh-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-weight-map {\n --eui-f-w-#{$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\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}","@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",":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","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-xs) !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-xs) !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",".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: var(--eui-f-w-semi-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\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 // border-right: 1px solid var(--eui-c-divider-light);\n }\n \n tr {\n border-bottom: 1px solid var(--eui-c-divider);\n border-top: 0;\n background: var(--eui-c-surface-container-1);\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: transparent;\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-black-alpha-025);\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-shell);\n }\n }\n \n tr {\n border-bottom: 1px solid var(--eui-c-divider);\n display: table-row;\n\n // td {\n // border-right: 1px solid var(--eui-c-divider-light);\n // }\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);\n border-radius: var(--eui-br-s);\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-surface-dark);\n border-radius: var(--eui-br-s);\n box-shadow: var(--eui-sh-2);\n color: var(--eui-c-secondary-on-surface-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-2);\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 color: var(--eui-c-primary);\n }\n }\n\n &:focus-visible {\n outline: 1px solid var(--eui-c-focus-visible);\n }\n\n &--collapsed {\n margin-top: var(--eui-s-s);\n }\n}\n.eui-button--expand-toggle {\n background: var(--eui-c-surface-container);\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 color: var(--eui-c-primary);\n }\n &:focus-visible {\n outline: 1px solid var(--eui-c-focus-visible);\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
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
[
|
|
2
|
-
"eui-blog",
|
|
3
|
-
"eui-facebook",
|
|
4
|
-
"eui-flickr",
|
|
5
|
-
"eui-foursquare",
|
|
6
|
-
"eui-gmail",
|
|
7
|
-
"eui-instagram",
|
|
8
|
-
"eui-laco-filled",
|
|
9
|
-
"eui-laco",
|
|
10
|
-
"eui-linkedin",
|
|
11
|
-
"eui-livestreaming",
|
|
12
|
-
"eui-mastodon",
|
|
13
|
-
"eui-messenger",
|
|
14
|
-
"eui-pinterest",
|
|
15
|
-
"eui-qzone",
|
|
16
|
-
"eui-reddit",
|
|
17
|
-
"eui-rss",
|
|
18
|
-
"eui-skype",
|
|
19
|
-
"eui-sms",
|
|
20
|
-
"eui-spotify",
|
|
21
|
-
"eui-telegram",
|
|
22
|
-
"eui-twitter",
|
|
23
|
-
"eui-typepad",
|
|
24
|
-
"eui-weibo",
|
|
25
|
-
"eui-whatasapp",
|
|
26
|
-
"eui-yahoomail",
|
|
27
|
-
"eui-yammer",
|
|
28
|
-
"eui-youtube"
|
|
29
|
-
]
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><symbol viewBox="0 0 48 48" id="eui-blog" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48H0z" fill="none"/><path d="M2 7c0-3.96 1.13-5 5-5h33c5 0 6 1.01 6 5v26c0 3.94-1.89 5-6 5H30l-17 8v-8H7c-3.89-.05-5-1.04-5-5V7Zm7 4h30v3H9v-3Zm30 7H9v3h30v-3Zm-8 7H9v3h22v-3Z" fill-rule="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-facebook" xmlns="http://www.w3.org/2000/svg"><path d="M46 24.134C46 11.911 36.15 2 24 2S2 11.91 2 24.134C2 35.182 10.045 44.34 20.563 46V30.532h-5.586v-6.398h5.585v-4.876c0-5.548 3.285-8.612 8.31-8.612 2.407 0 4.925.432 4.925.432v5.448h-2.775c-2.732 0-3.584 1.705-3.584 3.457v4.151h6.1l-.973 6.398h-5.127V46C37.954 44.339 46 35.182 46 24.134"/><path fill="#FFF" d="m32.756 30.539.984-6.287h-6.16v-4.079c0-1.72.862-3.396 3.62-3.396H34v-5.353S31.458 11 29.028 11c-5.073 0-8.39 3.01-8.39 8.461v4.791H15v6.287h5.639v15.197c1.131.174 2.29.264 3.47.264 1.182 0 2.34-.09 3.47-.264V30.54h5.177Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-flickr" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><ellipse cx="11.625" cy="23.5" fill="#0063DC" rx="9.625" ry="9.5"/><ellipse cx="36.375" cy="23.5" fill="#FF0084" rx="9.625" ry="9.5"/></g></symbol><symbol viewBox="0 0 48 48" id="eui-foursquare" xmlns="http://www.w3.org/2000/svg"><path d="M35.054 2H11.251C7.965 2 7 4.436 7 5.97v37.3c0 1.847.943 2.367 1.472 2.577.53.212 1.891.347 2.866-.603 0 0 11.296-12.998 11.479-13.198.182-.2.29-.203.396-.203l7.201.003c1.933 0 3.517-1.248 3.93-3.199 0 0 4.199-20.134 4.585-22.013C39.353 4.586 37.855 2 35.054 2"/><path fill="#FFF" d="m33.97 8.511-1.08 5.117a1.33 1.33 0 0 1-1.29 1.044h-9.5c-1.045 0-1.904.844-1.904 1.879v1.128c0 1.032.859 1.878 1.903 1.878h8.08c.734 0 1.358.69 1.199 1.47-.163.78-.983 4.781-1.073 5.211a1.34 1.34 0 0 1-1.293 1.004l-6.626.003c-1.336.041-1.625.048-2.41 1.013-.787.966-7.843 9.69-7.843 9.69-.071.084-.133.06-.133-.03V8.258C12 7.571 12.582 7 13.274 7h19.51c.708 0 1.365.655 1.186 1.511"/></symbol><symbol fill="none" viewBox="0 0 48 48" id="eui-gmail" xmlns="http://www.w3.org/2000/svg"><path fill="#4285F4" d="M5 41h7V24.004L2 16.506v21.495A2.999 2.999 0 0 0 5 41Z"/><path fill="#34A853" d="M36 41h7a3 3 0 0 0 3-3V16.507l-10 7.498"/><path fill="#FBBC04" d="M36 11.008v12.996l10-7.498v-3.999c0-3.709-4.235-5.823-7.2-3.599"/><path fill="#EA4335" d="M12 24.004V11.008l12 8.997 12-8.997v12.996l-12 8.998"/><path fill="#C5221F" d="M2 12.507v4l10 7.497V11.008l-2.8-2.1c-2.97-2.224-7.2-.11-7.2 3.6Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-instagram" xmlns="http://www.w3.org/2000/svg"><path d="M46 23.96c-.01-5.97-.04-6.72-.15-9.07-.11-2.35-.48-3.94-1.03-5.34-.57-1.45-1.32-2.67-2.54-3.89-1.22-1.22-2.45-1.97-3.9-2.53-1.4-.54-3-.91-5.34-1.01-2.34-.1-3.1-.13-9.07-.12-5.97.01-6.72.04-9.07.15-2.34.11-3.94.48-5.34 1.03-1.45.56-2.67 1.32-3.89 2.54-1.22 1.22-1.97 2.45-2.53 3.9-.54 1.4-.91 3-1.01 5.34-.1 2.34-.13 3.09-.11 9.07.01 5.97.04 6.72.15 9.07.11 2.34.48 3.94 1.03 5.34.56 1.45 1.32 2.67 2.54 3.89 1.22 1.22 2.45 1.97 3.9 2.53 1.4.54 3 .91 5.34 1.01 2.34.1 3.1.13 9.07.11 5.97-.01 6.72-.04 9.07-.15 2.35-.11 3.94-.49 5.33-1.03 1.45-.57 2.67-1.32 3.89-2.54 1.22-1.22 1.97-2.45 2.53-3.9.54-1.4.91-3 1.01-5.34.1-2.35.13-3.1.12-9.07Zm-4.07 8.9c-.09 2.14-.45 3.31-.75 4.09-.4 1.03-.87 1.76-1.64 2.53-.77.77-1.5 1.25-2.53 1.65-.77.3-1.94.66-4.08.77-2.32.11-3.02.13-8.89.14-5.87.01-6.57-.01-8.89-.11-2.15-.09-3.31-.45-4.09-.75-1.03-.4-1.76-.87-2.53-1.64-.77-.77-1.25-1.5-1.65-2.53-.3-.78-.66-1.94-.76-4.08-.11-2.32-.13-3.01-.14-8.89-.01-5.87 0-6.57.11-8.89.09-2.14.45-3.31.75-4.08.4-1.03.87-1.76 1.64-2.53.77-.77 1.5-1.25 2.53-1.65.78-.3 1.94-.66 4.08-.76 2.32-.11 3.02-.13 8.89-.14 5.87-.01 6.57 0 8.89.11 2.14.09 3.31.45 4.08.75 1.03.4 1.76.87 2.53 1.64.77.77 1.25 1.5 1.65 2.53.3.77.66 1.94.76 4.08.11 2.32.14 3.02.15 8.89.01 5.87-.01 6.57-.11 8.89Z"/><path d="M23.98 12.7c-6.24.01-11.29 5.08-11.27 11.32.01 6.24 5.08 11.29 11.32 11.27 6.24-.01 11.29-5.08 11.28-11.32-.01-6.24-5.08-11.29-11.32-11.27Zm6.8 14.09a7.361 7.361 0 0 1-2.69 3.3c-1.2.81-2.62 1.24-4.07 1.24-.96 0-1.92-.19-2.81-.55s-1.7-.91-2.38-1.58a7.364 7.364 0 0 1-2.15-5.19c0-1.45.42-2.87 1.23-4.08.8-1.21 1.95-2.15 3.29-2.71a7.325 7.325 0 0 1 8 1.57 7.258 7.258 0 0 1 2.01 3.75c.29 1.42.14 2.9-.41 4.24ZM37.18 10.04c-.43-.29-.95-.44-1.47-.44-.7 0-1.37.28-1.86.78s-.77 1.17-.77 1.87a2.636 2.636 0 0 0 1.64 2.44c.48.2 1.01.25 1.53.15.51-.1.98-.36 1.35-.73.37-.37.62-.84.72-1.35.1-.51.05-1.04-.15-1.53-.2-.48-.54-.89-.97-1.18Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-laco" xmlns="http://www.w3.org/2000/svg"><path d="M21.038 25.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM27.038 28.5a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM39.038 25.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" fill-rule="evenodd"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.918 12h30.24c1.62 0 2.91 1.35 2.91 3v21c0 1.65-1.32 3-2.91 3h-30.21c-1.62 0-2.91-1.35-2.91-3v-3.87l-5.49-5.34c-.72-.75-.72-1.83-.06-2.52l5.58-5.4-.06-3.87c0-1.65 1.32-3 2.91-3Zm.12 24h30l.03.06v-21h-30.12l.09 3.87c0 .78-.3 1.5-.81 2.07l-4.68 4.53 4.62 4.47c.57.6.87 1.35.87 2.13V36Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-laco-filled" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M42.158 12h-30.24c-1.59 0-2.91 1.35-2.91 3l.06 3.87-5.58 5.4c-.66.69-.66 1.77.06 2.52l5.49 5.34V36c0 1.65 1.29 3 2.91 3h30.21c1.59 0 2.91-1.35 2.91-3V15c0-1.65-1.29-3-2.91-3Zm-24.12 16.5c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3Zm9 0c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3Zm9 0c-1.65 0-3-1.35-3-3s1.35-3 3-3 3 1.35 3 3-1.35 3-3 3Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-linkedin" xmlns="http://www.w3.org/2000/svg"><path d="M42.74 2.003H5.247A3.21 3.21 0 0 0 2 5.175v37.65A3.213 3.213 0 0 0 5.247 46H42.74A3.22 3.22 0 0 0 46 42.825V5.172A3.218 3.218 0 0 0 42.74 2"/><path fill="#FFF" d="M31.295 17.778c6.506 0 7.705 4.286 7.705 9.863L38.997 39H32.58V28.6c-.01-2.345-.193-5.161-3.338-5.161-3.266 0-3.83 2.496-3.854 5.129v10.431h-6.42V18.293h6.162v2.83h.087a6.75 6.75 0 0 1 6.08-3.345Zm-16.36.515V39H8.509V18.293h6.426ZM11.725 8a3.728 3.728 0 0 1 3.724 3.73c0 .99-.392 1.94-1.09 2.64a3.721 3.721 0 0 1-2.634 1.093A3.728 3.728 0 0 1 8 11.732 3.728 3.728 0 0 1 11.724 8Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-livestreaming" xmlns="http://www.w3.org/2000/svg"><path d="m11.415 10.875.015.015v-.03l-.015.015Z" fill-rule="evenodd"/><path d="M11.415 10.875 9.3 8.76c-8.4 8.4-8.4 22.08 0 30.48l2.13-2.13c-7.225-7.225-7.23-19.004-.015-26.235ZM36.57 10.89l2.13-2.13v.03c8.4 8.4 8.4 22.08 0 30.48l-2.13-2.13c7.23-7.23 7.23-19.02 0-26.25Z" fill-rule="evenodd"/><path d="m33.75 14.85-2.13 2.13c3.87 3.87 3.87 10.2 0 14.1l2.13 2.13c5.04-5.04 5.04-13.26 0-18.33v-.03ZM21.03 21.03a4.183 4.183 0 0 0 0 5.94c.78.78 1.86 1.23 2.97 1.23s2.19-.45 2.97-1.23a4.183 4.183 0 0 0 0-5.94c-1.59-1.59-4.35-1.59-5.94 0ZM14.22 14.85c-5.04 5.04-5.04 13.26 0 18.33l2.13-2.13c-3.87-3.87-3.87-10.2 0-14.1l-2.13-2.13v.03Z" fill-rule="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-mastodon" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M33.517 36.582c6.024-.724 11.272-4.421 11.919-7.808.913-4.614.962-10.957.975-12.601.002-.263.003-.406.007-.403 0-10.418-6.825-13.47-6.825-13.47C36.154.725 30.234.053 24.107 0h-.155c-6.127.052-12.048.724-15.46 2.3 0 0-6.825 3.052-6.825 13.47 0 .651-.004 1.337-.008 2.051-.01 1.897-.023 4 .034 6.196.232 10.16 1.861 20.217 11.22 22.725 4.343 1.137 8.066 1.37 11.065 1.215 5.455-.31 8.505-1.939 8.505-1.939l-.18-3.956s-3.879 1.241-8.248 1.086c-4.317-.155-8.893-.49-9.591-5.79a9.322 9.322 0 0 1-.104-1.5s4.266 1.034 9.644 1.293c3.265.154 6.35-.203 9.461-.563l.052-.006Zm4.854-7.394V16.572c0-2.586-.647-4.628-1.99-6.127-1.371-1.526-3.155-2.301-5.352-2.301-2.56 0-4.499.982-5.766 2.947l-1.24 2.094-1.241-2.094c-1.267-1.965-3.206-2.947-5.766-2.947-2.223 0-3.981.775-5.351 2.3-1.319 1.5-1.965 3.542-1.965 6.128v12.564h5.015V16.908c0-2.56 1.086-3.878 3.258-3.878 2.378 0 3.593 1.55 3.593 4.627v6.722h4.964v-6.696c0-3.076 1.19-4.627 3.594-4.627 2.171 0 3.257 1.292 3.257 3.877v12.255h4.99Z" clip-rule="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-messenger" xmlns="http://www.w3.org/2000/svg"><path d="M22 0C9.61 0 0 9.08 0 21.34c0 6.41 2.63 11.96 6.91 15.78.36.32.58.77.59 1.25l.12 3.91a1.764 1.764 0 0 0 2.47 1.56l4.37-1.93c.37-.16.78-.19 1.17-.09 2.01.55 4.14.85 6.37.85 12.39 0 22-9.08 22-21.34S34.39 0 22 0Zm13.21 16.42-6.46 10.25a3.297 3.297 0 0 1-4.77.88l-5.14-3.85c-.47-.35-1.12-.35-1.59 0l-6.94 5.27c-.93.7-2.14-.41-1.52-1.39l6.46-10.25a3.297 3.297 0 0 1 4.77-.88l5.14 3.85c.47.35 1.12.35 1.59 0l6.94-5.27c.93-.7 2.14.41 1.52 1.39Z" fill="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-pinterest" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48H0z" fill="none"/><g mask="url(#a)"><path d="M24 2C11.85 2 2 11.84 2 23.98c0 9.32 5.79 17.28 13.98 20.48-.2-1.74-.36-4.41.07-6.31.4-1.72 2.57-10.93 2.57-10.93s-.65-1.32-.65-3.26c0-3.06 1.77-5.34 3.98-5.34 1.88 0 2.79 1.41 2.79 3.09 0 1.88-1.19 4.7-1.83 7.33-.52 2.19 1.1 3.98 3.26 3.98 3.91 0 6.92-4.13 6.92-10.06 0-5.26-3.78-8.94-9.2-8.94-6.26 0-9.94 4.69-9.94 9.53 0 1.88.73 3.91 1.63 5.01.18.22.2.42.15.63-.16.69-.54 2.19-.62 2.5-.09.4-.33.49-.74.29-2.75-1.29-4.47-5.28-4.47-8.52 0-6.93 5.03-13.3 14.54-13.3 7.62 0 13.56 5.43 13.56 12.7s-4.78 13.68-11.41 13.68c-2.23 0-4.33-1.16-5.03-2.53 0 0-1.11 4.2-1.38 5.23-.49 1.92-1.83 4.31-2.73 5.77 2.06.63 4.24.98 6.52.98 12.15 0 22-9.84 22-21.98.04-12.18-9.81-22.02-21.96-22.02Z" fill-rule="evenodd"/></g></symbol><symbol viewBox="0 0 48 48" id="eui-qzone" xmlns="http://www.w3.org/2000/svg"><path d="M23.42 28.26c0 .63 6.48 2.27 12.27 1.85.02-.16.24-.37.22-.36l9.83-10.05c.21-.21.3-.53.23-.82-.05-.18-.23-.41-.61-.47-.38-.07-13.48-2.58-13.48-2.58s-.19-.04-.37-.13c-.17-.09-.23-.31-.23-.31S24.81 3.78 24.63 3.43c-.34-.61-.94-.58-1.28 0-.18.34-6.65 11.96-6.65 11.96s-.07.22-.23.31c-.17.09-.37.13-.37.13S3 18.33 2.62 18.4c-.38.07-.55.29-.61.47-.07.3.01.61.23.82l9.83 10.05s.13.14.21.31c.03.18 0 .38 0 .38s-2.18 13.26-2.23 13.64c-.06.38.14.67.29.79.15.11.42.19.76.02.35-.17 12.49-5.97 12.49-5.97s.18-.08.37-.11.37.11.37.11 12.15 5.8 12.49 5.97c.69.34 1.14-.22 1.07-.81-.04-.26-1.71-10.39-1.71-10.39 1.61-1 2.61-1.9 3.4-3.21-6.52 2.46-15.75 3.96-23.64 3.39-2.18-.15-3.25-.78-1.27-2.32 1.75-1.31 3.5-2.63 5.24-3.94 2.36-1.77 6.53-4.53 6.53-5.01 0-.52-3.93-1.42-7.4-1.42s-4.18.24-5.16.31c-.9.06-1.41 0-1.48-.26-.11-.45.34-.71 1.08-1.04 1.3-.58 3.41-1.09 3.64-1.14.36-.1 5.65-1.48 10.3-.98 2.41.25 5.95 1.22 5.95 2.33 0 .63-3.16 2.74-5.92 4.76-2.1 1.55-4.07 2.86-4.07 3.09Z" fill="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-reddit" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M24 46c12.15 0 22-9.85 22-22S36.15 2 24 2 2 11.85 2 24s9.85 22 22 22Zm2.217-19.49a2.277 2.277 0 0 0 2.267 2.28 2.276 2.276 0 0 0 2.266-2.28 2.276 2.276 0 0 0-2.266-2.282 2.277 2.277 0 0 0-2.267 2.281Zm-2.718 7.701c.872 0 3.836-.12 5.383-1.675a.594.594 0 0 0 .002-.836.584.584 0 0 0-.831 0c-.977.981-3.063 1.33-4.554 1.33-1.49 0-3.575-.349-4.55-1.33a.584.584 0 0 0-.831 0 .591.591 0 0 0 0 .835c1.545 1.556 4.508 1.676 5.381 1.676Zm-4.988-9.983a2.277 2.277 0 0 0-2.267 2.281 2.276 2.276 0 0 0 2.267 2.28 2.275 2.275 0 0 0 2.265-2.28 2.276 2.276 0 0 0-2.265-2.281Zm16.316-3.193A3.183 3.183 0 0 1 38 24.228a3.192 3.192 0 0 1-1.888 2.917c.05.315.075.637.075.96 0 4.913-5.683 8.895-12.694 8.895-7.01 0-12.694-3.982-12.694-8.895 0-.326.027-.649.077-.965A3.194 3.194 0 0 1 9 24.228a3.183 3.183 0 0 1 3.173-3.193c.853 0 1.625.34 2.195.89 2.198-1.593 5.235-2.611 8.612-2.706l1.614-7.636a.57.57 0 0 1 .672-.44l5.274 1.13A2.254 2.254 0 0 1 32.564 11a2.273 2.273 0 0 1 2.266 2.28 2.274 2.274 0 0 1-2.266 2.281c-1.216 0-2.2-.965-2.256-2.173l-4.724-1.01-1.444 6.844c3.328.116 6.316 1.134 8.486 2.708a3.15 3.15 0 0 1 2.201-.895Z" clip-rule="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-rss" xmlns="http://www.w3.org/2000/svg"><path d="M12.93 9c-1.32 0-2.64.09-3.9.3v5.28c1.26-.27 2.58-.39 3.9-.39 5.58 0 10.8 2.16 14.76 6.12 3.93 3.93 6.09 9.18 6.09 14.76 0 1.32-.12 2.64-.39 3.9h5.28c.21-1.26.3-2.58.3-3.9 0-14.4-11.67-26.1-26.07-26.1l.03.03Z" fill-rule="evenodd"/><path d="M12.93 20.25c-1.35 0-2.67.18-3.9.54v5.49a9.53 9.53 0 0 1 10.68 1.98c1.8 1.8 2.82 4.26 2.82 6.81 0 1.35-.3 2.7-.84 3.9h5.49c.39-1.23.54-2.58.54-3.93 0-8.19-6.66-14.82-14.82-14.82l.03.03Z" fill-rule="evenodd"/><path d="M12.93 31.17c2.16 0 3.9 1.74 3.9 3.9s-1.74 3.9-3.9 3.9c-1.08 0-2.07-.42-2.76-1.14s-1.14-1.68-1.14-2.76c0-2.16 1.74-3.9 3.9-3.9ZM.09 37.14H0v-.36s.03.24.09.36ZM11.22 48c-.12 0-.36-.09-.36-.09V48h.36Z" fill-rule="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-skype" xmlns="http://www.w3.org/2000/svg"><path d="M44.382 27.594a20.79 20.79 0 0 0 .312-3.595c0-11.428-9.266-20.694-20.694-20.694-1.228 0-2.428.106-3.595.312A12.223 12.223 0 0 0 14.305 2C7.507 2 2 7.51 2 14.305c0 2.22.586 4.303 1.617 6.101a20.637 20.637 0 0 0-.312 3.593c0 11.43 9.266 20.697 20.695 20.697 1.226 0 2.428-.108 3.594-.313a12.223 12.223 0 0 0 6.1 1.617C40.489 46 46 40.49 46 33.694c0-2.22-.59-4.302-1.618-6.1"/><path fill="#FFF" d="M23.583 37C16.318 37 13 33.345 13 30.66c0-1.377 1.09-2.325 2.486-2.325 3.108 0 2.299 4.608 8.097 4.608 2.968 0 4.706-1.765 4.706-3.42 0-.996-.578-2.104-2.532-2.588l-6.459-1.619c-5.203-1.306-6.114-4.167-6.114-6.819 0-5.506 5.093-7.497 9.947-7.497 4.47 0 9.784 2.437 9.784 5.742 0 1.415-1.202 2.186-2.599 2.186-2.653 0-2.21-3.688-7.554-3.688-2.652 0-4.051 1.227-4.051 2.952 0 1.72 2.052 2.304 3.87 2.72l4.78 1.065C32.6 23.147 34 26.181 34 29.071 34 33.546 30.493 37 23.583 37"/></symbol><symbol viewBox="0 0 48 48" id="eui-sms" xmlns="http://www.w3.org/2000/svg"><path d="M40.09 2H7.81C4.37 2 2 4.36 2 7.79v24.14c0 3.48 2.35 5.83 5.83 5.83 2.45 0 4.89.01 7.34 0 .47 0 .62.12.61.6-.03 2.08-.02 4.17 0 6.25 0 1.09 1.02 1.7 2.01 1.23.2-.1.39-.24.57-.38 3.25-2.45 6.5-4.9 9.74-7.37.31-.23.61-.34.99-.34 3.67.01 7.34 0 11.01 0s5.88-2.29 5.89-5.78c.03-8.07.03-16.14 0-24.2-.01-3.49-2.4-5.79-5.89-5.79ZM15.26 24.46c-.83.61-1.77.97-2.99.95-1.03-.04-2.17-.37-3.27-.8-.72-.28-1.06-1.03-.87-1.67.21-.69.95-1.1 1.76-.92.71.16 1.4.38 2.1.55.48.12.96.05 1.38-.21.32-.19.35-.45 0-.66-.43-.26-.9-.43-1.38-.54-.93-.2-1.77-.61-2.58-1.08-1.75-1.03-1.61-3.89.2-4.95 1.33-.78 2.73-.92 4.2-.59.48.11.98.14 1.43.39.58.31.93.99.76 1.51-.21.66-.86 1.09-1.56.99-.64-.08-1.28-.19-1.92-.27-.45-.05-.88.04-1.28.23-.12.05-.26.11-.26.27s.12.23.25.28c.48.19.95.4 1.45.54.76.21 1.48.5 2.18.86 1.89.99 2.13 3.85.42 5.12Zm14.26-.71c0 .56-.09 1.11-.65 1.44-.99.59-2.11-.03-2.15-1.22-.04-1.09 0-2.18-.01-3.27 0-.18.06-.38-.1-.61-.45.61-.87 1.18-1.29 1.76-.81 1.09-1.87 1.09-2.68 0-.42-.56-.83-1.12-1.37-1.65v2.49c0 .52.04 1.03-.06 1.54-.14.73-.62 1.15-1.34 1.16-.71.01-1.23-.41-1.37-1.13-.03-.17-.04-.34-.04-.51v-7.69c0-.47.07-.91.42-1.27.63-.65 1.61-.58 2.19.19.87 1.14 1.71 2.3 2.57 3.44.1.14.21.26.36.44.92-1.24 1.82-2.44 2.72-3.65.14-.18.27-.37.45-.52.79-.68 2.03-.28 2.28.73.05.2.08.41.08.62 0 2.56.01 5.12 0 7.69Zm8.19 1.31c-.58.22-1.17.36-1.79.35-1.23-.09-2.42-.3-3.54-.83-.72-.34-.99-.93-.77-1.64.22-.7.95-1.12 1.68-.93.64.16 1.24.48 1.91.57.5.07.99.07 1.46-.16.17-.08.35-.19.34-.42 0-.2-.18-.3-.34-.36-.61-.22-1.23-.4-1.84-.62-.52-.19-1.03-.39-1.54-.61-1.17-.5-1.72-1.48-1.73-2.68 0-1.17.52-2.09 1.61-2.71 1.67-.94 3.35-.74 5.04-.19.7.23 1.02.89.85 1.55-.2.74-.81 1.15-1.56 1.02-.7-.11-1.38-.34-2.09-.24-.38.06-.95.05-1 .48-.05.4.52.4.83.53.88.36 1.82.57 2.68.99 1.24.61 1.9 1.59 1.87 2.96-.03 1.41-.75 2.41-2.09 2.93Zm-13.72-6.18v.01-.01z" fill="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-spotify" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48H0z" fill="none"/><g mask="url(#a)"><path d="M2 24C2 11.85 11.85 2 24 2s22 9.85 22 22-9.85 22-22 22S2 36.15 2 24Zm9.63-4.62c6.7-2.08 18.28-1.69 25.3 2.58.96.59 2.22.26 2.79-.73.57-.99.26-2.27-.71-2.85-8.08-4.9-20.86-5.37-28.56-2.98-1.08.33-1.68 1.5-1.36 2.6.33 1.1 1.46 1.72 2.54 1.39Zm22.73 9.46c.8.5 1.84.25 2.34-.57.49-.81.24-1.88-.56-2.39-6.72-4.22-16.55-5.41-24.46-2.96-.9.28-1.4 1.25-1.13 2.17.27.92 1.22 1.43 2.12 1.16 6.92-2.15 15.84-1.08 21.7 2.59Zm-.33 5.49c-.39.65-1.23.86-1.87.46-5.11-3.2-11.55-3.92-19.13-2.15-.73.17-1.46-.3-1.62-1.04-.17-.75.29-1.49 1.02-1.66 8.29-1.94 15.41-1.1 21.15 2.48.64.4.84 1.26.45 1.91Z" fill-rule="evenodd"/></g></symbol><symbol viewBox="0 0 48 48" id="eui-telegram" xmlns="http://www.w3.org/2000/svg"><path d="M46 24c0 12.15-9.85 22-22 22S2 36.15 2 24 11.85 2 24 2s22 9.85 22 22Zm-20.028-6.29-14.816 6.03c-2.605 1.005-1.079 1.973-1.079 1.973s2.196.781 4.132 1.34c1.936.558 2.94-.075 2.94-.075l8.972-6.03c3.164-2.16 2.382-.373 1.638.372-1.638 1.675-4.393 4.28-6.663 6.365-1.043.894-.521 1.675-.075 2.048 1.348 1.164 4.636 3.31 5.904 4.138.273.179.453.296.499.329.298.26 2.085 1.414 3.164 1.154 1.08-.26 1.191-1.713 1.191-1.713l1.6-9.976c.522-3.35 1.006-6.477 1.08-7.37.186-2.16-2.084-1.266-2.084-1.266s-4.951 2.047-6.403 2.68Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-twitter" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M26.586 20.9 41.338 3.75H37.84L25.03 18.64 14.8 3.75H3l15.472 22.515L3.001 44.25h3.497l13.526-15.726L30.83 44.25h11.799L26.586 20.9Zm-4.788 5.564-1.569-2.243L7.756 6.382h5.37L23.19 20.78l1.569 2.242 13.084 18.715h-5.37L21.798 26.464Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-typepad" xmlns="http://www.w3.org/2000/svg"><path d="M43.36 18.04c-2.4-2.66-5.45-4.28-8.79-5.41-2.47-.84-5.02-1.3-7.63-1.51-3.33-.27-6.63-.1-9.9.54-2.18.43-4.31 1.08-6.32 2.05-2.68 1.28-5.13 2.87-6.88 5.35-1.9 2.7-2.41 5.6-1.14 8.72.35.86 1 1.34 1.85 1.3.58-.03 1.17-.09 1.73-.22 3.25-.71 6.39-1.78 9.5-2.93 2.31-.85 4.61-1.73 6.91-2.59l.04.1c-.15.08-.31.17-.47.25-2.48 1.26-4.93 2.57-7.32 4-2.04 1.22-4.11 2.41-5.85 4.06-1.1 1.05-1.04 1.7.21 2.55.04.03.08.05.11.07 1.92 1.28 4.09 1.95 6.28 2.49 3.37.84 6.79 1.06 10.27.89 3.05-.15 6.01-.67 8.88-1.68 3.08-1.08 5.92-2.59 8.21-4.98 1.56-1.64 2.64-3.55 2.87-5.81.29-2.8-.74-5.2-2.6-7.26Z" fill="evenodd"/></symbol><symbol fill="none" viewBox="0 0 48 48" id="eui-weibo" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M5.236 30.444c0 5.11 6.672 9.252 14.898 9.252 8.226 0 14.898-4.142 14.898-9.252s-6.672-9.252-14.898-9.252c-8.226 0-14.898 4.142-14.898 9.252Z"/><path fill="#E6162D" d="M20.486 38.944c-7.286.72-13.575-2.568-14.048-7.332-.473-4.771 5.052-9.216 12.33-9.936 7.285-.72 13.574 2.567 14.041 7.332.48 4.77-5.045 9.222-12.323 9.936ZM35.05 23.11c-.62-.188-1.045-.309-.723-1.12.704-1.763.778-3.283.013-4.372-1.427-2.034-5.336-1.925-9.817-.055 0 0-1.409.612-1.044-.497.686-2.21.582-4.056-.486-5.128-2.428-2.427-8.894.092-14.437 5.62C4.41 21.693 2 26.083 2 29.88c0 7.253 9.33 11.667 18.456 11.667 11.965 0 19.924-6.933 19.924-12.437.007-3.329-2.805-5.219-5.33-6"/><path fill="#F93" d="M42.998 9.834c-2.89-3.197-7.152-4.414-11.085-3.578a1.68 1.68 0 1 0 .703 3.282 8.288 8.288 0 0 1 7.88 2.543 8.235 8.235 0 0 1 1.731 8.076c-.285.884.2 1.828 1.088 2.113.886.285 1.833-.2 2.118-1.078v-.006A11.564 11.564 0 0 0 43 9.834"/><path fill="#F93" d="M38.56 13.83a5.663 5.663 0 0 0-5.398-1.737 1.452 1.452 0 0 0-1.117 1.72c.17.78.94 1.277 1.718 1.107.936-.2 1.955.092 2.642.848a2.76 2.76 0 0 1 .577 2.707 1.45 1.45 0 0 0 2.762.889 5.644 5.644 0 0 0-1.183-5.534"/><path fill="#000" d="M20.887 30.31c-.256.436-.82.642-1.258.46-.437-.176-.57-.666-.322-1.09.256-.424.796-.63 1.226-.46.437.158.595.648.352 1.09m-2.325 2.968c-.704 1.12-2.217 1.61-3.351 1.095-1.117-.508-1.452-1.81-.746-2.906.698-1.09 2.155-1.574 3.284-1.102 1.14.491 1.505 1.78.814 2.913m2.647-7.932c-3.466-.902-7.382.823-8.888 3.87-1.537 3.105-.049 6.556 3.449 7.682 3.63 1.17 7.904-.623 9.391-3.971 1.47-3.282-.364-6.654-3.952-7.58Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-whatasapp" xmlns="http://www.w3.org/2000/svg"><path d="M33.84 28.37zM39.31 8.4c-4.1-4.12-9.56-6.39-15.38-6.4C11.94 2 2.19 11.78 2.18 23.8c0 3.84 1 7.59 2.9 10.9L2 46l11.53-3.03c3.18 1.74 6.75 2.65 10.39 2.65 11.98 0 21.74-9.78 21.74-21.8 0-5.83-2.26-11.3-6.36-15.42ZM23.93 41.94c-3.24 0-6.42-.87-9.2-2.53l-.66-.39-6.84 1.8 1.83-6.69-.43-.69a18.125 18.125 0 0 1-2.76-9.64c0-9.99 8.11-18.12 18.08-18.12 4.83 0 9.36 1.89 12.78 5.32 3.41 3.43 5.29 7.98 5.29 12.82 0 9.99-8.11 18.12-18.07 18.12Z" fill="evenodd"/><path d="M33.84 28.37c-.55-.28-3.21-1.59-3.71-1.77-.5-.18-.86-.27-1.22.27-.36.55-1.4 1.77-1.72 2.14-.32.36-.63.41-1.18.14-.54-.27-2.29-.85-4.37-2.7-1.61-1.45-2.71-3.23-3.02-3.77-.32-.55-.03-.84.24-1.11.24-.24.54-.64.82-.95.27-.32.36-.55.54-.91.18-.36.09-.68-.04-.95-.14-.27-1.22-2.95-1.68-4.04-.44-1.06-.89-.92-1.22-.94-.32-.02-.68-.02-1.04-.02s-.95.14-1.45.68c-.5.55-1.9 1.86-1.9 4.54s1.95 5.27 2.22 5.64c.27.36 3.83 5.87 9.28 8.23 1.3.56 2.31.9 3.1 1.15 1.3.41 2.49.36 3.42.22 1.04-.16 3.21-1.32 3.67-2.59.45-1.27.45-2.36.32-2.59-.14-.23-.5-.36-1.04-.64Z" fill="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-yahoomail" xmlns="http://www.w3.org/2000/svg"><path d="M32.12 36.46c-.52 0-.88.35-.88.86s.37.89.87.89c.53 0 .88-.35.88-.91s-.29-.84-.87-.84Zm-14.96-.01h-.01c-.57.01-.85.29-.85.86 0 .5.44.98.92.97.41 0 .92-.56.91-1.01 0-.49-.39-.81-.97-.82Zm-3.45-21.16c3.03 1.5 6.07 2.97 9.07 4.52.84.44 1.47.47 2.34.02 1.5-.77 3-1.55 4.53-2.27 1.62-.76 3.19-1.6 4.8-2.38.19-.09.3-.23.29-.46-.02-.47-.03-.95 0-1.42.03-.39-.1-.48-.48-.48-3.42.01-6.84 0-10.26 0H13.65c-.3 0-.4.09-.39.39.02.46.04.92 0 1.37-.03.38.12.55.45.71Z" fill="evenodd"/><path d="M45.8 2c-.4.02-.79 0-1.19 0H2.4c-.33 0-.4.07-.4.4.01 13.98 0 27.96 0 41.94 0 .41.03.83 0 1.24-.03.35.08.42.42.42 14.38-.01 28.77-.01 43.15 0 .34 0 .42-.08.42-.42-.01-14.39 0-28.77 0-43.16 0-.08-.01-.16 0-.23.03-.16-.03-.2-.19-.19Zm-32.75 8.92c3.14.02 6.28 0 9.41 0 .18 0 .36-.02.55-.03 3.51 0 7.02.01 10.53.02h1.65c.9.03 1.46.57 1.46 1.47 0 4.5.02 9 0 13.5 0 .89-.23 1.48-1.51 1.48-7.35-.01-14.71 0-22.06 0-.17 0-.34 0-.5.01-.66-.08-1-.51-1.2-1.09-.03-.04-.03-.08-.04-.11V16.3h.02c0-1.4 0-2.83-.02-4.24v-.04c.26-.84.87-1.1 1.7-1.1Zm-.33 29.86c-.12.3-.27.5-.66.45-.39-.05-.79-.01-1.22-.01.17-.42.28-.82.49-1.17.19-.32.18-.58.04-.91-.44-.97-.85-1.95-1.28-2.92 0-.1-.02-.18-.1-.24V36v-.01c0-.03-.01-.06-.02-.09-.07-.16-.13-.34-.21-.49-.14-.26-.05-.36.22-.34.3 0 .61.04.91 0 .39-.05.53.16.64.46.21.58.43 1.15.63 1.73.04.12.08.26.21.25.06 0 .12-.15.16-.24.25-.63.51-1.25.72-1.9.08-.24.19-.31.41-.3.44.01.88 0 1.35 0-.35 1.2-.92 2.25-1.37 3.35-.32.78-.62 1.56-.93 2.34l.02.02Zm6.9-1.3h-.03c-.41-.01-.82 0-1.23.01h-.04c-.38-.38-.69 0-1.04.08-.88.19-1.66-.17-2.16-.97-.75-1.18-.32-2.9.91-3.45.56-.26 1.14-.23 1.7.03.16.08.27.2.38-.06.03-.09 1.35-.1 1.44-.03.13.1.08.25.08.38 0 1.31 0 2.62.02 3.93.03.04.01.06-.03.08Zm4.81-.23c0 .22-.08.3-.29.3-.34 0-.67-.01-1.01 0-.25.01-.31-.11-.31-.33v-2.06c-.01-.53-.17-.71-.56-.7-.38 0-.54.21-.54.73 0 .64-.03 1.28 0 1.92.02.38-.12.49-.47.44-.37-.05-.76.07-1.13-.07-.09-.15-.07-.33-.07-.49V33.6c0-.18-.05-.37.12-.51h.41c.75 0 1.12.38 1.12 1.14v1.14c.39-.23.74-.37 1.16-.39.91-.04 1.37.72 1.48 1.31.18.98.05 1.97.08 2.96h.01Zm2.59.32c-1.28.14-2.3-1.08-2.29-1.99.02-1.6.8-2.54 2.07-2.6 1.72-.09 2.68 1.04 2.62 2.47-.04.89-1.03 2.28-2.4 2.12Zm5.05.01c-1.3-.01-2.44-1.09-2.36-2.31.1-1.5 1.04-2.31 2.47-2.35 1.43-.04 2.26 1.13 2.29 2.49.02 1.03-1.22 2.37-2.4 2.17Zm3.73.08c-.54 0-1.08-.42-1.07-1.07 0-.6.4-1.02 1-1.03.72.06 1.11.34 1.1 1 0 .54-.51 1.1-1.03 1.1Zm1.49-2.75h-.01c-.04.1-.08.24-.23.25h-1.73c.52-1.29 1.02-2.51 1.51-3.74.1-.26.23-.36.53-.34.47.03.94 0 1.47 0-.53 1.31-1.03 2.57-1.54 3.83Z" fill="evenodd"/><path d="M27.1 36.46c-.52 0-.91.38-.9.89.01.47.4.86.86.86.56 0 .88-.34.89-.95 0-.54-.27-.8-.85-.8Zm-7.04-2.86v5.39c0 .16-.03.34.07.49v-2.97c0-.57 0-1.14.01-1.71h.01c0-.57.01-1.14.02-1.71-.17.14-.12.34-.12.51Zm-.47 5.87s.05-.04.03-.08c-.02.02-.03.05-.03.08Z" fill="evenodd"/></symbol><symbol viewBox="0 0 48 48" id="eui-yammer" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.38 6.5c-.29 0-.58.04-.87.15-1.18.43-1.78 1.68-1.39 2.83l9.56 22.68c-1.34 3.69-2.58 5.42-5.44 5.42-.28 0-1.24-.06-1.3-.06-.92-.05-1.78.54-2.03 1.44-.28 1.02.33 2.08 1.38 2.37.76.13 1.53.18 2.23.18 5.26 0 7-2.95 8.74-7.25L26.53 9.34c.37-1.13-.28-2.34-1.43-2.7-1.13-.35-2.33.23-2.74 1.3l-7.21 18.55h-.11L7.44 7.8c-.38-.79-1.19-1.28-2.06-1.3Zm33.16 5.25c-.23 0-.46.02-.69.09-.08.04-.16.08-.25.13-1.43.8-11.11 7.64-10.02 8.41 1.09.77 7.7-2.24 12.23-4.74.86-.69 1.07-1.94.47-2.88-.4-.63-1.06-.98-1.75-1Zm4.47 10.51c-1.64 0-13.46 1.32-12.86 2.55.59 1.22 7.86 1.81 13.05 1.81 1.09-.19 1.87-1.19 1.8-2.34a2.212 2.212 0 0 0-1.7-2.02h-.28Zm-14.77 6.99c-.29-.01-.52.02-.65.12-1.09.77 8.59 7.61 10.02 8.41.09.05.17.09.25.13.9.26 1.9-.08 2.43-.92.6-.95.38-2.19-.47-2.88-3.96-2.19-9.52-4.76-11.57-4.86Z"/></symbol><symbol viewBox="0 0 48 48" id="eui-youtube" xmlns="http://www.w3.org/2000/svg"><path d="M45.08 13.841a5.525 5.525 0 0 0-3.89-3.914C37.76 9 24 9 24 9s-13.76 0-17.19.927a5.53 5.53 0 0 0-3.891 3.914C2 17.295 2 24.5 2 24.5s0 7.206.918 10.659a5.531 5.531 0 0 0 3.892 3.916C10.24 40 24 40 24 40s13.76 0 17.19-.925a5.527 5.527 0 0 0 3.89-3.916C46 31.706 46 24.5 46 24.5s0-7.205-.92-10.659"/><path fill="#FFF" d="M19.5 31.043 31 24.5l-11.5-6.542z"/></symbol></svg>
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use '../01-base' as base;
|
|
3
|
-
@use './maps' as maps;
|
|
4
|
-
|
|
5
|
-
// COLORS
|
|
6
|
-
|
|
7
|
-
$color-map: (
|
|
8
|
-
br: base.mapReverseValues(map.get(maps.$color-map, 'br')),
|
|
9
|
-
pr: base.mapReverseValues(map.get(maps.$color-map, 'pr')),
|
|
10
|
-
gr: base.mapReverseValues(map.get(maps.$color-map, 'gr')),
|
|
11
|
-
grn: base.mapReverseValues(map.get(maps.$color-map, 'grn')),
|
|
12
|
-
cta: base.mapReverseValues(map.get(maps.$color-map, 'cta')),
|
|
13
|
-
in: base.mapReverseValues(map.get(maps.$color-map, 'in')),
|
|
14
|
-
su: base.mapReverseValues(map.get(maps.$color-map, 'su')),
|
|
15
|
-
wa: base.mapReverseValues(map.get(maps.$color-map, 'wa')),
|
|
16
|
-
da: base.mapReverseValues(map.get(maps.$color-map, 'da'))
|
|
17
|
-
);
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
@use '../01-base' as base;
|
|
2
|
-
@use '../02-tokens/maps' as maps;
|
|
3
|
-
|
|
4
|
-
:root {
|
|
5
|
-
// // COLOR RGB
|
|
6
|
-
|
|
7
|
-
// @each $color, $shades in maps.$color-map {
|
|
8
|
-
// @each $shade, $value in $shades {
|
|
9
|
-
// --eui-bc-#{$color + '-' + $shade}-rgb: #{base.toRGB($value)};
|
|
10
|
-
// --eui-bc-#{$color + '-' + $shade}-rgb-contrast: #{base.toRGB(base.getContrast($value))};
|
|
11
|
-
// }
|
|
12
|
-
// }
|
|
13
|
-
|
|
14
|
-
// // COLOR CONTEXT RGB
|
|
15
|
-
|
|
16
|
-
// --eui-c-white-rgb: var(--eui-bc-neutral-0-rgb);
|
|
17
|
-
// --eui-c-neutral-min-rgb: var(--eui-bc-neutral-0-rgb);
|
|
18
|
-
// --eui-c-black-rgb: var(--eui-bc-neutral-160-rgb);
|
|
19
|
-
// --eui-c-neutral-max-rgb: var(--eui-bc-neutral-160-rgb);
|
|
20
|
-
|
|
21
|
-
// @each $color, $shades in maps.$color-context-map {
|
|
22
|
-
// @each $shade, $value in $shades {
|
|
23
|
-
// $color-value: #{$color + '-' + $value};
|
|
24
|
-
|
|
25
|
-
// @if $shade == base {
|
|
26
|
-
// --eui-c-#{$color}-rgb: var(--eui-bc-#{$color-value}-rgb);
|
|
27
|
-
// --eui-c-#{$color}-rgb-contrast: var(--eui-bc-#{$color-value}-rgb-contrast);
|
|
28
|
-
// } @else {
|
|
29
|
-
// --eui-c-#{$color + '-' + $shade}-rgb: var(--eui-bc-#{$color-value}-rgb);
|
|
30
|
-
// --eui-c-#{$color + '-' + $shade}-rgb-contrast: var(--eui-bc-#{$color-value}-rgb-contrast);
|
|
31
|
-
// }
|
|
32
|
-
// }
|
|
33
|
-
// }
|
|
34
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
@use '../../base/02-tokens/maps' as maps;
|
|
2
|
-
|
|
3
|
-
@each $color, $shades in maps.$color-map {
|
|
4
|
-
@each $shade, $value in $shades {
|
|
5
|
-
.eui-u-c-#{$color + '-' + $shade} {
|
|
6
|
-
color: var(--eui-bc-#{$color + '-' + $shade}) !important;
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
.eui-u-c-bg-#{$color + '-' + $shade} {
|
|
10
|
-
background-color: var(--eui-bc-#{$color + '-' + $shade}) !important;
|
|
11
|
-
color: var(--eui-bc-#{$color + '-' + $shade}-contrast) !important;
|
|
12
|
-
}
|
|
13
|
-
}
|
|
14
|
-
}
|
package/dist/eui-ecl-ec-rtl.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
[dir=rtl]{/*! @ecl/preset-ec - 4.11.0 Built on 2025-04-07T12:20:16.783Z */}[dir=rtl] html{direction:rtl}[dir=rtl] .ecl-accordion__item:first-child:before{left:auto;right:1.25rem}[dir=rtl] .ecl-banner--full-width{left:auto;right:50%}[dir=rtl] .ecl-banner__credit,[dir=rtl] .ecl-carousel__next{left:0;right:auto}[dir=rtl] .ecl-carousel__prev{left:auto;right:0}[dir=rtl] .ecl-carousel__slide:before{left:auto;right:-.25rem}[dir=rtl] .ecl-carousel--full-width{left:auto;right:50%}[dir=rtl] .ecl-category-filter__item--current:before,[dir=rtl] .ecl-category-filter__list-item:hover:before,[dir=rtl] .ecl-category-filter__list-item[aria-expanded=true]:before{left:auto;right:0}[dir=rtl] .ecl-datepicker__icon{left:0;right:auto}[dir=rtl] .ecl-description-list__definition--taxonomy .ecl-description-list__definition-item:before{left:auto;right:-2px}[dir=rtl] .ecl-file__footer{-webkit-padding-end:var(--s-l);padding-inline-end:var(--s-l);-webkit-margin-end:0;margin-inline-end:0}[dir=rtl] .ecl-gallery__image-icon{left:0;right:auto}[dir=rtl] .ecl-icon--rotate-90{transform:rotate(270deg)}[dir=rtl] .ecl-icon--rotate-270{transform:rotate(90deg)}[dir=rtl] .ecl-media-container--full-width{left:auto;right:50%}[dir=rtl] .ecl-menu__link-icon{transform:rotate(-90deg)}[dir=rtl] .ecl-menu__back .ecl-icon{transform:rotate(90deg)}[dir=rtl] .ecl-menu:not(.ecl-menu--forced-mobile) .ecl-menu__items-previous{border-radius:0;left:auto;right:0}[dir=rtl] .ecl-menu:not(.ecl-menu--forced-mobile) .ecl-menu__items-previous:after{left:-1px;right:auto}[dir=rtl] .ecl-menu:not(.ecl-menu--forced-mobile) .ecl-menu__items-next{border-radius:0;left:0;right:auto}[dir=rtl] .ecl-menu:not(.ecl-menu--forced-mobile) .ecl-menu__items-next:before{left:auto;right:-1px}[dir=rtl] .ecl-modal__content{left:auto;right:50%;transform:translateX(50%)}[dir=rtl] .ecl-select__icon{left:0;right:auto}[dir=rtl] .ecl-skip-link:active,[dir=rtl] .ecl-skip-link:focus{left:auto;right:1.25rem}[dir=rtl] .ecl-table__arrow{left:auto;right:.25rem}[dir=rtl] .ecl-table__icon{left:auto;right:0}[dir=rtl] .ecl-tabs__dropdown,[dir=rtl] .ecl-tabs__next,[dir=rtl] .ecl-tabs__toggle{left:0;right:auto}[dir=rtl] .ecl-tabs__prev{left:auto;right:0}[dir=rtl] .ecl-timeline,[dir=rtl] .ecl-timeline__content,[dir=rtl] .ecl-timeline__label,[dir=rtl] .ecl-timeline__title,[dir=rtl] .ecl-timeline__toggle{transform:scaleX(-1)}[dir=rtl] .ecl-timeline__item,[dir=rtl] .ecl-timeline__item--toggle,[dir=rtl] .ecl-timeline__tooltip{-webkit-padding-end:1.25rem;padding-inline-end:1.25rem}[dir=rtl] .ecl-timeline__item--toggle{display:flex;justify-content:end}[dir=rtl] .ecl-timeline__label{text-align:start}[dir=rtl] .ecl-timeline__tooltip:before{left:1.25rem}[dir=rtl] .ecl-popover--left .ecl-popover__container .ecl-popover__scrollable .ecl-popover__content{direction:rtl}
|