@eui/styles 21.0.0-alpha.4 → 21.0.0-alpha.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/README.md +1 -1
  2. package/dist/assets/ecl/ec/logo/negative/logo-ec--gl.svg +251 -0
  3. package/dist/assets/ecl/ec/logo/negative/logo-ec--kl.svg +251 -0
  4. package/dist/assets/ecl/ec/logo/positive/logo-ec--gl.svg +247 -0
  5. package/dist/assets/ecl/ec/logo/positive/logo-ec--kl.svg +247 -0
  6. package/dist/assets/ecl/eu/logo/standard-version/negative/logo-eu--gl.svg +197 -0
  7. package/dist/assets/ecl/eu/logo/standard-version/negative/logo-eu--kl.svg +197 -0
  8. package/dist/assets/ecl/eu/logo/standard-version/positive/logo-eu--gl.svg +188 -0
  9. package/dist/assets/ecl/eu/logo/standard-version/positive/logo-eu--kl.svg +188 -0
  10. package/dist/assets/icons/sprites/ecl.json +103 -0
  11. package/dist/assets/icons/sprites/ecl.svg +1 -0
  12. package/dist/assets/icons/sprites/eui.json +55 -138
  13. package/dist/assets/icons/sprites/eui.svg +1 -1
  14. package/dist/assets/icons/sprites/{phosphor-duotone.json → fill.json} +1 -1
  15. package/dist/assets/icons/sprites/fill.svg +1 -0
  16. package/dist/assets/icons/sprites/{phosphor-light.json → light.json} +1 -1
  17. package/dist/assets/icons/sprites/light.svg +1 -0
  18. package/dist/assets/icons/sprites/{phosphor-fill.json → regular.json} +1 -1
  19. package/dist/assets/icons/sprites/regular.svg +1 -0
  20. package/dist/base/01-base/functions/_other.functions.scss +15 -1
  21. package/dist/base/01-base/mixins/_accessibility.mixins.scss +12 -6
  22. package/dist/base/01-base/mixins/_eui-input.scss +8 -7
  23. package/dist/base/01-base/mixins/_eui-loading.scss +1 -1
  24. package/dist/base/01-base/mixins/_eui-scrollbars.scss +26 -3
  25. package/dist/base/01-base/mixins/_icon-svg.mixins.scss +3 -3
  26. package/dist/base/01-base/mixins/_loading-indicator.scss +2 -2
  27. package/dist/base/02-tokens/maps-dark-theme.scss +13 -127
  28. package/dist/base/02-tokens/maps.scss +541 -561
  29. package/dist/base/03-vars/vars-dark-theme.scss +14 -12
  30. package/dist/base/03-vars/vars-extras.scss +24 -24
  31. package/dist/base/03-vars/vars.scss +110 -107
  32. package/dist/base/05-assets/flags/_icons-generics.scss +8 -8
  33. package/dist/base/99-utilities/default/others/_eui-u-border-states.scss +6 -10
  34. package/dist/base/99-utilities/default/tokens/_color-states.scss +9 -9
  35. package/dist/base/99-utilities/default/tokens/_colors.scss +43 -16
  36. package/dist/base/99-utilities/default/tokens/_typography.scss +46 -15
  37. package/dist/eui-base.css +1 -1
  38. package/dist/eui-base.css.map +1 -1
  39. package/dist/eui-ecl-ec.css +2 -2
  40. package/dist/eui-ecl-ec.css.map +1 -1
  41. package/dist/eui-ecl-eu.css +2 -2
  42. package/dist/eui-ecl-eu.css.map +1 -1
  43. package/dist/eui-extra-vars.css +0 -1
  44. package/dist/eui-extra-vars.css.map +1 -1
  45. package/dist/eui-icons-flags.css +1 -1
  46. package/dist/eui-icons-flags.css.map +1 -1
  47. package/dist/eui-showcase-all.css +1 -1
  48. package/dist/eui-showcase-all.css.map +1 -1
  49. package/dist/eui-theme-compact.css +1 -1
  50. package/dist/eui-theme-compact.css.map +1 -1
  51. package/dist/eui-theme-dark.css +1 -1
  52. package/dist/eui-theme-dark.css.map +1 -1
  53. package/dist/eui-utilities-extras.css +1 -1
  54. package/dist/eui-utilities.css +1 -1
  55. package/dist/eui-utilities.css.map +1 -1
  56. package/dist/eui.css +1 -1
  57. package/dist/eui.css.map +1 -1
  58. package/package.json +3 -7
  59. package/dist/assets/icons/sprites/phosphor-duotone.svg +0 -1
  60. package/dist/assets/icons/sprites/phosphor-fill.svg +0 -1
  61. package/dist/assets/icons/sprites/phosphor-light.svg +0 -1
  62. package/dist/base/02-tokens/maps-legacy-theme.scss +0 -132
  63. package/dist/base/99-utilities/utilities-legacy-theme.scss +0 -52
package/dist/eui-theme-compact.css CHANGED
@@ -1 +1 @@
1
- html.eui-t-compact.eui-19{--eui-f-size-base:14px!important;font-size:var(--eui-f-size-base)}html.eui-t-compact.eui-19 .eui-input-checkbox:not(.cdk-visually-hidden){height:var(--eui-s-l);width:var(--eui-s-l)}html.eui-t-compact.eui-19 .eui-input-checkbox:not(.cdk-visually-hidden):checked::before{height:var(--eui-s-l);width:var(--eui-s-l)}html.eui-t-compact.eui-19 .eui-input-checkbox:not(.cdk-visually-hidden):indeterminate::before{height:var(--eui-s-xl);width:var(--eui-s-xl)}html.eui-t-compact.eui-19 .eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked::before{height:var(--eui-s-xl);width:var(--eui-s-xl)}html.eui-t-compact.eui-19 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked::before{height:var(--eui-s-xl);width:var(--eui-s-xl)}html.eui-t-compact.eui-19 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked::before,html.eui-t-compact.eui-19 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked::before{height:var(--eui-s-xl);width:var(--eui-s-xl)}html.eui-t-compact.eui-19 .eui-input-radio:not(.cdk-visually-hidden){height:var(--eui-s-l);width:var(--eui-s-l)}html.eui-t-compact.eui-19 .eui-input-radio:not(.cdk-visually-hidden):checked::before{height:var(--eui-s-m);width:var(--eui-s-m)}html.eui-t-compact.eui-19 .eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked::before{height:var(--eui-s-m);width:var(--eui-s-m)}html.eui-t-compact.eui-19 .eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:checked::before,html.eui-t-compact.eui-19 .eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:checked::before{height:var(--eui-s-m);width:var(--eui-s-m)}form.eui-t-form-compact{--eui-f-size-base:14px!important;--eui-input-group-spacing:var(--eui-s-s);--eui-compact-ratio:0.875;--eui-s-none:calc( var(--eui-compact-ratio) * 0 );--eui-s-4xs:calc( var(--eui-compact-ratio) * 0.0625rem );--eui-s-3xs:calc( var(--eui-compact-ratio) * 0.125rem );--eui-s-2xs:calc( var(--eui-compact-ratio) * 0.25rem );--eui-s-xs:calc( var(--eui-compact-ratio) * 0.5rem );--eui-s-s:calc( var(--eui-compact-ratio) * 0.75rem );--eui-s-m:calc( var(--eui-compact-ratio) * 1rem );--eui-s-l:calc( var(--eui-compact-ratio) * 1.25rem );--eui-s-xl:calc( var(--eui-compact-ratio) * 1.5rem );--eui-s-2xl:calc( var(--eui-compact-ratio) * 2rem );--eui-s-3xl:calc( var(--eui-compact-ratio) * 2.5rem );--eui-s-4xl:calc( var(--eui-compact-ratio) * 3rem );--eui-s-5xl:calc( var(--eui-compact-ratio) * 3.5rem );--eui-s-6xl:calc( var(--eui-compact-ratio) * 4rem );--eui-s-7xl:calc( var(--eui-compact-ratio) * 5rem );--eui-s-8xl:calc( var(--eui-compact-ratio) * 6rem );--eui-compact-ratio:0.82;font-size:var(--eui-f-size-base)}form.eui-t-form-compact .eui-input-group{margin-bottom:var(--eui-input-group-spacing)}form.eui-t-form-compact .eui-input-group label{font-size:var(--eui-f-size-base)!important}form.eui-t-form-compact .eui-input-number,form.eui-t-form-compact .eui-input-text{padding:calc(var(--eui-s-xs) - 1px)}form.eui-t-form-compact .eui-button--icon-only{padding:calc(var(--eui-s-xs) + 1px)}form.eui-t-form-compact .eui-button--icon-only .eui-icon-svg svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-table.eui-t-table-compact{--eui-f-size-base:14px!important;--eui-table-header-padding:var(--eui-s-s);--eui-table-row-padding:var(--eui-s-2xs);--eui-table-footer-padding:var(--eui-s-s);--eui-compact-ratio:0.875;--eui-s-none:calc( var(--eui-compact-ratio) * 0 );--eui-s-4xs:calc( var(--eui-compact-ratio) * 0.0625rem );--eui-s-3xs:calc( var(--eui-compact-ratio) * 0.125rem );--eui-s-2xs:calc( var(--eui-compact-ratio) * 0.25rem );--eui-s-xs:calc( var(--eui-compact-ratio) * 0.5rem );--eui-s-s:calc( var(--eui-compact-ratio) * 0.75rem );--eui-s-m:calc( var(--eui-compact-ratio) * 1rem );--eui-s-l:calc( var(--eui-compact-ratio) * 1.25rem );--eui-s-xl:calc( var(--eui-compact-ratio) * 1.5rem );--eui-s-2xl:calc( var(--eui-compact-ratio) * 2rem );--eui-s-3xl:calc( var(--eui-compact-ratio) * 2.5rem );--eui-s-4xl:calc( var(--eui-compact-ratio) * 3rem );--eui-s-5xl:calc( var(--eui-compact-ratio) * 3.5rem );--eui-s-6xl:calc( var(--eui-compact-ratio) * 4rem );--eui-s-7xl:calc( var(--eui-compact-ratio) * 5rem );--eui-s-8xl:calc( var(--eui-compact-ratio) * 6rem );font-size:var(--eui-f-size-base)}.eui-table.eui-t-table-compact thead tr{height:auto}.eui-table.eui-t-table-compact thead tr th{padding:var(--eui-table-header-padding) var(--eui-s-s);font-size:var(--eui-f-size-base)}.eui-table.eui-t-table-compact tbody tr{height:auto}.eui-table.eui-t-table-compact tbody tr td{padding:var(--eui-table-row-padding) var(--eui-s-s)}.eui-table.eui-t-table-compact tfoot tr{height:auto}.eui-table.eui-t-table-compact tfoot tr td{padding:var(--eui-table-footer-padding) var(--eui-s-s)}.eui-card.eui-t-card-compact{--eui-f-size-base:14px!important;--eui-card-title-size:var(--eui-f-size-m);--eui-card-subtitle-size:var(--eui-f-size-s);--eui-compact-ratio:0.875;--eui-s-none:calc( var(--eui-compact-ratio) * 0 );--eui-s-4xs:calc( var(--eui-compact-ratio) * 0.0625rem );--eui-s-3xs:calc( var(--eui-compact-ratio) * 0.125rem );--eui-s-2xs:calc( var(--eui-compact-ratio) * 0.25rem );--eui-s-xs:calc( var(--eui-compact-ratio) * 0.5rem );--eui-s-s:calc( var(--eui-compact-ratio) * 0.75rem );--eui-s-m:calc( var(--eui-compact-ratio) * 1rem );--eui-s-l:calc( var(--eui-compact-ratio) * 1.25rem );--eui-s-xl:calc( var(--eui-compact-ratio) * 1.5rem );--eui-s-2xl:calc( var(--eui-compact-ratio) * 2rem );--eui-s-3xl:calc( var(--eui-compact-ratio) * 2.5rem );--eui-s-4xl:calc( var(--eui-compact-ratio) * 3rem );--eui-s-5xl:calc( var(--eui-compact-ratio) * 3.5rem );--eui-s-6xl:calc( var(--eui-compact-ratio) * 4rem );--eui-s-7xl:calc( var(--eui-compact-ratio) * 5rem );--eui-s-8xl:calc( var(--eui-compact-ratio) * 6rem );font-size:var(--eui-f-size-base)}.eui-card.eui-t-card-compact .eui-card-header__title-container-title,.eui-card.eui-t-card-compact .eui-card-header__title-container-title .eui-label{font-size:var(--eui-card-title-size)}.eui-card.eui-t-card-compact .eui-card-header__title-container-subtitle,.eui-card.eui-t-card-compact .eui-card-header__title-container-subtitle .eui-label{font-size:var(--eui-card-subtitle-size)}.eui-card.eui-t-card-compact .eui-card-header__urgent-indicator::after{font-size:var(--eui-f-size-2xl)}
1
+ html.eui-t-compact.eui-21{--eui-f-size-base:14px!important;font-size:var(--eui-f-size-base)}html.eui-t-compact.eui-21 .eui-input-checkbox:not(.cdk-visually-hidden){height:var(--eui-s-l);width:var(--eui-s-l)}html.eui-t-compact.eui-21 .eui-input-checkbox:not(.cdk-visually-hidden):checked::before{height:var(--eui-s-l);width:var(--eui-s-l)}html.eui-t-compact.eui-21 .eui-input-checkbox:not(.cdk-visually-hidden):indeterminate::before{height:var(--eui-s-xl);width:var(--eui-s-xl)}html.eui-t-compact.eui-21 .eui-input-checkbox:not(.cdk-visually-hidden):disabled:not([readonly]):checked::before{height:var(--eui-s-xl);width:var(--eui-s-xl)}html.eui-t-compact.eui-21 .eui-input-checkbox:not(.cdk-visually-hidden)[readonly]:checked::before{height:var(--eui-s-xl);width:var(--eui-s-xl)}html.eui-t-compact.eui-21 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--danger:not(:disabled):not([readonly]):checked::before,html.eui-t-compact.eui-21 .eui-input-checkbox:not(.cdk-visually-hidden).eui-input-checkbox--invalid:not(:disabled):not([readonly]):checked::before{height:var(--eui-s-xl);width:var(--eui-s-xl)}html.eui-t-compact.eui-21 .eui-input-radio:not(.cdk-visually-hidden){height:var(--eui-s-l);width:var(--eui-s-l)}html.eui-t-compact.eui-21 .eui-input-radio:not(.cdk-visually-hidden):checked::before{height:var(--eui-s-m);width:var(--eui-s-m)}html.eui-t-compact.eui-21 .eui-input-radio:not(.cdk-visually-hidden):disabled:not([readonly]):checked::before{height:var(--eui-s-m);width:var(--eui-s-m)}html.eui-t-compact.eui-21 .eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--danger:checked::before,html.eui-t-compact.eui-21 .eui-input-radio:not(.cdk-visually-hidden).eui-input-radio--invalid:checked::before{height:var(--eui-s-m);width:var(--eui-s-m)}form.eui-t-form-compact{--eui-f-size-base:14px!important;--eui-input-group-spacing:var(--eui-s-s);--eui-compact-ratio:0.875;--eui-s-none:calc( var(--eui-compact-ratio) * 0 );--eui-s-5xs:calc( var(--eui-compact-ratio) * 0.0625rem );--eui-s-4xs:calc( var(--eui-compact-ratio) * 0.125rem );--eui-s-3xs:calc( var(--eui-compact-ratio) * 0.25rem );--eui-s-2xs:calc( var(--eui-compact-ratio) * 0.375rem );--eui-s-xs:calc( var(--eui-compact-ratio) * 0.5rem );--eui-s-s:calc( var(--eui-compact-ratio) * 0.75rem );--eui-s-m:calc( var(--eui-compact-ratio) * 1rem );--eui-s-l:calc( var(--eui-compact-ratio) * 1.25rem );--eui-s-xl:calc( var(--eui-compact-ratio) * 1.5rem );--eui-s-2xl:calc( var(--eui-compact-ratio) * 1.75rem );--eui-s-3xl:calc( var(--eui-compact-ratio) * 2rem );--eui-s-4xl:calc( var(--eui-compact-ratio) * 2.25rem );--eui-s-5xl:calc( var(--eui-compact-ratio) * 2.5rem );--eui-s-6xl:calc( var(--eui-compact-ratio) * 3rem );--eui-s-7xl:calc( var(--eui-compact-ratio) * 3.5rem );--eui-s-8xl:calc( var(--eui-compact-ratio) * 4rem );--eui-s-9xl:calc( var(--eui-compact-ratio) * 4.5rem );--eui-s-10xl:calc( var(--eui-compact-ratio) * 5rem );--eui-compact-ratio:0.82;font-size:var(--eui-f-size-base)}form.eui-t-form-compact .eui-input-group{margin-bottom:var(--eui-input-group-spacing)}form.eui-t-form-compact .eui-input-group label{font-size:var(--eui-f-size-base)!important}form.eui-t-form-compact .eui-input-number,form.eui-t-form-compact .eui-input-text{padding:calc(var(--eui-s-xs) - 1px)}form.eui-t-form-compact .eui-button--icon-only{padding:calc(var(--eui-s-xs) + 1px)}form.eui-t-form-compact .eui-button--icon-only .eui-icon-svg svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-table.eui-t-table-compact{--eui-f-size-base:14px!important;--eui-table-header-padding:var(--eui-s-s);--eui-table-row-padding:var(--eui-s-3xs);--eui-table-footer-padding:var(--eui-s-s);--eui-compact-ratio:0.875;--eui-s-none:calc( var(--eui-compact-ratio) * 0 );--eui-s-5xs:calc( var(--eui-compact-ratio) * 0.0625rem );--eui-s-4xs:calc( var(--eui-compact-ratio) * 0.125rem );--eui-s-3xs:calc( var(--eui-compact-ratio) * 0.25rem );--eui-s-2xs:calc( var(--eui-compact-ratio) * 0.375rem );--eui-s-xs:calc( var(--eui-compact-ratio) * 0.5rem );--eui-s-s:calc( var(--eui-compact-ratio) * 0.75rem );--eui-s-m:calc( var(--eui-compact-ratio) * 1rem );--eui-s-l:calc( var(--eui-compact-ratio) * 1.25rem );--eui-s-xl:calc( var(--eui-compact-ratio) * 1.5rem );--eui-s-2xl:calc( var(--eui-compact-ratio) * 1.75rem );--eui-s-3xl:calc( var(--eui-compact-ratio) * 2rem );--eui-s-4xl:calc( var(--eui-compact-ratio) * 2.25rem );--eui-s-5xl:calc( var(--eui-compact-ratio) * 2.5rem );--eui-s-6xl:calc( var(--eui-compact-ratio) * 3rem );--eui-s-7xl:calc( var(--eui-compact-ratio) * 3.5rem );--eui-s-8xl:calc( var(--eui-compact-ratio) * 4rem );--eui-s-9xl:calc( var(--eui-compact-ratio) * 4.5rem );--eui-s-10xl:calc( var(--eui-compact-ratio) * 5rem );font-size:var(--eui-f-size-base)}.eui-table.eui-t-table-compact thead tr{height:auto}.eui-table.eui-t-table-compact thead tr th{padding:var(--eui-table-header-padding) var(--eui-s-s);font-size:var(--eui-f-size-base)}.eui-table.eui-t-table-compact tbody tr{height:auto}.eui-table.eui-t-table-compact tbody tr td{padding:var(--eui-table-row-padding) var(--eui-s-s)}.eui-table.eui-t-table-compact tfoot tr{height:auto}.eui-table.eui-t-table-compact tfoot tr td{padding:var(--eui-table-footer-padding) var(--eui-s-s)}.eui-card.eui-t-card-compact{--eui-f-size-base:14px!important;--eui-card-title-size:var(--eui-f-size-m);--eui-card-subtitle-size:var(--eui-f-size-s);--eui-compact-ratio:0.875;--eui-s-none:calc( var(--eui-compact-ratio) * 0 );--eui-s-5xs:calc( var(--eui-compact-ratio) * 0.0625rem );--eui-s-4xs:calc( var(--eui-compact-ratio) * 0.125rem );--eui-s-3xs:calc( var(--eui-compact-ratio) * 0.25rem );--eui-s-2xs:calc( var(--eui-compact-ratio) * 0.375rem );--eui-s-xs:calc( var(--eui-compact-ratio) * 0.5rem );--eui-s-s:calc( var(--eui-compact-ratio) * 0.75rem );--eui-s-m:calc( var(--eui-compact-ratio) * 1rem );--eui-s-l:calc( var(--eui-compact-ratio) * 1.25rem );--eui-s-xl:calc( var(--eui-compact-ratio) * 1.5rem );--eui-s-2xl:calc( var(--eui-compact-ratio) * 1.75rem );--eui-s-3xl:calc( var(--eui-compact-ratio) * 2rem );--eui-s-4xl:calc( var(--eui-compact-ratio) * 2.25rem );--eui-s-5xl:calc( var(--eui-compact-ratio) * 2.5rem );--eui-s-6xl:calc( var(--eui-compact-ratio) * 3rem );--eui-s-7xl:calc( var(--eui-compact-ratio) * 3.5rem );--eui-s-8xl:calc( var(--eui-compact-ratio) * 4rem );--eui-s-9xl:calc( var(--eui-compact-ratio) * 4.5rem );--eui-s-10xl:calc( var(--eui-compact-ratio) * 5rem );font-size:var(--eui-f-size-base)}.eui-card.eui-t-card-compact .eui-card-header__title-container-title,.eui-card.eui-t-card-compact .eui-card-header__title-container-title .eui-label{font-size:var(--eui-card-title-size)}.eui-card.eui-t-card-compact .eui-card-header__title-container-subtitle,.eui-card.eui-t-card-compact .eui-card-header__title-container-subtitle .eui-label{font-size:var(--eui-card-subtitle-size)}.eui-card.eui-t-card-compact .eui-card-header__urgent-indicator::after{font-size:var(--eui-f-size-2xl)}
package/dist/eui-theme-compact.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["08-themes/compact-theme.scss"],"names":[],"mappings":"AAWA;EACI;EACA;;AAGA;EAEI;EACA;;AAII;EACI;EACA;;AAMJ;EACI;EACA;;AAOA;EACI;EACA;;AAQJ;EACI;EACA;;AASJ;EACI;EACA;;AAOhB;EACI;EACA;;AAII;EACI;EACA;;AAOA;EACI;EACA;;AASJ;EACI;EACA;;;AASpB;EACI;EACA;EA1GA;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EA6GJ;EACA;;AAGA;EACI;;AAEA;EACI;;AAIR;AAAA;EAEI;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAOZ;EAEI;EACA;EACA;EACA;EAjJA;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAmJJ;;AAII;EACI;;AAEA;EACI;EACA;;AAMR;EACI;;AAEA;EACI;;AAMR;EACI;;AAEA;EACI;;;AAQhB;EAEI;EACA;EACA;EA9LA;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAgMJ;;AAMY;EAEI;;AAGJ;EAEI;;AAKJ;EACI","file":"eui-theme-compact.css","sourcesContent":["@use '../../base/02-tokens/maps' as maps;\n\n@mixin eui-compact-get-tokens($ratio: 0.875) {\n --eui-compact-ratio: #{$ratio};\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: calc( #{var(--eui-compact-ratio)} * #{$value} );\n }\n}\n\n// GLOBAL COMPACT THEME\n///////////////////////\nhtml.eui-t-compact.eui-19 {\n --eui-f-size-base: 14px !important; // Font size base for compact theme\n font-size: var(--eui-f-size-base); // Applies the defined custom font size\n\n // CHECKBOXES\n .eui-input-checkbox:not(.cdk-visually-hidden) {\n // Default user-agent checkbox customization & alignements\n height: var(--eui-s-l);\n width: var(--eui-s-l);\n\n // CHECKED\n &:checked {\n &::before {\n height: var(--eui-s-l);\n width: var(--eui-s-l);\n }\n }\n\n // INDETERMINATE\n &:indeterminate {\n &::before {\n height: var(--eui-s-xl);\n width: var(--eui-s-xl);\n }\n }\n\n // DISABLED\n &:disabled:not([readonly]) {\n &:checked {\n &::before {\n height: var(--eui-s-xl);\n width: var(--eui-s-xl);\n }\n }\n }\n\n // READONLY\n &[readonly] {\n &:checked {\n &::before {\n height: var(--eui-s-xl);\n width: var(--eui-s-xl);\n }\n }\n }\n\n // INVALID\n &.eui-input-checkbox--invalid:not(:disabled):not([readonly]),\n &.eui-input-checkbox--danger:not(:disabled):not([readonly]) {\n &:checked {\n &::before {\n height: var(--eui-s-xl);\n width: var(--eui-s-xl);\n }\n }\n }\n }\n\n // RADIOS\n .eui-input-radio:not(.cdk-visually-hidden) {\n height: var(--eui-s-l); // 20x\n width: var(--eui-s-l); // 20px\n\n // CHECKED\n &:checked {\n &::before {\n height: var(--eui-s-m);\n width: var(--eui-s-m);\n }\n }\n\n // DISABLED\n &:disabled:not([readonly]) {\n &:checked {\n &::before {\n height: var(--eui-s-m);\n width: var(--eui-s-m);\n }\n }\n }\n\n // INVALID\n &.eui-input-radio--invalid,\n &.eui-input-radio--danger {\n &:checked {\n &::before {\n height: var(--eui-s-m);\n width: var(--eui-s-m);\n }\n }\n }\n }\n}\n\n// FORM ELEMENTS\n/////////////////\nform.eui-t-form-compact {\n --eui-f-size-base: 14px !important; // Font size base for compact theme\n --eui-input-group-spacing: var(--eui-s-s); // Spacing between form groups elements\n // Internals\n // See: eui-styles\\src\\base\\02-base\\mixins\\theming\\_compact-vars.scss\n @include eui-compact-get-tokens();\n // Setup\n --eui-compact-ratio: 0.82; // Sets form inputs/elements to 39px height (default: 44px)\n font-size: var(--eui-f-size-base); // Applies the defined custom font size\n\n // Internals\n .eui-input-group {\n margin-bottom: var(--eui-input-group-spacing);\n\n label {\n font-size: var(--eui-f-size-base) !important;\n }\n }\n\n .eui-input-text,\n .eui-input-number {\n padding: calc(var(--eui-s-xs) - 1px);\n }\n\n .eui-button--icon-only {\n padding: calc(#{var(--eui-s-xs)} + 1px);\n\n .eui-icon-svg svg {\n height: var(--eui-is-s);\n width: var(--eui-is-s);\n }\n }\n}\n\n// TABLE\n/////////////////\n.eui-table.eui-t-table-compact {\n // Exposed CSS variables\n --eui-f-size-base: 14px !important; // Font size base for compact theme\n --eui-table-header-padding: var(--eui-s-s); // Table header spacer set to 0.75rem\n --eui-table-row-padding: var(--eui-s-2xs); // Table body row spacer set to 0.25rem\n --eui-table-footer-padding: var(--eui-s-s); // Table footer spacer set to 0.75rem\n // Internals\n @include eui-compact-get-tokens();\n // Setup\n font-size: var(--eui-f-size-base); // Applies the defined custom font size\n\n // Internals\n thead {\n tr {\n height: auto;\n\n th {\n padding: var(--eui-table-header-padding) var(--eui-s-s);\n font-size: var(--eui-f-size-base);\n }\n }\n }\n\n tbody {\n tr {\n height: auto;\n\n td {\n padding: var(--eui-table-row-padding) var(--eui-s-s);\n }\n }\n }\n\n tfoot {\n tr {\n height: auto;\n\n td {\n padding: var(--eui-table-footer-padding) var(--eui-s-s);\n }\n }\n }\n}\n\n// CARD\n/////////////////\n.eui-card.eui-t-card-compact {\n // Exposed CSS variables\n --eui-f-size-base: 14px !important; // Font size base for compact theme\n --eui-card-title-size: var(--eui-f-size-m); // Card title font size\n --eui-card-subtitle-size: var(--eui-f-size-s); // Card subtitle font size\n // Internals\n @include eui-compact-get-tokens();\n // Setup\n font-size: var(--eui-f-size-base); // Applies the defined custom font size\n\n // Internals\n .eui-card {\n &-header {\n &__title-container {\n &-title,\n &-title .eui-label {\n font-size: var(--eui-card-title-size);\n }\n\n &-subtitle,\n &-subtitle .eui-label {\n font-size: var(--eui-card-subtitle-size);\n }\n }\n\n &__urgent-indicator {\n &::after {\n font-size: var(--eui-f-size-2xl);\n }\n }\n }\n }\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["08-themes/compact-theme.scss"],"names":[],"mappings":"AAWA;EACI;EACA;;AAGA;EAEI;EACA;;AAII;EACI;EACA;;AAMJ;EACI;EACA;;AAOA;EACI;EACA;;AAQJ;EACI;EACA;;AASJ;EACI;EACA;;AAOhB;EACI;EACA;;AAII;EACI;EACA;;AAOA;EACI;EACA;;AASJ;EACI;EACA;;;AASpB;EACI;EACA;EA1GA;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EA6GJ;EACA;;AAGA;EACI;;AAEA;EACI;;AAIR;AAAA;EAEI;;AAGJ;EACI;;AAEA;EACI;EACA;;;AAOZ;EAEI;EACA;EACA;EACA;EAjJA;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAmJJ;;AAII;EACI;;AAEA;EACI;EACA;;AAMR;EACI;;AAEA;EACI;;AAMR;EACI;;AAEA;EACI;;;AAQhB;EAEI;EACA;EACA;EA9LA;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAgMJ;;AAMY;EAEI;;AAGJ;EAEI;;AAKJ;EACI","file":"eui-theme-compact.css","sourcesContent":["@use '../../base/02-tokens/maps' as maps;\n\n@mixin eui-compact-get-tokens($ratio: 0.875) {\n --eui-compact-ratio: #{$ratio};\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: calc( #{var(--eui-compact-ratio)} * #{$value} );\n }\n}\n\n// GLOBAL COMPACT THEME\n///////////////////////\nhtml.eui-t-compact.eui-21 {\n --eui-f-size-base: 14px !important; // Font size base for compact theme\n font-size: var(--eui-f-size-base); // Applies the defined custom font size\n\n // CHECKBOXES\n .eui-input-checkbox:not(.cdk-visually-hidden) {\n // Default user-agent checkbox customization & alignements\n height: var(--eui-s-l);\n width: var(--eui-s-l);\n\n // CHECKED\n &:checked {\n &::before {\n height: var(--eui-s-l);\n width: var(--eui-s-l);\n }\n }\n\n // INDETERMINATE\n &:indeterminate {\n &::before {\n height: var(--eui-s-xl);\n width: var(--eui-s-xl);\n }\n }\n\n // DISABLED\n &:disabled:not([readonly]) {\n &:checked {\n &::before {\n height: var(--eui-s-xl);\n width: var(--eui-s-xl);\n }\n }\n }\n\n // READONLY\n &[readonly] {\n &:checked {\n &::before {\n height: var(--eui-s-xl);\n width: var(--eui-s-xl);\n }\n }\n }\n\n // INVALID\n &.eui-input-checkbox--invalid:not(:disabled):not([readonly]),\n &.eui-input-checkbox--danger:not(:disabled):not([readonly]) {\n &:checked {\n &::before {\n height: var(--eui-s-xl);\n width: var(--eui-s-xl);\n }\n }\n }\n }\n\n // RADIOS\n .eui-input-radio:not(.cdk-visually-hidden) {\n height: var(--eui-s-l); // 20x\n width: var(--eui-s-l); // 20px\n\n // CHECKED\n &:checked {\n &::before {\n height: var(--eui-s-m);\n width: var(--eui-s-m);\n }\n }\n\n // DISABLED\n &:disabled:not([readonly]) {\n &:checked {\n &::before {\n height: var(--eui-s-m);\n width: var(--eui-s-m);\n }\n }\n }\n\n // INVALID\n &.eui-input-radio--invalid,\n &.eui-input-radio--danger {\n &:checked {\n &::before {\n height: var(--eui-s-m);\n width: var(--eui-s-m);\n }\n }\n }\n }\n}\n\n// FORM ELEMENTS\n/////////////////\nform.eui-t-form-compact {\n --eui-f-size-base: 14px !important; // Font size base for compact theme\n --eui-input-group-spacing: var(--eui-s-s); // Spacing between form groups elements\n // Internals\n // See: eui-styles\\src\\base\\02-base\\mixins\\theming\\_compact-vars.scss\n @include eui-compact-get-tokens();\n // Setup\n --eui-compact-ratio: 0.82; // Sets form inputs/elements to 39px height (default: 44px)\n font-size: var(--eui-f-size-base); // Applies the defined custom font size\n\n // Internals\n .eui-input-group {\n margin-bottom: var(--eui-input-group-spacing);\n\n label {\n font-size: var(--eui-f-size-base) !important;\n }\n }\n\n .eui-input-text,\n .eui-input-number {\n padding: calc(var(--eui-s-xs) - 1px);\n }\n\n .eui-button--icon-only {\n padding: calc(#{var(--eui-s-xs)} + 1px);\n\n .eui-icon-svg svg {\n height: var(--eui-is-s);\n width: var(--eui-is-s);\n }\n }\n}\n\n// TABLE\n/////////////////\n.eui-table.eui-t-table-compact {\n // Exposed CSS variables\n --eui-f-size-base: 14px !important; // Font size base for compact theme\n --eui-table-header-padding: var(--eui-s-s); // Table header spacer set to 0.75rem\n --eui-table-row-padding: var(--eui-s-3xs); // Table body row spacer set to 0.25rem\n --eui-table-footer-padding: var(--eui-s-s); // Table footer spacer set to 0.75rem\n // Internals\n @include eui-compact-get-tokens();\n // Setup\n font-size: var(--eui-f-size-base); // Applies the defined custom font size\n\n // Internals\n thead {\n tr {\n height: auto;\n\n th {\n padding: var(--eui-table-header-padding) var(--eui-s-s);\n font-size: var(--eui-f-size-base);\n }\n }\n }\n\n tbody {\n tr {\n height: auto;\n\n td {\n padding: var(--eui-table-row-padding) var(--eui-s-s);\n }\n }\n }\n\n tfoot {\n tr {\n height: auto;\n\n td {\n padding: var(--eui-table-footer-padding) var(--eui-s-s);\n }\n }\n }\n}\n\n// CARD\n/////////////////\n.eui-card.eui-t-card-compact {\n // Exposed CSS variables\n --eui-f-size-base: 14px !important; // Font size base for compact theme\n --eui-card-title-size: var(--eui-f-size-m); // Card title font size\n --eui-card-subtitle-size: var(--eui-f-size-s); // Card subtitle font size\n // Internals\n @include eui-compact-get-tokens();\n // Setup\n font-size: var(--eui-f-size-base); // Applies the defined custom font size\n\n // Internals\n .eui-card {\n &-header {\n &__title-container {\n &-title,\n &-title .eui-label {\n font-size: var(--eui-card-title-size);\n }\n\n &-subtitle,\n &-subtitle .eui-label {\n font-size: var(--eui-card-subtitle-size);\n }\n }\n\n &__urgent-indicator {\n &::after {\n font-size: var(--eui-f-size-2xl);\n }\n }\n }\n }\n}\n"]}
package/dist/eui-theme-dark.css CHANGED
@@ -1 +1 @@
1
- html.eui-t-dark{--eui-c-bg:var(--eui-bc-neutral-10);--eui-c-surface-page:var(--eui-bc-neutral-10);--eui-c-surface-shell:var(--eui-bc-neutral-10);--eui-c-surface-container:var(--eui-bc-neutral-5);--eui-c-surface-container-1:var(--eui-bc-neutral-10);--eui-c-surface-container-2:var(--eui-bc-neutral-20);--eui-c-surface-container-3:var(--eui-bc-neutral-40);--eui-c-divider:var(--eui-bc-neutral-40);--eui-c-divider-light:var(--eui-bc-neutral-20);--eui-c-focus:var(--eui-bc-primary-60);--eui-c-active-bg-alt:var(--eui-bc-primary-10);--_eui-scrollbars-foreground-color:var(--eui-bc-neutral-40);--eui-bc-branding-120:#003676;--eui-bc-branding-120-contrast:#fff;--eui-bc-branding-110:#014592;--eui-bc-branding-110-contrast:#fff;--eui-bc-branding-100:#004494;--eui-bc-branding-100-contrast:#fff;--eui-bc-branding-80:#0057BD;--eui-bc-branding-80-contrast:#fff;--eui-bc-branding-60:#0069E6;--eui-bc-branding-60-contrast:#fff;--eui-bc-branding-40:#0F7DFF;--eui-bc-branding-40-contrast:#000;--eui-bc-branding-20:#3894FF;--eui-bc-branding-20-contrast:#000;--eui-bc-branding-10:#61AAFF;--eui-bc-branding-10-contrast:#000;--eui-bc-branding-5:#8AC0FF;--eui-bc-branding-5-contrast:#000;--eui-bc-branding-2:#DBECFF;--eui-bc-branding-2-contrast:#000;--eui-bc-branding-0:#fff;--eui-bc-branding-0-contrast:#000;--eui-bc-primary-160:#fff;--eui-bc-primary-160-contrast:#000;--eui-bc-primary-140:#f3f6fa;--eui-bc-primary-140-contrast:#000;--eui-bc-primary-120:#d8e0fb;--eui-bc-primary-120-contrast:#000;--eui-bc-primary-110:#b1c0f8;--eui-bc-primary-110-contrast:#000;--eui-bc-primary-100:#89a1f4;--eui-bc-primary-100-contrast:#000;--eui-bc-primary-80:#5577f0;--eui-bc-primary-80-contrast:#000;--eui-bc-primary-60:#3860ed;--eui-bc-primary-60-contrast:#fff;--eui-bc-primary-40:#2651eb;--eui-bc-primary-40-contrast:#fff;--eui-bc-primary-20:#143fd9;--eui-bc-primary-20-contrast:#fff;--eui-bc-primary-10:#1338bd;--eui-bc-primary-10-contrast:#fff;--eui-bc-primary-5:#0f2fa2;--eui-bc-primary-5-contrast:#fff;--eui-bc-primary-0:#0a1f6c;--eui-bc-primary-0-contrast:#fff;--eui-bc-neutral-0:#131313;--eui-bc-neutral-0-contrast:#fff;--eui-bc-neutral-2:#1d1d1d;--eui-bc-neutral-2-contrast:#fff;--eui-bc-neutral-3:#262626;--eui-bc-neutral-3-contrast:#fff;--eui-bc-neutral-5:#2b2b2b;--eui-bc-neutral-5-contrast:#fff;--eui-bc-neutral-10:#303030;--eui-bc-neutral-10-contrast:#fff;--eui-bc-neutral-20:#595959;--eui-bc-neutral-20-contrast:#fff;--eui-bc-neutral-40:#838383;--eui-bc-neutral-40-contrast:#000;--eui-bc-neutral-60:#acacac;--eui-bc-neutral-60-contrast:#000;--eui-bc-neutral-80:#d6d6d6;--eui-bc-neutral-80-contrast:#000;--eui-bc-neutral-100:#eaeaea;--eui-bc-neutral-100-contrast:#000;--eui-bc-neutral-110:#f5f5f5;--eui-bc-neutral-110-contrast:#000;--eui-bc-neutral-120:#f9f9f9;--eui-bc-neutral-120-contrast:#000;--eui-bc-neutral-140:#fcfcfc;--eui-bc-neutral-140-contrast:#000;--eui-bc-neutral-160:#fff;--eui-bc-neutral-160-contrast:#000;--eui-bc-cta-160:#fff;--eui-bc-cta-160-contrast:#000;--eui-bc-cta-140:#fff9ef;--eui-bc-cta-140-contrast:#000;--eui-bc-cta-120:#ffebcc;--eui-bc-cta-120-contrast:#000;--eui-bc-cta-110:#ffe1b4;--eui-bc-cta-110-contrast:#000;--eui-bc-cta-100:#ffd392;--eui-bc-cta-100-contrast:#000;--eui-bc-cta-80:#ffcb7d;--eui-bc-cta-80-contrast:#000;--eui-bc-cta-60:#ffbe5c;--eui-bc-cta-60-contrast:#000;--eui-bc-cta-40:#fea439;--eui-bc-cta-40-contrast:#000;--eui-bc-cta-20:#fc8713;--eui-bc-cta-20-contrast:#000;--eui-bc-cta-10:#ed6c09;--eui-bc-cta-10-contrast:#000;--eui-bc-cta-5:#c55109;--eui-bc-cta-5-contrast:#fff;--eui-bc-cta-0:#a84304;--eui-bc-cta-0-contrast:#fff;--eui-bc-accent-160:#fff;--eui-bc-accent-160-contrast:#000;--eui-bc-accent-140:#fffcf7;--eui-bc-accent-140-contrast:#000;--eui-bc-accent-120:#fff2de;--eui-bc-accent-120-contrast:#000;--eui-bc-accent-110:#ffe5be;--eui-bc-accent-110-contrast:#000;--eui-bc-accent-100:#ffd89d;--eui-bc-accent-100-contrast:#000;--eui-bc-accent-80:#ffcb7c;--eui-bc-accent-80-contrast:#000;--eui-bc-accent-60:#ffbe5c;--eui-bc-accent-60-contrast:#000;--eui-bc-accent-40:#ffb74d;--eui-bc-accent-40-contrast:#000;--eui-bc-accent-20:#ffad33;--eui-bc-accent-20-contrast:#000;--eui-bc-accent-10:#ffa724;--eui-bc-accent-10-contrast:#000;--eui-bc-accent-5:#ff9d0a;--eui-bc-accent-5-contrast:#000;--eui-bc-accent-0:#e08700;--eui-bc-accent-0-contrast:#000;--eui-bc-info-0:#033863;--eui-bc-info-0-contrast:#fff;--eui-bc-info-5:#044e8b;--eui-bc-info-5-contrast:#fff;--eui-bc-info-10:#04579b;--eui-bc-info-10-contrast:#fff;--eui-bc-info-20:#0462ae;--eui-bc-info-20-contrast:#fff;--eui-bc-info-40:#046abd;--eui-bc-info-40-contrast:#fff;--eui-bc-info-60:#0578d6;--eui-bc-info-60-contrast:#000;--eui-bc-info-80:#2791e7;--eui-bc-info-80-contrast:#000;--eui-bc-info-100:#51a6ec;--eui-bc-info-100-contrast:#000;--eui-bc-info-110:#8cc5f2;--eui-bc-info-110-contrast:#000;--eui-bc-info-120:#c8e3f9;--eui-bc-info-120-contrast:#000;--eui-bc-info-140:#f0f7fd;--eui-bc-info-140-contrast:#000;--eui-bc-info-160:#fff;--eui-bc-info-160-contrast:#000;--eui-bc-success-160:#fff;--eui-bc-success-160-contrast:#000;--eui-bc-success-140:#f4faf6;--eui-bc-success-140-contrast:#000;--eui-bc-success-120:#d3ecda;--eui-bc-success-120-contrast:#000;--eui-bc-success-110:#a7d9b6;--eui-bc-success-110-contrast:#000;--eui-bc-success-100:#7cc791;--eui-bc-success-100-contrast:#000;--eui-bc-success-80:#50b46d;--eui-bc-success-80-contrast:#000;--eui-bc-success-60:#24a148;--eui-bc-success-60-contrast:#000;--eui-bc-success-40:#209141;--eui-bc-success-40-contrast:#000;--eui-bc-success-20:#1d813a;--eui-bc-success-20-contrast:#fff;--eui-bc-success-10:#197132;--eui-bc-success-10-contrast:#fff;--eui-bc-success-5:#16612b;--eui-bc-success-5-contrast:#fff;--eui-bc-success-0:#0e401d;--eui-bc-success-0-contrast:#fff;--eui-bc-warning-160:#fff;--eui-bc-warning-160-contrast:#000;--eui-bc-warning-140:#fefaf3;--eui-bc-warning-140-contrast:#000;--eui-bc-warning-120:#fdeacf;--eui-bc-warning-120-contrast:#000;--eui-bc-warning-110:#fad6a0;--eui-bc-warning-110-contrast:#000;--eui-bc-warning-100:#f8c170;--eui-bc-warning-100-contrast:#000;--eui-bc-warning-80:#f5ad41;--eui-bc-warning-80-contrast:#000;--eui-bc-warning-60:#f39811;--eui-bc-warning-60-contrast:#000;--eui-bc-warning-40:#db890f;--eui-bc-warning-40-contrast:#000;--eui-bc-warning-20:#c27a0e;--eui-bc-warning-20-contrast:#000;--eui-bc-warning-10:#aa6a0c;--eui-bc-warning-10-contrast:#000;--eui-bc-warning-5:#925b0a;--eui-bc-warning-5-contrast:#fff;--eui-bc-warning-0:#613d07;--eui-bc-warning-0-contrast:#fff;--eui-bc-danger-160:#fff;--eui-bc-danger-160-contrast:#000;--eui-bc-danger-140:#fdf4f4;--eui-bc-danger-140-contrast:#000;--eui-bc-danger-120:#f8d2d4;--eui-bc-danger-120-contrast:#000;--eui-bc-danger-110:#f0a5a9;--eui-bc-danger-110-contrast:#000;--eui-bc-danger-100:#e9787e;--eui-bc-danger-100-contrast:#000;--eui-bc-danger-80:#e14b53;--eui-bc-danger-80-contrast:#000;--eui-bc-danger-60:#da1e28;--eui-bc-danger-60-contrast:#fff;--eui-bc-danger-40:#c41b24;--eui-bc-danger-40-contrast:#fff;--eui-bc-danger-20:#ae1820;--eui-bc-danger-20-contrast:#fff;--eui-bc-danger-10:#99151c;--eui-bc-danger-10-contrast:#fff;--eui-bc-danger-5:#831218;--eui-bc-danger-5-contrast:#fff;--eui-bc-danger-0:#570c10;--eui-bc-danger-0-contrast:#fff}
1
+ html.eui-t-dark{--eui-c-black:#fff;--eui-c-white:#000;--eui-c-secondary-min:var(--eui-bc-gr-950);--eui-c-secondary-max:var(--eui-bc-gr-25);--eui-c-surface-page:var(--eui-bc-grn-25);--eui-c-surface-shell:var(--eui-bc-grn-50);--eui-c-surface-container:var(--eui-bc-grn-50);--eui-c-surface-container-1:var(--eui-bc-grn-50);--eui-c-surface-container-2:var(--eui-bc-grn-75);--eui-c-surface-container-3:var(--eui-bc-grn-75);--eui-c-divider:var(--eui-bc-grn-300);--eui-c-divider-light:var(--eui-bc-grn-200);--eui-c-focus:var(--eui-bc-pr-400);--eui-c-active-bg-alt:var(--eui-bc-pr-100);--eui-bc-br-950:#505070;--eui-bc-br-950-contrast:#fff;--eui-bc-br-900:#353559;--eui-bc-br-900-contrast:#fff;--eui-bc-br-800:#1c1c45;--eui-bc-br-800-contrast:#fff;--eui-bc-br-700:#00002e;--eui-bc-br-700-contrast:#fff;--eui-bc-pr-950:#f7f9ff;--eui-bc-pr-950-contrast:#000;--eui-bc-pr-900:#f2f6ff;--eui-bc-pr-900-contrast:#000;--eui-bc-pr-800:#eef2ff;--eui-bc-pr-800-contrast:#000;--eui-bc-pr-700:#e6edff;--eui-bc-pr-700-contrast:#000;--eui-bc-pr-600:#d9e3ff;--eui-bc-pr-600-contrast:#000;--eui-bc-pr-500:#b0c6ff;--eui-bc-pr-500-contrast:#000;--eui-bc-pr-400:#8cacff;--eui-bc-pr-400-contrast:#000;--eui-bc-pr-300:#5987ff;--eui-bc-pr-300-contrast:#000;--eui-bc-pr-200:#0046ff;--eui-bc-pr-200-contrast:#fff;--eui-bc-pr-100:#0035bf;--eui-bc-pr-100-contrast:#fff;--eui-bc-pr-75:#002a99;--eui-bc-pr-75-contrast:#fff;--eui-bc-pr-50:#001f73;--eui-bc-pr-50-contrast:#fff;--eui-bc-pr-25:#001959;--eui-bc-pr-25-contrast:#fff;--eui-bc-gr-950:#fafafb;--eui-bc-gr-950-contrast:#000;--eui-bc-gr-900:#f6f6f8;--eui-bc-gr-900-contrast:#000;--eui-bc-gr-800:#ededf0;--eui-bc-gr-800-contrast:#000;--eui-bc-gr-700:#e1e1e7;--eui-bc-gr-700-contrast:#000;--eui-bc-gr-600:#d4d4dc;--eui-bc-gr-600-contrast:#000;--eui-bc-gr-500:#b9b9c5;--eui-bc-gr-500-contrast:#000;--eui-bc-gr-400:#a0a0b1;--eui-bc-gr-400-contrast:#000;--eui-bc-gr-300:#84849b;--eui-bc-gr-300-contrast:#000;--eui-bc-gr-200:#696984;--eui-bc-gr-200-contrast:#fff;--eui-bc-gr-100:#505070;--eui-bc-gr-100-contrast:#fff;--eui-bc-gr-75:#353559;--eui-bc-gr-75-contrast:#fff;--eui-bc-gr-50:#1c1c45;--eui-bc-gr-50-contrast:#fff;--eui-bc-gr-25:#00002e;--eui-bc-gr-25-contrast:#fff;--eui-bc-grn-950:#fbfbfb;--eui-bc-grn-950-contrast:#000;--eui-bc-grn-900:#f7f7f7;--eui-bc-grn-900-contrast:#000;--eui-bc-grn-800:#efefef;--eui-bc-grn-800-contrast:#000;--eui-bc-grn-700:#e4e4e4;--eui-bc-grn-700-contrast:#000;--eui-bc-grn-600:#d8d8d8;--eui-bc-grn-600-contrast:#000;--eui-bc-grn-500:#bfbfbf;--eui-bc-grn-500-contrast:#000;--eui-bc-grn-400:#a9a9a9;--eui-bc-grn-400-contrast:#000;--eui-bc-grn-300:#909090;--eui-bc-grn-300-contrast:#000;--eui-bc-grn-200:#777777;--eui-bc-grn-200-contrast:#000;--eui-bc-grn-100:#606060;--eui-bc-grn-100-contrast:#fff;--eui-bc-grn-75:#474747;--eui-bc-grn-75-contrast:#fff;--eui-bc-grn-50:#313131;--eui-bc-grn-50-contrast:#fff;--eui-bc-grn-25:#171717;--eui-bc-grn-25-contrast:#fff;--eui-bc-cta-950:#fffcf7;--eui-bc-cta-950-contrast:#000;--eui-bc-cta-900:#fff5e5;--eui-bc-cta-900-contrast:#000;--eui-bc-cta-800:#ffebcc;--eui-bc-cta-800-contrast:#000;--eui-bc-cta-700:#ffe1b4;--eui-bc-cta-700-contrast:#000;--eui-bc-cta-600:#ffd392;--eui-bc-cta-600-contrast:#000;--eui-bc-cta-500:#ffcb7d;--eui-bc-cta-500-contrast:#000;--eui-bc-cta-400:#ffbe5c;--eui-bc-cta-400-contrast:#000;--eui-bc-cta-300:#fea439;--eui-bc-cta-300-contrast:#000;--eui-bc-cta-200:#fc8713;--eui-bc-cta-200-contrast:#000;--eui-bc-cta-100:#ed6c09;--eui-bc-cta-100-contrast:#000;--eui-bc-cta-75:#c55109;--eui-bc-cta-75-contrast:#fff;--eui-bc-cta-50:#9e4107;--eui-bc-cta-50-contrast:#fff;--eui-bc-cta-25:#763105;--eui-bc-cta-25-contrast:#fff;--eui-bc-in-950:#f5f7fb;--eui-bc-in-950-contrast:#000;--eui-bc-in-900:#ebeff7;--eui-bc-in-900-contrast:#000;--eui-bc-in-800:#dee4f2;--eui-bc-in-800-contrast:#000;--eui-bc-in-700:#bfcce6;--eui-bc-in-700-contrast:#000;--eui-bc-in-600:#a3b6da;--eui-bc-in-600-contrast:#000;--eui-bc-in-500:#859dce;--eui-bc-in-500-contrast:#000;--eui-bc-in-400:#6685c2;--eui-bc-in-400-contrast:#000;--eui-bc-in-300:#4a6eb7;--eui-bc-in-300-contrast:#fff;--eui-bc-in-200:#3b62b0;--eui-bc-in-200-contrast:#fff;--eui-bc-in-100:#2e58ab;--eui-bc-in-100-contrast:#fff;--eui-bc-in-75:#1c49a4;--eui-bc-in-75-contrast:#fff;--eui-bc-in-50:#0d3d9e;--eui-bc-in-50-contrast:#fff;--eui-bc-in-25:#039;--eui-bc-in-25-contrast:#fff;--eui-bc-su-950:#f9fefc;--eui-bc-su-950-contrast:#000;--eui-bc-su-900:#edfbf6;--eui-bc-su-900-contrast:#000;--eui-bc-su-800:#e3f9f0;--eui-bc-su-800-contrast:#000;--eui-bc-su-700:#daf6eb;--eui-bc-su-700-contrast:#000;--eui-bc-su-600:#b2edd6;--eui-bc-su-600-contrast:#000;--eui-bc-su-500:#8fe5c4;--eui-bc-su-500-contrast:#000;--eui-bc-su-400:#5ddaa9;--eui-bc-su-400-contrast:#000;--eui-bc-su-300:#05c67b;--eui-bc-su-300-contrast:#000;--eui-bc-su-200:#05b26f;--eui-bc-su-200-contrast:#000;--eui-bc-su-100:#049e62;--eui-bc-su-100-contrast:#000;--eui-bc-su-75:#037e4e;--eui-bc-su-75-contrast:#fff;--eui-bc-su-50:#025f3b;--eui-bc-su-50-contrast:#fff;--eui-bc-su-25:#02472c;--eui-bc-su-25-contrast:#fff;--eui-bc-wa-950:#fffaf5;--eui-bc-wa-950-contrast:#000;--eui-bc-wa-900:#fff3e8;--eui-bc-wa-900-contrast:#000;--eui-bc-wa-800:#ffeddc;--eui-bc-wa-800-contrast:#000;--eui-bc-wa-700:#ffdbba;--eui-bc-wa-700-contrast:#000;--eui-bc-wa-600:#ffc998;--eui-bc-wa-600-contrast:#000;--eui-bc-wa-500:#ffb16a;--eui-bc-wa-500-contrast:#000;--eui-bc-wa-400:#ffa14d;--eui-bc-wa-400-contrast:#000;--eui-bc-wa-300:#ff8a20;--eui-bc-wa-300-contrast:#000;--eui-bc-wa-200:#e87e1d;--eui-bc-wa-200-contrast:#000;--eui-bc-wa-100:#ba6517;--eui-bc-wa-100-contrast:#000;--eui-bc-wa-75:#8b4c11;--eui-bc-wa-75-contrast:#fff;--eui-bc-wa-50:#68390d;--eui-bc-wa-50-contrast:#fff;--eui-bc-wa-25:#512c0a;--eui-bc-wa-25-contrast:#fff;--eui-bc-da-950:#fefafa;--eui-bc-da-950-contrast:#000;--eui-bc-da-900:#fdefef;--eui-bc-da-900-contrast:#000;--eui-bc-da-800:#fce9ea;--eui-bc-da-800-contrast:#000;--eui-bc-da-700:#f5bbbe;--eui-bc-da-700-contrast:#000;--eui-bc-da-600:#f09a9e;--eui-bc-da-600-contrast:#000;--eui-bc-da-500:#ea6c72;--eui-bc-da-500-contrast:#000;--eui-bc-da-400:#e54f57;--eui-bc-da-400-contrast:#000;--eui-bc-da-300:#df232d;--eui-bc-da-300-contrast:#fff;--eui-bc-da-200:#cb2029;--eui-bc-da-200-contrast:#fff;--eui-bc-da-100:#9e1920;--eui-bc-da-100-contrast:#fff;--eui-bc-da-75:#7b1319;--eui-bc-da-75-contrast:#fff;--eui-bc-da-50:#5a0e12;--eui-bc-da-50-contrast:#fff;--eui-bc-da-25:#1f0506;--eui-bc-da-25-contrast:#fff}
package/dist/eui-theme-dark.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../base/03-vars/vars-dark-theme.scss"],"names":[],"mappings":"AAGA;EACI;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EAKQ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA","file":"eui-theme-dark.css","sourcesContent":["@use '../01-base' as base;\n@use '../02-tokens/maps-dark-theme' as maps;\n\nhtml.eui-t-dark {\n --eui-c-bg: var(--eui-bc-neutral-10);\n\n --eui-c-surface-page: var(--eui-bc-neutral-10);\n --eui-c-surface-shell: var(--eui-bc-neutral-10);\n --eui-c-surface-container: var(--eui-bc-neutral-5);\n --eui-c-surface-container-1: var(--eui-bc-neutral-10);\n --eui-c-surface-container-2: var(--eui-bc-neutral-20);\n --eui-c-surface-container-3: var(--eui-bc-neutral-40); \n\n --eui-c-divider: var(--eui-bc-neutral-40);\n --eui-c-divider-light: var(--eui-bc-neutral-20); \n\n --eui-c-focus: var(--eui-bc-primary-60);\n --eui-c-active-bg-alt: var(--eui-bc-primary-10);\n\n --_eui-scrollbars-foreground-color: var(--eui-bc-neutral-40);\n\n // COLOR SHADES\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}"]}
1
+ {"version":3,"sourceRoot":"","sources":["../base/03-vars/vars-dark-theme.scss"],"names":[],"mappings":"AAGA;EACI;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAKQ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA","file":"eui-theme-dark.css","sourcesContent":["@use '../01-base' as base;\n@use '../02-tokens/maps-dark-theme' as maps;\n\nhtml.eui-t-dark {\n --eui-c-black: #fff;\n --eui-c-white: #000;\n\n --eui-c-secondary-min: var(--eui-bc-gr-950);\n --eui-c-secondary-max: var(--eui-bc-gr-25);\n\n --eui-c-surface-page: var(--eui-bc-grn-25);\n --eui-c-surface-shell: var(--eui-bc-grn-50);\n --eui-c-surface-container: var(--eui-bc-grn-50);\n --eui-c-surface-container-1: var(--eui-bc-grn-50);\n --eui-c-surface-container-2: var(--eui-bc-grn-75);\n --eui-c-surface-container-3: var(--eui-bc-grn-75); \n\n --eui-c-divider: var(--eui-bc-grn-300);\n --eui-c-divider-light: var(--eui-bc-grn-200); \n\n --eui-c-focus: var(--eui-bc-pr-400);\n --eui-c-active-bg-alt: var(--eui-bc-pr-100);\n\n // COLOR SHADES\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}"]}
package/dist/eui-utilities-extras.css CHANGED
@@ -1 +1 @@
1
- .eui-u-c-branding-120{color:var(--eui-bc-branding-120)!important}.eui-u-c-bg-branding-120{background-color:var(--eui-bc-branding-120)!important;color:var(--eui-bc-branding-120-contrast)!important}.eui-u-c-branding-110{color:var(--eui-bc-branding-110)!important}.eui-u-c-bg-branding-110{background-color:var(--eui-bc-branding-110)!important;color:var(--eui-bc-branding-110-contrast)!important}.eui-u-c-branding-100{color:var(--eui-bc-branding-100)!important}.eui-u-c-bg-branding-100{background-color:var(--eui-bc-branding-100)!important;color:var(--eui-bc-branding-100-contrast)!important}.eui-u-c-branding-80{color:var(--eui-bc-branding-80)!important}.eui-u-c-bg-branding-80{background-color:var(--eui-bc-branding-80)!important;color:var(--eui-bc-branding-80-contrast)!important}.eui-u-c-branding-60{color:var(--eui-bc-branding-60)!important}.eui-u-c-bg-branding-60{background-color:var(--eui-bc-branding-60)!important;color:var(--eui-bc-branding-60-contrast)!important}.eui-u-c-branding-40{color:var(--eui-bc-branding-40)!important}.eui-u-c-bg-branding-40{background-color:var(--eui-bc-branding-40)!important;color:var(--eui-bc-branding-40-contrast)!important}.eui-u-c-branding-20{color:var(--eui-bc-branding-20)!important}.eui-u-c-bg-branding-20{background-color:var(--eui-bc-branding-20)!important;color:var(--eui-bc-branding-20-contrast)!important}.eui-u-c-branding-10{color:var(--eui-bc-branding-10)!important}.eui-u-c-bg-branding-10{background-color:var(--eui-bc-branding-10)!important;color:var(--eui-bc-branding-10-contrast)!important}.eui-u-c-branding-5{color:var(--eui-bc-branding-5)!important}.eui-u-c-bg-branding-5{background-color:var(--eui-bc-branding-5)!important;color:var(--eui-bc-branding-5-contrast)!important}.eui-u-c-branding-2{color:var(--eui-bc-branding-2)!important}.eui-u-c-bg-branding-2{background-color:var(--eui-bc-branding-2)!important;color:var(--eui-bc-branding-2-contrast)!important}.eui-u-c-branding-0{color:var(--eui-bc-branding-0)!important}.eui-u-c-bg-branding-0{background-color:var(--eui-bc-branding-0)!important;color:var(--eui-bc-branding-0-contrast)!important}.eui-u-c-primary-160{color:var(--eui-bc-primary-160)!important}.eui-u-c-bg-primary-160{background-color:var(--eui-bc-primary-160)!important;color:var(--eui-bc-primary-160-contrast)!important}.eui-u-c-primary-140{color:var(--eui-bc-primary-140)!important}.eui-u-c-bg-primary-140{background-color:var(--eui-bc-primary-140)!important;color:var(--eui-bc-primary-140-contrast)!important}.eui-u-c-primary-120{color:var(--eui-bc-primary-120)!important}.eui-u-c-bg-primary-120{background-color:var(--eui-bc-primary-120)!important;color:var(--eui-bc-primary-120-contrast)!important}.eui-u-c-primary-110{color:var(--eui-bc-primary-110)!important}.eui-u-c-bg-primary-110{background-color:var(--eui-bc-primary-110)!important;color:var(--eui-bc-primary-110-contrast)!important}.eui-u-c-primary-100{color:var(--eui-bc-primary-100)!important}.eui-u-c-bg-primary-100{background-color:var(--eui-bc-primary-100)!important;color:var(--eui-bc-primary-100-contrast)!important}.eui-u-c-primary-80{color:var(--eui-bc-primary-80)!important}.eui-u-c-bg-primary-80{background-color:var(--eui-bc-primary-80)!important;color:var(--eui-bc-primary-80-contrast)!important}.eui-u-c-primary-60{color:var(--eui-bc-primary-60)!important}.eui-u-c-bg-primary-60{background-color:var(--eui-bc-primary-60)!important;color:var(--eui-bc-primary-60-contrast)!important}.eui-u-c-primary-40{color:var(--eui-bc-primary-40)!important}.eui-u-c-bg-primary-40{background-color:var(--eui-bc-primary-40)!important;color:var(--eui-bc-primary-40-contrast)!important}.eui-u-c-primary-20{color:var(--eui-bc-primary-20)!important}.eui-u-c-bg-primary-20{background-color:var(--eui-bc-primary-20)!important;color:var(--eui-bc-primary-20-contrast)!important}.eui-u-c-primary-10{color:var(--eui-bc-primary-10)!important}.eui-u-c-bg-primary-10{background-color:var(--eui-bc-primary-10)!important;color:var(--eui-bc-primary-10-contrast)!important}.eui-u-c-primary-5{color:var(--eui-bc-primary-5)!important}.eui-u-c-bg-primary-5{background-color:var(--eui-bc-primary-5)!important;color:var(--eui-bc-primary-5-contrast)!important}.eui-u-c-primary-0{color:var(--eui-bc-primary-0)!important}.eui-u-c-bg-primary-0{background-color:var(--eui-bc-primary-0)!important;color:var(--eui-bc-primary-0-contrast)!important}.eui-u-c-neutral-160{color:var(--eui-bc-neutral-160)!important}.eui-u-c-bg-neutral-160{background-color:var(--eui-bc-neutral-160)!important;color:var(--eui-bc-neutral-160-contrast)!important}.eui-u-c-neutral-140{color:var(--eui-bc-neutral-140)!important}.eui-u-c-bg-neutral-140{background-color:var(--eui-bc-neutral-140)!important;color:var(--eui-bc-neutral-140-contrast)!important}.eui-u-c-neutral-120{color:var(--eui-bc-neutral-120)!important}.eui-u-c-bg-neutral-120{background-color:var(--eui-bc-neutral-120)!important;color:var(--eui-bc-neutral-120-contrast)!important}.eui-u-c-neutral-110{color:var(--eui-bc-neutral-110)!important}.eui-u-c-bg-neutral-110{background-color:var(--eui-bc-neutral-110)!important;color:var(--eui-bc-neutral-110-contrast)!important}.eui-u-c-neutral-100{color:var(--eui-bc-neutral-100)!important}.eui-u-c-bg-neutral-100{background-color:var(--eui-bc-neutral-100)!important;color:var(--eui-bc-neutral-100-contrast)!important}.eui-u-c-neutral-80{color:var(--eui-bc-neutral-80)!important}.eui-u-c-bg-neutral-80{background-color:var(--eui-bc-neutral-80)!important;color:var(--eui-bc-neutral-80-contrast)!important}.eui-u-c-neutral-60{color:var(--eui-bc-neutral-60)!important}.eui-u-c-bg-neutral-60{background-color:var(--eui-bc-neutral-60)!important;color:var(--eui-bc-neutral-60-contrast)!important}.eui-u-c-neutral-40{color:var(--eui-bc-neutral-40)!important}.eui-u-c-bg-neutral-40{background-color:var(--eui-bc-neutral-40)!important;color:var(--eui-bc-neutral-40-contrast)!important}.eui-u-c-neutral-20{color:var(--eui-bc-neutral-20)!important}.eui-u-c-bg-neutral-20{background-color:var(--eui-bc-neutral-20)!important;color:var(--eui-bc-neutral-20-contrast)!important}.eui-u-c-neutral-10{color:var(--eui-bc-neutral-10)!important}.eui-u-c-bg-neutral-10{background-color:var(--eui-bc-neutral-10)!important;color:var(--eui-bc-neutral-10-contrast)!important}.eui-u-c-neutral-5{color:var(--eui-bc-neutral-5)!important}.eui-u-c-bg-neutral-5{background-color:var(--eui-bc-neutral-5)!important;color:var(--eui-bc-neutral-5-contrast)!important}.eui-u-c-neutral-2{color:var(--eui-bc-neutral-2)!important}.eui-u-c-bg-neutral-2{background-color:var(--eui-bc-neutral-2)!important;color:var(--eui-bc-neutral-2-contrast)!important}.eui-u-c-neutral-0{color:var(--eui-bc-neutral-0)!important}.eui-u-c-bg-neutral-0{background-color:var(--eui-bc-neutral-0)!important;color:var(--eui-bc-neutral-0-contrast)!important}.eui-u-c-accent-160{color:var(--eui-bc-accent-160)!important}.eui-u-c-bg-accent-160{background-color:var(--eui-bc-accent-160)!important;color:var(--eui-bc-accent-160-contrast)!important}.eui-u-c-accent-140{color:var(--eui-bc-accent-140)!important}.eui-u-c-bg-accent-140{background-color:var(--eui-bc-accent-140)!important;color:var(--eui-bc-accent-140-contrast)!important}.eui-u-c-accent-120{color:var(--eui-bc-accent-120)!important}.eui-u-c-bg-accent-120{background-color:var(--eui-bc-accent-120)!important;color:var(--eui-bc-accent-120-contrast)!important}.eui-u-c-accent-110{color:var(--eui-bc-accent-110)!important}.eui-u-c-bg-accent-110{background-color:var(--eui-bc-accent-110)!important;color:var(--eui-bc-accent-110-contrast)!important}.eui-u-c-accent-100{color:var(--eui-bc-accent-100)!important}.eui-u-c-bg-accent-100{background-color:var(--eui-bc-accent-100)!important;color:var(--eui-bc-accent-100-contrast)!important}.eui-u-c-accent-80{color:var(--eui-bc-accent-80)!important}.eui-u-c-bg-accent-80{background-color:var(--eui-bc-accent-80)!important;color:var(--eui-bc-accent-80-contrast)!important}.eui-u-c-accent-60{color:var(--eui-bc-accent-60)!important}.eui-u-c-bg-accent-60{background-color:var(--eui-bc-accent-60)!important;color:var(--eui-bc-accent-60-contrast)!important}.eui-u-c-accent-40{color:var(--eui-bc-accent-40)!important}.eui-u-c-bg-accent-40{background-color:var(--eui-bc-accent-40)!important;color:var(--eui-bc-accent-40-contrast)!important}.eui-u-c-accent-20{color:var(--eui-bc-accent-20)!important}.eui-u-c-bg-accent-20{background-color:var(--eui-bc-accent-20)!important;color:var(--eui-bc-accent-20-contrast)!important}.eui-u-c-accent-10{color:var(--eui-bc-accent-10)!important}.eui-u-c-bg-accent-10{background-color:var(--eui-bc-accent-10)!important;color:var(--eui-bc-accent-10-contrast)!important}.eui-u-c-accent-5{color:var(--eui-bc-accent-5)!important}.eui-u-c-bg-accent-5{background-color:var(--eui-bc-accent-5)!important;color:var(--eui-bc-accent-5-contrast)!important}.eui-u-c-accent-0{color:var(--eui-bc-accent-0)!important}.eui-u-c-bg-accent-0{background-color:var(--eui-bc-accent-0)!important;color:var(--eui-bc-accent-0-contrast)!important}.eui-u-c-info-160{color:var(--eui-bc-info-160)!important}.eui-u-c-bg-info-160{background-color:var(--eui-bc-info-160)!important;color:var(--eui-bc-info-160-contrast)!important}.eui-u-c-info-140{color:var(--eui-bc-info-140)!important}.eui-u-c-bg-info-140{background-color:var(--eui-bc-info-140)!important;color:var(--eui-bc-info-140-contrast)!important}.eui-u-c-info-120{color:var(--eui-bc-info-120)!important}.eui-u-c-bg-info-120{background-color:var(--eui-bc-info-120)!important;color:var(--eui-bc-info-120-contrast)!important}.eui-u-c-info-110{color:var(--eui-bc-info-110)!important}.eui-u-c-bg-info-110{background-color:var(--eui-bc-info-110)!important;color:var(--eui-bc-info-110-contrast)!important}.eui-u-c-info-100{color:var(--eui-bc-info-100)!important}.eui-u-c-bg-info-100{background-color:var(--eui-bc-info-100)!important;color:var(--eui-bc-info-100-contrast)!important}.eui-u-c-info-80{color:var(--eui-bc-info-80)!important}.eui-u-c-bg-info-80{background-color:var(--eui-bc-info-80)!important;color:var(--eui-bc-info-80-contrast)!important}.eui-u-c-info-60{color:var(--eui-bc-info-60)!important}.eui-u-c-bg-info-60{background-color:var(--eui-bc-info-60)!important;color:var(--eui-bc-info-60-contrast)!important}.eui-u-c-info-40{color:var(--eui-bc-info-40)!important}.eui-u-c-bg-info-40{background-color:var(--eui-bc-info-40)!important;color:var(--eui-bc-info-40-contrast)!important}.eui-u-c-info-20{color:var(--eui-bc-info-20)!important}.eui-u-c-bg-info-20{background-color:var(--eui-bc-info-20)!important;color:var(--eui-bc-info-20-contrast)!important}.eui-u-c-info-10{color:var(--eui-bc-info-10)!important}.eui-u-c-bg-info-10{background-color:var(--eui-bc-info-10)!important;color:var(--eui-bc-info-10-contrast)!important}.eui-u-c-info-5{color:var(--eui-bc-info-5)!important}.eui-u-c-bg-info-5{background-color:var(--eui-bc-info-5)!important;color:var(--eui-bc-info-5-contrast)!important}.eui-u-c-info-0{color:var(--eui-bc-info-0)!important}.eui-u-c-bg-info-0{background-color:var(--eui-bc-info-0)!important;color:var(--eui-bc-info-0-contrast)!important}.eui-u-c-success-160{color:var(--eui-bc-success-160)!important}.eui-u-c-bg-success-160{background-color:var(--eui-bc-success-160)!important;color:var(--eui-bc-success-160-contrast)!important}.eui-u-c-success-140{color:var(--eui-bc-success-140)!important}.eui-u-c-bg-success-140{background-color:var(--eui-bc-success-140)!important;color:var(--eui-bc-success-140-contrast)!important}.eui-u-c-success-120{color:var(--eui-bc-success-120)!important}.eui-u-c-bg-success-120{background-color:var(--eui-bc-success-120)!important;color:var(--eui-bc-success-120-contrast)!important}.eui-u-c-success-110{color:var(--eui-bc-success-110)!important}.eui-u-c-bg-success-110{background-color:var(--eui-bc-success-110)!important;color:var(--eui-bc-success-110-contrast)!important}.eui-u-c-success-100{color:var(--eui-bc-success-100)!important}.eui-u-c-bg-success-100{background-color:var(--eui-bc-success-100)!important;color:var(--eui-bc-success-100-contrast)!important}.eui-u-c-success-80{color:var(--eui-bc-success-80)!important}.eui-u-c-bg-success-80{background-color:var(--eui-bc-success-80)!important;color:var(--eui-bc-success-80-contrast)!important}.eui-u-c-success-60{color:var(--eui-bc-success-60)!important}.eui-u-c-bg-success-60{background-color:var(--eui-bc-success-60)!important;color:var(--eui-bc-success-60-contrast)!important}.eui-u-c-success-40{color:var(--eui-bc-success-40)!important}.eui-u-c-bg-success-40{background-color:var(--eui-bc-success-40)!important;color:var(--eui-bc-success-40-contrast)!important}.eui-u-c-success-20{color:var(--eui-bc-success-20)!important}.eui-u-c-bg-success-20{background-color:var(--eui-bc-success-20)!important;color:var(--eui-bc-success-20-contrast)!important}.eui-u-c-success-10{color:var(--eui-bc-success-10)!important}.eui-u-c-bg-success-10{background-color:var(--eui-bc-success-10)!important;color:var(--eui-bc-success-10-contrast)!important}.eui-u-c-success-5{color:var(--eui-bc-success-5)!important}.eui-u-c-bg-success-5{background-color:var(--eui-bc-success-5)!important;color:var(--eui-bc-success-5-contrast)!important}.eui-u-c-success-0{color:var(--eui-bc-success-0)!important}.eui-u-c-bg-success-0{background-color:var(--eui-bc-success-0)!important;color:var(--eui-bc-success-0-contrast)!important}.eui-u-c-warning-160{color:var(--eui-bc-warning-160)!important}.eui-u-c-bg-warning-160{background-color:var(--eui-bc-warning-160)!important;color:var(--eui-bc-warning-160-contrast)!important}.eui-u-c-warning-140{color:var(--eui-bc-warning-140)!important}.eui-u-c-bg-warning-140{background-color:var(--eui-bc-warning-140)!important;color:var(--eui-bc-warning-140-contrast)!important}.eui-u-c-warning-120{color:var(--eui-bc-warning-120)!important}.eui-u-c-bg-warning-120{background-color:var(--eui-bc-warning-120)!important;color:var(--eui-bc-warning-120-contrast)!important}.eui-u-c-warning-110{color:var(--eui-bc-warning-110)!important}.eui-u-c-bg-warning-110{background-color:var(--eui-bc-warning-110)!important;color:var(--eui-bc-warning-110-contrast)!important}.eui-u-c-warning-100{color:var(--eui-bc-warning-100)!important}.eui-u-c-bg-warning-100{background-color:var(--eui-bc-warning-100)!important;color:var(--eui-bc-warning-100-contrast)!important}.eui-u-c-warning-80{color:var(--eui-bc-warning-80)!important}.eui-u-c-bg-warning-80{background-color:var(--eui-bc-warning-80)!important;color:var(--eui-bc-warning-80-contrast)!important}.eui-u-c-warning-60{color:var(--eui-bc-warning-60)!important}.eui-u-c-bg-warning-60{background-color:var(--eui-bc-warning-60)!important;color:var(--eui-bc-warning-60-contrast)!important}.eui-u-c-warning-40{color:var(--eui-bc-warning-40)!important}.eui-u-c-bg-warning-40{background-color:var(--eui-bc-warning-40)!important;color:var(--eui-bc-warning-40-contrast)!important}.eui-u-c-warning-20{color:var(--eui-bc-warning-20)!important}.eui-u-c-bg-warning-20{background-color:var(--eui-bc-warning-20)!important;color:var(--eui-bc-warning-20-contrast)!important}.eui-u-c-warning-10{color:var(--eui-bc-warning-10)!important}.eui-u-c-bg-warning-10{background-color:var(--eui-bc-warning-10)!important;color:var(--eui-bc-warning-10-contrast)!important}.eui-u-c-warning-5{color:var(--eui-bc-warning-5)!important}.eui-u-c-bg-warning-5{background-color:var(--eui-bc-warning-5)!important;color:var(--eui-bc-warning-5-contrast)!important}.eui-u-c-warning-0{color:var(--eui-bc-warning-0)!important}.eui-u-c-bg-warning-0{background-color:var(--eui-bc-warning-0)!important;color:var(--eui-bc-warning-0-contrast)!important}.eui-u-c-danger-160{color:var(--eui-bc-danger-160)!important}.eui-u-c-bg-danger-160{background-color:var(--eui-bc-danger-160)!important;color:var(--eui-bc-danger-160-contrast)!important}.eui-u-c-danger-140{color:var(--eui-bc-danger-140)!important}.eui-u-c-bg-danger-140{background-color:var(--eui-bc-danger-140)!important;color:var(--eui-bc-danger-140-contrast)!important}.eui-u-c-danger-120{color:var(--eui-bc-danger-120)!important}.eui-u-c-bg-danger-120{background-color:var(--eui-bc-danger-120)!important;color:var(--eui-bc-danger-120-contrast)!important}.eui-u-c-danger-110{color:var(--eui-bc-danger-110)!important}.eui-u-c-bg-danger-110{background-color:var(--eui-bc-danger-110)!important;color:var(--eui-bc-danger-110-contrast)!important}.eui-u-c-danger-100{color:var(--eui-bc-danger-100)!important}.eui-u-c-bg-danger-100{background-color:var(--eui-bc-danger-100)!important;color:var(--eui-bc-danger-100-contrast)!important}.eui-u-c-danger-80{color:var(--eui-bc-danger-80)!important}.eui-u-c-bg-danger-80{background-color:var(--eui-bc-danger-80)!important;color:var(--eui-bc-danger-80-contrast)!important}.eui-u-c-danger-60{color:var(--eui-bc-danger-60)!important}.eui-u-c-bg-danger-60{background-color:var(--eui-bc-danger-60)!important;color:var(--eui-bc-danger-60-contrast)!important}.eui-u-c-danger-40{color:var(--eui-bc-danger-40)!important}.eui-u-c-bg-danger-40{background-color:var(--eui-bc-danger-40)!important;color:var(--eui-bc-danger-40-contrast)!important}.eui-u-c-danger-20{color:var(--eui-bc-danger-20)!important}.eui-u-c-bg-danger-20{background-color:var(--eui-bc-danger-20)!important;color:var(--eui-bc-danger-20-contrast)!important}.eui-u-c-danger-10{color:var(--eui-bc-danger-10)!important}.eui-u-c-bg-danger-10{background-color:var(--eui-bc-danger-10)!important;color:var(--eui-bc-danger-10-contrast)!important}.eui-u-c-danger-5{color:var(--eui-bc-danger-5)!important}.eui-u-c-bg-danger-5{background-color:var(--eui-bc-danger-5)!important;color:var(--eui-bc-danger-5-contrast)!important}.eui-u-c-danger-0{color:var(--eui-bc-danger-0)!important}.eui-u-c-bg-danger-0{background-color:var(--eui-bc-danger-0)!important;color:var(--eui-bc-danger-0-contrast)!important}.eui-u-c-cta-160{color:var(--eui-bc-cta-160)!important}.eui-u-c-bg-cta-160{background-color:var(--eui-bc-cta-160)!important;color:var(--eui-bc-cta-160-contrast)!important}.eui-u-c-cta-140{color:var(--eui-bc-cta-140)!important}.eui-u-c-bg-cta-140{background-color:var(--eui-bc-cta-140)!important;color:var(--eui-bc-cta-140-contrast)!important}.eui-u-c-cta-120{color:var(--eui-bc-cta-120)!important}.eui-u-c-bg-cta-120{background-color:var(--eui-bc-cta-120)!important;color:var(--eui-bc-cta-120-contrast)!important}.eui-u-c-cta-110{color:var(--eui-bc-cta-110)!important}.eui-u-c-bg-cta-110{background-color:var(--eui-bc-cta-110)!important;color:var(--eui-bc-cta-110-contrast)!important}.eui-u-c-cta-100{color:var(--eui-bc-cta-100)!important}.eui-u-c-bg-cta-100{background-color:var(--eui-bc-cta-100)!important;color:var(--eui-bc-cta-100-contrast)!important}.eui-u-c-cta-80{color:var(--eui-bc-cta-80)!important}.eui-u-c-bg-cta-80{background-color:var(--eui-bc-cta-80)!important;color:var(--eui-bc-cta-80-contrast)!important}.eui-u-c-cta-60{color:var(--eui-bc-cta-60)!important}.eui-u-c-bg-cta-60{background-color:var(--eui-bc-cta-60)!important;color:var(--eui-bc-cta-60-contrast)!important}.eui-u-c-cta-40{color:var(--eui-bc-cta-40)!important}.eui-u-c-bg-cta-40{background-color:var(--eui-bc-cta-40)!important;color:var(--eui-bc-cta-40-contrast)!important}.eui-u-c-cta-20{color:var(--eui-bc-cta-20)!important}.eui-u-c-bg-cta-20{background-color:var(--eui-bc-cta-20)!important;color:var(--eui-bc-cta-20-contrast)!important}.eui-u-c-cta-10{color:var(--eui-bc-cta-10)!important}.eui-u-c-bg-cta-10{background-color:var(--eui-bc-cta-10)!important;color:var(--eui-bc-cta-10-contrast)!important}.eui-u-c-cta-5{color:var(--eui-bc-cta-5)!important}.eui-u-c-bg-cta-5{background-color:var(--eui-bc-cta-5)!important;color:var(--eui-bc-cta-5-contrast)!important}.eui-u-c-cta-0{color:var(--eui-bc-cta-0)!important}.eui-u-c-bg-cta-0{background-color:var(--eui-bc-cta-0)!important;color:var(--eui-bc-cta-0-contrast)!important}
1
+ .eui-u-c-br-950{color:var(--eui-bc-br-950)!important}.eui-u-c-bg-br-950{background-color:var(--eui-bc-br-950)!important;color:var(--eui-bc-br-950-contrast)!important}.eui-u-c-br-900{color:var(--eui-bc-br-900)!important}.eui-u-c-bg-br-900{background-color:var(--eui-bc-br-900)!important;color:var(--eui-bc-br-900-contrast)!important}.eui-u-c-br-800{color:var(--eui-bc-br-800)!important}.eui-u-c-bg-br-800{background-color:var(--eui-bc-br-800)!important;color:var(--eui-bc-br-800-contrast)!important}.eui-u-c-br-700{color:var(--eui-bc-br-700)!important}.eui-u-c-bg-br-700{background-color:var(--eui-bc-br-700)!important;color:var(--eui-bc-br-700-contrast)!important}.eui-u-c-pr-950{color:var(--eui-bc-pr-950)!important}.eui-u-c-bg-pr-950{background-color:var(--eui-bc-pr-950)!important;color:var(--eui-bc-pr-950-contrast)!important}.eui-u-c-pr-900{color:var(--eui-bc-pr-900)!important}.eui-u-c-bg-pr-900{background-color:var(--eui-bc-pr-900)!important;color:var(--eui-bc-pr-900-contrast)!important}.eui-u-c-pr-800{color:var(--eui-bc-pr-800)!important}.eui-u-c-bg-pr-800{background-color:var(--eui-bc-pr-800)!important;color:var(--eui-bc-pr-800-contrast)!important}.eui-u-c-pr-700{color:var(--eui-bc-pr-700)!important}.eui-u-c-bg-pr-700{background-color:var(--eui-bc-pr-700)!important;color:var(--eui-bc-pr-700-contrast)!important}.eui-u-c-pr-600{color:var(--eui-bc-pr-600)!important}.eui-u-c-bg-pr-600{background-color:var(--eui-bc-pr-600)!important;color:var(--eui-bc-pr-600-contrast)!important}.eui-u-c-pr-500{color:var(--eui-bc-pr-500)!important}.eui-u-c-bg-pr-500{background-color:var(--eui-bc-pr-500)!important;color:var(--eui-bc-pr-500-contrast)!important}.eui-u-c-pr-400{color:var(--eui-bc-pr-400)!important}.eui-u-c-bg-pr-400{background-color:var(--eui-bc-pr-400)!important;color:var(--eui-bc-pr-400-contrast)!important}.eui-u-c-pr-300{color:var(--eui-bc-pr-300)!important}.eui-u-c-bg-pr-300{background-color:var(--eui-bc-pr-300)!important;color:var(--eui-bc-pr-300-contrast)!important}.eui-u-c-pr-200{color:var(--eui-bc-pr-200)!important}.eui-u-c-bg-pr-200{background-color:var(--eui-bc-pr-200)!important;color:var(--eui-bc-pr-200-contrast)!important}.eui-u-c-pr-100{color:var(--eui-bc-pr-100)!important}.eui-u-c-bg-pr-100{background-color:var(--eui-bc-pr-100)!important;color:var(--eui-bc-pr-100-contrast)!important}.eui-u-c-pr-75{color:var(--eui-bc-pr-75)!important}.eui-u-c-bg-pr-75{background-color:var(--eui-bc-pr-75)!important;color:var(--eui-bc-pr-75-contrast)!important}.eui-u-c-pr-50{color:var(--eui-bc-pr-50)!important}.eui-u-c-bg-pr-50{background-color:var(--eui-bc-pr-50)!important;color:var(--eui-bc-pr-50-contrast)!important}.eui-u-c-pr-25{color:var(--eui-bc-pr-25)!important}.eui-u-c-bg-pr-25{background-color:var(--eui-bc-pr-25)!important;color:var(--eui-bc-pr-25-contrast)!important}.eui-u-c-gr-950{color:var(--eui-bc-gr-950)!important}.eui-u-c-bg-gr-950{background-color:var(--eui-bc-gr-950)!important;color:var(--eui-bc-gr-950-contrast)!important}.eui-u-c-gr-900{color:var(--eui-bc-gr-900)!important}.eui-u-c-bg-gr-900{background-color:var(--eui-bc-gr-900)!important;color:var(--eui-bc-gr-900-contrast)!important}.eui-u-c-gr-800{color:var(--eui-bc-gr-800)!important}.eui-u-c-bg-gr-800{background-color:var(--eui-bc-gr-800)!important;color:var(--eui-bc-gr-800-contrast)!important}.eui-u-c-gr-700{color:var(--eui-bc-gr-700)!important}.eui-u-c-bg-gr-700{background-color:var(--eui-bc-gr-700)!important;color:var(--eui-bc-gr-700-contrast)!important}.eui-u-c-gr-600{color:var(--eui-bc-gr-600)!important}.eui-u-c-bg-gr-600{background-color:var(--eui-bc-gr-600)!important;color:var(--eui-bc-gr-600-contrast)!important}.eui-u-c-gr-500{color:var(--eui-bc-gr-500)!important}.eui-u-c-bg-gr-500{background-color:var(--eui-bc-gr-500)!important;color:var(--eui-bc-gr-500-contrast)!important}.eui-u-c-gr-400{color:var(--eui-bc-gr-400)!important}.eui-u-c-bg-gr-400{background-color:var(--eui-bc-gr-400)!important;color:var(--eui-bc-gr-400-contrast)!important}.eui-u-c-gr-300{color:var(--eui-bc-gr-300)!important}.eui-u-c-bg-gr-300{background-color:var(--eui-bc-gr-300)!important;color:var(--eui-bc-gr-300-contrast)!important}.eui-u-c-gr-200{color:var(--eui-bc-gr-200)!important}.eui-u-c-bg-gr-200{background-color:var(--eui-bc-gr-200)!important;color:var(--eui-bc-gr-200-contrast)!important}.eui-u-c-gr-100{color:var(--eui-bc-gr-100)!important}.eui-u-c-bg-gr-100{background-color:var(--eui-bc-gr-100)!important;color:var(--eui-bc-gr-100-contrast)!important}.eui-u-c-gr-75{color:var(--eui-bc-gr-75)!important}.eui-u-c-bg-gr-75{background-color:var(--eui-bc-gr-75)!important;color:var(--eui-bc-gr-75-contrast)!important}.eui-u-c-gr-50{color:var(--eui-bc-gr-50)!important}.eui-u-c-bg-gr-50{background-color:var(--eui-bc-gr-50)!important;color:var(--eui-bc-gr-50-contrast)!important}.eui-u-c-gr-25{color:var(--eui-bc-gr-25)!important}.eui-u-c-bg-gr-25{background-color:var(--eui-bc-gr-25)!important;color:var(--eui-bc-gr-25-contrast)!important}.eui-u-c-grn-950{color:var(--eui-bc-grn-950)!important}.eui-u-c-bg-grn-950{background-color:var(--eui-bc-grn-950)!important;color:var(--eui-bc-grn-950-contrast)!important}.eui-u-c-grn-900{color:var(--eui-bc-grn-900)!important}.eui-u-c-bg-grn-900{background-color:var(--eui-bc-grn-900)!important;color:var(--eui-bc-grn-900-contrast)!important}.eui-u-c-grn-800{color:var(--eui-bc-grn-800)!important}.eui-u-c-bg-grn-800{background-color:var(--eui-bc-grn-800)!important;color:var(--eui-bc-grn-800-contrast)!important}.eui-u-c-grn-700{color:var(--eui-bc-grn-700)!important}.eui-u-c-bg-grn-700{background-color:var(--eui-bc-grn-700)!important;color:var(--eui-bc-grn-700-contrast)!important}.eui-u-c-grn-600{color:var(--eui-bc-grn-600)!important}.eui-u-c-bg-grn-600{background-color:var(--eui-bc-grn-600)!important;color:var(--eui-bc-grn-600-contrast)!important}.eui-u-c-grn-500{color:var(--eui-bc-grn-500)!important}.eui-u-c-bg-grn-500{background-color:var(--eui-bc-grn-500)!important;color:var(--eui-bc-grn-500-contrast)!important}.eui-u-c-grn-400{color:var(--eui-bc-grn-400)!important}.eui-u-c-bg-grn-400{background-color:var(--eui-bc-grn-400)!important;color:var(--eui-bc-grn-400-contrast)!important}.eui-u-c-grn-300{color:var(--eui-bc-grn-300)!important}.eui-u-c-bg-grn-300{background-color:var(--eui-bc-grn-300)!important;color:var(--eui-bc-grn-300-contrast)!important}.eui-u-c-grn-200{color:var(--eui-bc-grn-200)!important}.eui-u-c-bg-grn-200{background-color:var(--eui-bc-grn-200)!important;color:var(--eui-bc-grn-200-contrast)!important}.eui-u-c-grn-100{color:var(--eui-bc-grn-100)!important}.eui-u-c-bg-grn-100{background-color:var(--eui-bc-grn-100)!important;color:var(--eui-bc-grn-100-contrast)!important}.eui-u-c-grn-75{color:var(--eui-bc-grn-75)!important}.eui-u-c-bg-grn-75{background-color:var(--eui-bc-grn-75)!important;color:var(--eui-bc-grn-75-contrast)!important}.eui-u-c-grn-50{color:var(--eui-bc-grn-50)!important}.eui-u-c-bg-grn-50{background-color:var(--eui-bc-grn-50)!important;color:var(--eui-bc-grn-50-contrast)!important}.eui-u-c-grn-25{color:var(--eui-bc-grn-25)!important}.eui-u-c-bg-grn-25{background-color:var(--eui-bc-grn-25)!important;color:var(--eui-bc-grn-25-contrast)!important}.eui-u-c-in-950{color:var(--eui-bc-in-950)!important}.eui-u-c-bg-in-950{background-color:var(--eui-bc-in-950)!important;color:var(--eui-bc-in-950-contrast)!important}.eui-u-c-in-900{color:var(--eui-bc-in-900)!important}.eui-u-c-bg-in-900{background-color:var(--eui-bc-in-900)!important;color:var(--eui-bc-in-900-contrast)!important}.eui-u-c-in-800{color:var(--eui-bc-in-800)!important}.eui-u-c-bg-in-800{background-color:var(--eui-bc-in-800)!important;color:var(--eui-bc-in-800-contrast)!important}.eui-u-c-in-700{color:var(--eui-bc-in-700)!important}.eui-u-c-bg-in-700{background-color:var(--eui-bc-in-700)!important;color:var(--eui-bc-in-700-contrast)!important}.eui-u-c-in-600{color:var(--eui-bc-in-600)!important}.eui-u-c-bg-in-600{background-color:var(--eui-bc-in-600)!important;color:var(--eui-bc-in-600-contrast)!important}.eui-u-c-in-500{color:var(--eui-bc-in-500)!important}.eui-u-c-bg-in-500{background-color:var(--eui-bc-in-500)!important;color:var(--eui-bc-in-500-contrast)!important}.eui-u-c-in-400{color:var(--eui-bc-in-400)!important}.eui-u-c-bg-in-400{background-color:var(--eui-bc-in-400)!important;color:var(--eui-bc-in-400-contrast)!important}.eui-u-c-in-300{color:var(--eui-bc-in-300)!important}.eui-u-c-bg-in-300{background-color:var(--eui-bc-in-300)!important;color:var(--eui-bc-in-300-contrast)!important}.eui-u-c-in-200{color:var(--eui-bc-in-200)!important}.eui-u-c-bg-in-200{background-color:var(--eui-bc-in-200)!important;color:var(--eui-bc-in-200-contrast)!important}.eui-u-c-in-100{color:var(--eui-bc-in-100)!important}.eui-u-c-bg-in-100{background-color:var(--eui-bc-in-100)!important;color:var(--eui-bc-in-100-contrast)!important}.eui-u-c-in-75{color:var(--eui-bc-in-75)!important}.eui-u-c-bg-in-75{background-color:var(--eui-bc-in-75)!important;color:var(--eui-bc-in-75-contrast)!important}.eui-u-c-in-50{color:var(--eui-bc-in-50)!important}.eui-u-c-bg-in-50{background-color:var(--eui-bc-in-50)!important;color:var(--eui-bc-in-50-contrast)!important}.eui-u-c-in-25{color:var(--eui-bc-in-25)!important}.eui-u-c-bg-in-25{background-color:var(--eui-bc-in-25)!important;color:var(--eui-bc-in-25-contrast)!important}.eui-u-c-su-950{color:var(--eui-bc-su-950)!important}.eui-u-c-bg-su-950{background-color:var(--eui-bc-su-950)!important;color:var(--eui-bc-su-950-contrast)!important}.eui-u-c-su-900{color:var(--eui-bc-su-900)!important}.eui-u-c-bg-su-900{background-color:var(--eui-bc-su-900)!important;color:var(--eui-bc-su-900-contrast)!important}.eui-u-c-su-800{color:var(--eui-bc-su-800)!important}.eui-u-c-bg-su-800{background-color:var(--eui-bc-su-800)!important;color:var(--eui-bc-su-800-contrast)!important}.eui-u-c-su-700{color:var(--eui-bc-su-700)!important}.eui-u-c-bg-su-700{background-color:var(--eui-bc-su-700)!important;color:var(--eui-bc-su-700-contrast)!important}.eui-u-c-su-600{color:var(--eui-bc-su-600)!important}.eui-u-c-bg-su-600{background-color:var(--eui-bc-su-600)!important;color:var(--eui-bc-su-600-contrast)!important}.eui-u-c-su-500{color:var(--eui-bc-su-500)!important}.eui-u-c-bg-su-500{background-color:var(--eui-bc-su-500)!important;color:var(--eui-bc-su-500-contrast)!important}.eui-u-c-su-400{color:var(--eui-bc-su-400)!important}.eui-u-c-bg-su-400{background-color:var(--eui-bc-su-400)!important;color:var(--eui-bc-su-400-contrast)!important}.eui-u-c-su-300{color:var(--eui-bc-su-300)!important}.eui-u-c-bg-su-300{background-color:var(--eui-bc-su-300)!important;color:var(--eui-bc-su-300-contrast)!important}.eui-u-c-su-200{color:var(--eui-bc-su-200)!important}.eui-u-c-bg-su-200{background-color:var(--eui-bc-su-200)!important;color:var(--eui-bc-su-200-contrast)!important}.eui-u-c-su-100{color:var(--eui-bc-su-100)!important}.eui-u-c-bg-su-100{background-color:var(--eui-bc-su-100)!important;color:var(--eui-bc-su-100-contrast)!important}.eui-u-c-su-75{color:var(--eui-bc-su-75)!important}.eui-u-c-bg-su-75{background-color:var(--eui-bc-su-75)!important;color:var(--eui-bc-su-75-contrast)!important}.eui-u-c-su-50{color:var(--eui-bc-su-50)!important}.eui-u-c-bg-su-50{background-color:var(--eui-bc-su-50)!important;color:var(--eui-bc-su-50-contrast)!important}.eui-u-c-su-25{color:var(--eui-bc-su-25)!important}.eui-u-c-bg-su-25{background-color:var(--eui-bc-su-25)!important;color:var(--eui-bc-su-25-contrast)!important}.eui-u-c-wa-950{color:var(--eui-bc-wa-950)!important}.eui-u-c-bg-wa-950{background-color:var(--eui-bc-wa-950)!important;color:var(--eui-bc-wa-950-contrast)!important}.eui-u-c-wa-900{color:var(--eui-bc-wa-900)!important}.eui-u-c-bg-wa-900{background-color:var(--eui-bc-wa-900)!important;color:var(--eui-bc-wa-900-contrast)!important}.eui-u-c-wa-800{color:var(--eui-bc-wa-800)!important}.eui-u-c-bg-wa-800{background-color:var(--eui-bc-wa-800)!important;color:var(--eui-bc-wa-800-contrast)!important}.eui-u-c-wa-700{color:var(--eui-bc-wa-700)!important}.eui-u-c-bg-wa-700{background-color:var(--eui-bc-wa-700)!important;color:var(--eui-bc-wa-700-contrast)!important}.eui-u-c-wa-600{color:var(--eui-bc-wa-600)!important}.eui-u-c-bg-wa-600{background-color:var(--eui-bc-wa-600)!important;color:var(--eui-bc-wa-600-contrast)!important}.eui-u-c-wa-500{color:var(--eui-bc-wa-500)!important}.eui-u-c-bg-wa-500{background-color:var(--eui-bc-wa-500)!important;color:var(--eui-bc-wa-500-contrast)!important}.eui-u-c-wa-400{color:var(--eui-bc-wa-400)!important}.eui-u-c-bg-wa-400{background-color:var(--eui-bc-wa-400)!important;color:var(--eui-bc-wa-400-contrast)!important}.eui-u-c-wa-300{color:var(--eui-bc-wa-300)!important}.eui-u-c-bg-wa-300{background-color:var(--eui-bc-wa-300)!important;color:var(--eui-bc-wa-300-contrast)!important}.eui-u-c-wa-200{color:var(--eui-bc-wa-200)!important}.eui-u-c-bg-wa-200{background-color:var(--eui-bc-wa-200)!important;color:var(--eui-bc-wa-200-contrast)!important}.eui-u-c-wa-100{color:var(--eui-bc-wa-100)!important}.eui-u-c-bg-wa-100{background-color:var(--eui-bc-wa-100)!important;color:var(--eui-bc-wa-100-contrast)!important}.eui-u-c-wa-75{color:var(--eui-bc-wa-75)!important}.eui-u-c-bg-wa-75{background-color:var(--eui-bc-wa-75)!important;color:var(--eui-bc-wa-75-contrast)!important}.eui-u-c-wa-50{color:var(--eui-bc-wa-50)!important}.eui-u-c-bg-wa-50{background-color:var(--eui-bc-wa-50)!important;color:var(--eui-bc-wa-50-contrast)!important}.eui-u-c-wa-25{color:var(--eui-bc-wa-25)!important}.eui-u-c-bg-wa-25{background-color:var(--eui-bc-wa-25)!important;color:var(--eui-bc-wa-25-contrast)!important}.eui-u-c-da-950{color:var(--eui-bc-da-950)!important}.eui-u-c-bg-da-950{background-color:var(--eui-bc-da-950)!important;color:var(--eui-bc-da-950-contrast)!important}.eui-u-c-da-900{color:var(--eui-bc-da-900)!important}.eui-u-c-bg-da-900{background-color:var(--eui-bc-da-900)!important;color:var(--eui-bc-da-900-contrast)!important}.eui-u-c-da-800{color:var(--eui-bc-da-800)!important}.eui-u-c-bg-da-800{background-color:var(--eui-bc-da-800)!important;color:var(--eui-bc-da-800-contrast)!important}.eui-u-c-da-700{color:var(--eui-bc-da-700)!important}.eui-u-c-bg-da-700{background-color:var(--eui-bc-da-700)!important;color:var(--eui-bc-da-700-contrast)!important}.eui-u-c-da-600{color:var(--eui-bc-da-600)!important}.eui-u-c-bg-da-600{background-color:var(--eui-bc-da-600)!important;color:var(--eui-bc-da-600-contrast)!important}.eui-u-c-da-500{color:var(--eui-bc-da-500)!important}.eui-u-c-bg-da-500{background-color:var(--eui-bc-da-500)!important;color:var(--eui-bc-da-500-contrast)!important}.eui-u-c-da-400{color:var(--eui-bc-da-400)!important}.eui-u-c-bg-da-400{background-color:var(--eui-bc-da-400)!important;color:var(--eui-bc-da-400-contrast)!important}.eui-u-c-da-300{color:var(--eui-bc-da-300)!important}.eui-u-c-bg-da-300{background-color:var(--eui-bc-da-300)!important;color:var(--eui-bc-da-300-contrast)!important}.eui-u-c-da-200{color:var(--eui-bc-da-200)!important}.eui-u-c-bg-da-200{background-color:var(--eui-bc-da-200)!important;color:var(--eui-bc-da-200-contrast)!important}.eui-u-c-da-100{color:var(--eui-bc-da-100)!important}.eui-u-c-bg-da-100{background-color:var(--eui-bc-da-100)!important;color:var(--eui-bc-da-100-contrast)!important}.eui-u-c-da-75{color:var(--eui-bc-da-75)!important}.eui-u-c-bg-da-75{background-color:var(--eui-bc-da-75)!important;color:var(--eui-bc-da-75-contrast)!important}.eui-u-c-da-50{color:var(--eui-bc-da-50)!important}.eui-u-c-bg-da-50{background-color:var(--eui-bc-da-50)!important;color:var(--eui-bc-da-50-contrast)!important}.eui-u-c-da-25{color:var(--eui-bc-da-25)!important}.eui-u-c-bg-da-25{background-color:var(--eui-bc-da-25)!important;color:var(--eui-bc-da-25-contrast)!important}.eui-u-c-cta-950{color:var(--eui-bc-cta-950)!important}.eui-u-c-bg-cta-950{background-color:var(--eui-bc-cta-950)!important;color:var(--eui-bc-cta-950-contrast)!important}.eui-u-c-cta-900{color:var(--eui-bc-cta-900)!important}.eui-u-c-bg-cta-900{background-color:var(--eui-bc-cta-900)!important;color:var(--eui-bc-cta-900-contrast)!important}.eui-u-c-cta-800{color:var(--eui-bc-cta-800)!important}.eui-u-c-bg-cta-800{background-color:var(--eui-bc-cta-800)!important;color:var(--eui-bc-cta-800-contrast)!important}.eui-u-c-cta-700{color:var(--eui-bc-cta-700)!important}.eui-u-c-bg-cta-700{background-color:var(--eui-bc-cta-700)!important;color:var(--eui-bc-cta-700-contrast)!important}.eui-u-c-cta-600{color:var(--eui-bc-cta-600)!important}.eui-u-c-bg-cta-600{background-color:var(--eui-bc-cta-600)!important;color:var(--eui-bc-cta-600-contrast)!important}.eui-u-c-cta-500{color:var(--eui-bc-cta-500)!important}.eui-u-c-bg-cta-500{background-color:var(--eui-bc-cta-500)!important;color:var(--eui-bc-cta-500-contrast)!important}.eui-u-c-cta-400{color:var(--eui-bc-cta-400)!important}.eui-u-c-bg-cta-400{background-color:var(--eui-bc-cta-400)!important;color:var(--eui-bc-cta-400-contrast)!important}.eui-u-c-cta-300{color:var(--eui-bc-cta-300)!important}.eui-u-c-bg-cta-300{background-color:var(--eui-bc-cta-300)!important;color:var(--eui-bc-cta-300-contrast)!important}.eui-u-c-cta-200{color:var(--eui-bc-cta-200)!important}.eui-u-c-bg-cta-200{background-color:var(--eui-bc-cta-200)!important;color:var(--eui-bc-cta-200-contrast)!important}.eui-u-c-cta-100{color:var(--eui-bc-cta-100)!important}.eui-u-c-bg-cta-100{background-color:var(--eui-bc-cta-100)!important;color:var(--eui-bc-cta-100-contrast)!important}.eui-u-c-cta-75{color:var(--eui-bc-cta-75)!important}.eui-u-c-bg-cta-75{background-color:var(--eui-bc-cta-75)!important;color:var(--eui-bc-cta-75-contrast)!important}.eui-u-c-cta-50{color:var(--eui-bc-cta-50)!important}.eui-u-c-bg-cta-50{background-color:var(--eui-bc-cta-50)!important;color:var(--eui-bc-cta-50-contrast)!important}.eui-u-c-cta-25{color:var(--eui-bc-cta-25)!important}.eui-u-c-bg-cta-25{background-color:var(--eui-bc-cta-25)!important;color:var(--eui-bc-cta-25-contrast)!important}