@eui/eds-styles 22.0.0-alpha.42 → 22.0.0-alpha.43
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/base/01-base/mixins.scss +4 -0
- package/dist/base/02-tokens/colors-semantic.scss +4 -0
- package/dist/base/02-tokens/typography-primitive.scss +15 -14
- package/dist/base/02-tokens/typography-semantic.scss +3 -149
- package/dist/base/03-vars/typography.scss +5 -3
- package/dist/base/04-elements/table.scss +2 -1
- package/dist/base/99-utilities/typography.scss +3 -0
- package/dist/eds-showcase-exports.css +1 -1
- package/dist/eds-showcase-exports.css.map +1 -1
- package/dist/eds-utilities.css +1 -1
- package/dist/eds-utilities.css.map +1 -1
- package/dist/eds-vars.css +1 -1
- package/dist/eds-vars.css.map +1 -1
- package/dist/eds.css +1 -1
- package/dist/eds.css.map +1 -1
- package/package.json +1 -1
package/dist/eds-vars.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--eds-c-surface-accent:#f2f6ff;--eds-c-surface-selected:#e6edff;--eds-c-surface-skeleton:#e1e1e7;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#ededf0;--eds-c-surface-elevation-inset:#fafafb;--eds-c-surface-elevation:#fff;--eds-c-surface-elevation-raised:#fff;--eds-c-surface-elevation-elevated:#fff;--eds-c-surface-elevation-overlay:#fff;--eds-c-surface-brand:#00002e;--eds-c-on-surface-brand:#fff;--eds-c-surface-brand--hover:#353559;--eds-c-on-surface-brand--hover:#fff;--eds-c-surface-disabled:#e1e1e7;--eds-c-on-surface-disabled:#a0a0b1;--eds-c-surface-disabled-subtle:#f6f6f8;--eds-c-on-surface-disabled-subtle:#a0a0b1;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#d9e3ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-primary-subtler:#f2f6ff;--eds-c-on-surface-primary-subtler:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#00002e;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#00002e;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#00002e;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#00002e;--eds-c-on-surface-inverted:#fff;--eds-c-surface-inverted-subtle:#00002e;--eds-c-on-surface-inverted-subtle:#b9b9c5;--eds-c-surface-inverted-disabled:#00002e;--eds-c-on-surface-inverted-disabled:#696984;--eds-c-surface-neutral:#696984;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#353559;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#353559;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#e1e1e7;--eds-c-on-surface-neutral-subtle:#171740;--eds-c-surface-neutral-subtle--hover:#d4d4dc;--eds-c-on-surface-neutral-subtle--hover:#171740;--eds-c-surface-neutral-subtler:#ededf0;--eds-c-on-surface-neutral-subtler:#171740;--eds-c-surface-neutral-subtler--hover:#e1e1e7;--eds-c-on-surface-neutral-subtler--hover:#171740;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#ebeff7;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-success:#037e4e;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-surface-cm-purple-violet-subtler:#f3f1ff;--eds-c-on-surface-cm-purple-violet-subtler:#4c3f8c;--eds-c-border-cm-purple-violet-subtle:#b1a1ff;--eds-c-surface-cm-purple-subtler:#f4effb;--eds-c-on-surface-cm-purple-subtler:#4f3477;--eds-c-border-cm-purple-subtle:#ccb5ee;--eds-c-surface-cm-blue-navy-subtler:#f0f0f8;--eds-c-on-surface-cm-blue-navy-subtler:#000069;--eds-c-border-cm-blue-navy-subtle:#bfbfe0;--eds-c-surface-cm-blue-electric-subtler:#d9f5fb;--eds-c-on-surface-cm-blue-electric-subtler:#015467;--eds-c-border-cm-blue-electric-subtle:#5bd3ef;--eds-c-surface-cm-green-dark-subtler:#e6f0f0;--eds-c-on-surface-cm-green-dark-subtler:#004d4d;--eds-c-border-cm-green-dark-subtle:#8cbaba;--eds-c-surface-cm-green-pine-subtler:#eff3f3;--eds-c-on-surface-cm-green-pine-subtler:#08323e;--eds-c-border-cm-green-pine-subtle:#b6c6ca;--eds-c-surface-cm-green-subtler:#e6f9f2;--eds-c-on-surface-cm-green-subtler:#037146;--eds-c-border-cm-green-subtle:#8fe5c4;--eds-c-surface-cm-blue-ocean-subtler:#e8f8f6;--eds-c-on-surface-cm-blue-ocean-subtler:#0d6a60;--eds-c-border-cm-blue-ocean-subtle:#97e0d8;--eds-c-surface-cm-green-lemon-subtler:#fafcee;--eds-c-on-surface-cm-green-lemon-subtler:#687429;--eds-c-border-cm-green-lemon-subtle:#cbe250;--eds-c-surface-cm-yellow-gold-subtler:#fffae6;--eds-c-on-surface-cm-yellow-gold-subtler:#6d5800;--eds-c-border-cm-yellow-gold-subtle:#ffe05e;--eds-c-surface-cm-orange-abricot-subtler:#fff9ed;--eds-c-on-surface-cm-orange-abricot-subtler:#78330f;--eds-c-border-cm-orange-abricot-subtle:#ffbe5c;--eds-c-surface-cm-orange-subtler:#fff3e9;--eds-c-on-surface-cm-orange-subtler:#6b3a0d;--eds-c-border-cm-orange-subtle:#ffc998;--eds-c-surface-cm-red-tomato-subtler:#fff0ed;--eds-c-on-surface-cm-red-tomato-subtler:#662a1d;--eds-c-border-cm-red-tomato-subtle:#ff9a86;--eds-c-surface-cm-red-crayola-subtler:#fcebee;--eds-c-on-surface-cm-red-crayola-subtler:#5a1622;--eds-c-border-cm-red-crayola-subtle:#ec798d;--eds-c-surface-cm-warm-grey-subtler:#f6f4f3;--eds-c-on-surface-cm-warm-grey-subtler:#403936;--eds-c-border-cm-warm-grey-subtle:#bfb4af;--eds-c-foreground:#00002e;--eds-c-foreground-subtle:#353559;--eds-c-foreground-subtler:#505070;--eds-c-foreground-placeholder:#696984;--eds-c-foreground-disabled:#84849b;--eds-c-foreground-primary:#0046ff;--eds-c-foreground-success:#037e4e;--eds-c-foreground-info:#00297a;--eds-c-foreground-warning:#8b4c11;--eds-c-foreground-critical:#cb2029;--eds-c-foreground-highlight:#9e4107;--eds-c-foreground-inverted:#fafafb;--eds-c-border:#00002e;--eds-c-border-divider:#d4d4dc;--eds-c-border-disabled:#e1e1e7;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#8cacff;--eds-c-border-primary-subtle:#8cacff;--eds-c-border-primary-subtler:#e6edff;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#a3b6da;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#8fe5c4;--eds-c-border-warning:#e87e1d;--eds-c-border-warning--hover:#ff8a20;--eds-c-border-warning--pressed:#ffa14d;--eds-c-border-warning-subtle:#ffb16a;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#ea6c72;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight--hover:#ffcb7d;--eds-c-border-highlight--pressed:#ffd392;--eds-c-border-highlight-subtle:#ffcb7d;--eds-c-border-inverted:#fafafb;--eds-c-border-inverted-disabled:#84849b;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral--pressed:#505070;--eds-c-border-neutral-subtle:#b9b9c5;--eds-c-border-neutral-subtle--hover:#a0a0b1;--eds-c-link:#0046ff;--eds-c-link--focused:#0046ff;--eds-c-link--hover:#0035bf;--eds-c-link--pressed:#002a99;--eds-c-link--visited:#0035bf;--eds-c-link-inverted:#fff;--eds-c-link-inverted--focused:#fff;--eds-c-link-inverted--hover:#f6f6f8;--eds-c-link-inverted--pressed:#e1e1e7;--eds-c-link-inverted--visited:#fafafb;--eds-c-link-contrast:#00002e;--eds-c-link-contrast--focused:#00002e;--eds-c-link-contrast--hover:#00002e;--eds-c-link-contrast--pressed:#353559;--eds-c-link-contrast--visited:#171740;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#b0c6ff;--eds-c-focus-critical:#e54f57;--eds-c-border-focus:#0046ff;--eds-c-alpha-backdrop-strong:rgba(0,0,46,.6);--eds-c-alpha-backdrop:rgba(0,0,46,.3);--eds-c-alpha-backdrop-subtle:rgba(0,0,46,.1);--eds-c-alpha-backdrop-inverted:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-inverted-subtle:hsla(0,0%,100%,.1)}html.eui-t-dark{--eds-c-surface-accent:#131318;--eds-c-surface-selected:#18181c;--eds-c-surface-skeleton:#18181c;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#000;--eds-c-surface-elevation-inset:#0d0d12;--eds-c-surface-elevation:#131318;--eds-c-surface-elevation-raised:#18181c;--eds-c-surface-elevation-elevated:#1e1e25;--eds-c-surface-elevation-overlay:#24242c;--eds-c-surface-brand:#131318;--eds-c-on-surface-brand:#fff;--eds-c-surface-brand--hover:#0d0d12;--eds-c-on-surface-brand--hover:#fff;--eds-c-surface-disabled:#1e1e25;--eds-c-on-surface-disabled:#6a6a71;--eds-c-surface-disabled-subtle:#18181c;--eds-c-on-surface-disabled-subtle:#6a6a71;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#0035bf;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#002a99;--eds-c-on-surface-primary-subtle:#f2f6ff;--eds-c-surface-primary-subtler:#001959;--eds-c-on-surface-primary-subtler:#f2f6ff;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#471b00;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#471b00;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#471b00;--eds-c-surface-highlight-subtler:#471b00;--eds-c-on-surface-highlight-subtler:#fea439;--eds-c-surface-inverted:#e8e8ea;--eds-c-on-surface-inverted:#0d0d12;--eds-c-surface-inverted-subtle:#e8e8ea;--eds-c-on-surface-inverted-subtle:#0d0d12;--eds-c-surface-inverted-disabled:#e8e8ea;--eds-c-on-surface-inverted-disabled:#8e8e94;--eds-c-surface-neutral:#6a6a71;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#6a6a71;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#2c2c36;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#18181c;--eds-c-on-surface-neutral-subtle:#fff;--eds-c-surface-neutral-subtle--hover:#131318;--eds-c-on-surface-neutral-subtle--hover:#fff;--eds-c-surface-neutral-subtler:#18181c;--eds-c-on-surface-neutral-subtler:#fff;--eds-c-surface-neutral-subtler--hover:#24242c;--eds-c-on-surface-neutral-subtler--hover:#fff;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#7b1319;--eds-c-on-surface-critical-subtle:#fdefef;--eds-c-surface-critical-subtler:#1f0506;--eds-c-on-surface-critical-subtler:#fce9ea;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#039;--eds-c-on-surface-info-subtle:#dee4f2;--eds-c-surface-info-subtler:#001f5c;--eds-c-on-surface-info-subtler:#dee4f2;--eds-c-surface-success:#05c67b;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#037e4e;--eds-c-on-surface-success-subtle:#edfbf6;--eds-c-surface-success-subtler:#02472c;--eds-c-on-surface-success-subtler:#daf6eb;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ba6517;--eds-c-on-surface-warning-subtle:#fff3e8;--eds-c-surface-warning-subtler:#512c0a;--eds-c-on-surface-warning-subtler:#fff3e8;--eds-c-surface-cm-purple-violet-subtler:#372e66;--eds-c-on-surface-cm-purple-violet-subtler:#cabfff;--eds-c-border-cm-purple-violet-subtle:#6352b5;--eds-c-surface-cm-purple-subtler:#392656;--eds-c-on-surface-cm-purple-subtler:#ddcdf3;--eds-c-border-cm-purple-subtle:#66439a;--eds-c-surface-cm-blue-navy-subtler:#00002e;--eds-c-on-surface-cm-blue-navy-subtler:#d9d9ec;--eds-c-border-cm-blue-navy-subtle:#000083;--eds-c-surface-cm-blue-electric-subtler:#014959;--eds-c-on-surface-cm-blue-electric-subtler:#b1eaf7;--eds-c-border-cm-blue-electric-subtle:#02708a;--eds-c-surface-cm-green-dark-subtler:#003a3a;--eds-c-on-surface-cm-green-dark-subtler:#b0d0d0;--eds-c-border-cm-green-dark-subtle:#005252;--eds-c-surface-cm-green-pine-subtler:#082d37;--eds-c-on-surface-cm-green-pine-subtler:#ced8db;--eds-c-border-cm-green-pine-subtle:#0a3f4d;--eds-c-surface-cm-green-subtler:#037146;--eds-c-on-surface-cm-green-subtler:#b2edd6;--eds-c-border-cm-green-subtle:#049e62;--eds-c-surface-cm-blue-ocean-subtler:#0d6a60;--eds-c-on-surface-cm-blue-ocean-subtler:#b7eae4;--eds-c-border-cm-blue-ocean-subtle:#139586;--eds-c-surface-cm-green-lemon-subtler:#687429;--eds-c-on-surface-cm-green-lemon-subtler:#eff6c9;--eds-c-border-cm-green-lemon-subtle:#a2b540;--eds-c-surface-cm-yellow-gold-subtler:#6d5800;--eds-c-on-surface-cm-yellow-gold-subtler:#ffea91;--eds-c-border-cm-yellow-gold-subtle:#b59200;--eds-c-surface-cm-orange-abricot-subtler:#78330f;--eds-c-on-surface-cm-orange-abricot-subtler:#ffdfa9;--eds-c-border-cm-orange-abricot-subtle:#c55109;--eds-c-surface-cm-orange-subtler:#66370c;--eds-c-on-surface-cm-orange-subtler:#ffdbba;--eds-c-border-cm-orange-subtle:#b56217;--eds-c-surface-cm-red-tomato-subtler:#662a1d;--eds-c-on-surface-cm-red-tomato-subtler:#ffbaac;--eds-c-border-cm-red-tomato-subtle:#b54a35;--eds-c-surface-cm-red-crayola-subtler:#5a1622;--eds-c-on-surface-cm-red-crayola-subtler:#f2a3b1;--eds-c-border-cm-red-crayola-subtle:#a1273c;--eds-c-surface-cm-warm-grey-subtler:#403936;--eds-c-on-surface-cm-warm-grey-subtler:#d3cbc8;--eds-c-border-cm-warm-grey-subtle:#726660;--eds-c-foreground:#f4f4f5;--eds-c-foreground-subtle:#d1d1d4;--eds-c-foreground-subtler:#b4b4b9;--eds-c-foreground-placeholder:#8e8e94;--eds-c-foreground-disabled:#6a6a71;--eds-c-foreground-primary:#8cacff;--eds-c-foreground-success:#05c67b;--eds-c-foreground-info:#859dce;--eds-c-foreground-warning:#ff8a20;--eds-c-foreground-critical:#e54f57;--eds-c-foreground-highlight:#fc8713;--eds-c-foreground-inverted:#0d0d12;--eds-c-border:#f6f6f8;--eds-c-border-divider:#2c2c36;--eds-c-border-disabled:#1e1e25;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#002a99;--eds-c-border-primary-subtle:#002a99;--eds-c-border-primary-subtler:#001f73;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#00297a;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#025f3b;--eds-c-border-warning:#e87e1d;--eds-c-border-warning-subtle:#68390d;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#5a0e12;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight-subtle:#fea439;--eds-c-border-inverted:#131318;--eds-c-border-inverted-disabled:#18181c;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral-subtle:#6a6a71;--eds-c-border-neutral-subtle--hover:#2c2c36;--eds-c-link:#8cacff;--eds-c-link--focused:#8cacff;--eds-c-link--hover:#5987ff;--eds-c-link--pressed:#0046ff;--eds-c-link--visited:#5987ff;--eds-c-link-inverted:#0046ff;--eds-c-link-inverted--focused:#0046ff;--eds-c-link-inverted--hover:#0035bf;--eds-c-link-inverted--pressed:#002a99;--eds-c-link-inverted--visited:#0035bf;--eds-c-link-contrast:#fff;--eds-c-link-contrast--focused:#fff;--eds-c-link-contrast--hover:#e8e8ea;--eds-c-link-contrast--pressed:#b4b4b9;--eds-c-link-contrast--visited:#f4f4f5;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#002a99;--eds-c-focus-critical:#cb2029;--eds-c-border-focus:#0046ff;--eds-c-alpha-backdrop-strong:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-subtle:hsla(0,0%,100%,.1);--eds-c-alpha-backdrop-inverted:rgba(13,13,18,.3);--eds-c-alpha-backdrop-inverted-subtle:rgba(13,13,18,.1)}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/eds-styles/dist/assets/fonts/inter/InterVariable.woff2) format("woff2")}@font-face{font-display:block;font-family:Inter;font-style:italic;font-weight:100 900;src:url(@eui/eds-styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eds-f-s-base:16px;--eds-f-family:"Inter",arial,sans-serif;--eds-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eds-f-s-9xl:6rem;--eds-f-s-8xl:4rem;--eds-f-s-7xl:3.25rem;--eds-f-s-6xl:2.75rem;--eds-f-s-5xl:2.25rem;--eds-f-s-4xl:1.75rem;--eds-f-s-3xl:1.5rem;--eds-f-s-2xl:1.375rem;--eds-f-s-xl:1.25rem;--eds-f-s-l:1.125rem;--eds-f-s-m:1rem;--eds-f-s-s:0.875rem;--eds-f-s-xs:0.75rem;--eds-f-s-2xs:0.625rem;--eds-f-lh-10xl:6rem;--eds-f-lh-9xl:4rem;--eds-f-lh-8xl:3.75rem;--eds-f-lh-7xl:3.5rem;--eds-f-lh-6xl:3.25rem;--eds-f-lh-5xl:3rem;--eds-f-lh-4xl:2.75rem;--eds-f-lh-3xl:2.5rem;--eds-f-lh-2xl:2.25rem;--eds-f-lh-xl:2rem;--eds-f-lh-l:1.75rem;--eds-f-lh-m:1.5rem;--eds-f-lh-s:1.25rem;--eds-f-lh-xs:1rem;--eds-f-lh-2xs:0.75rem;--eds-f-w-light:300;--eds-f-w-regular:400;--eds-f-w-medium:500;--eds-f-w-semibold:600;--eds-f-w-bold:700;--eds-f-ls-9xl:-2%;--eds-f-ls-8xl:-2%;--eds-f-ls-7xl:-2%;--eds-f-ls-6xl:-1%;--eds-f-ls-5xl:-1%;--eds-f-ls-4xl:-1%;--eds-f-ls-3xl:-1%;--eds-f-ls-2xl:normal;--eds-f-ls-xl:normal;--eds-f-ls-l:normal;--eds-f-ls-m:normal;--eds-f-ls-s:normal;--eds-f-ls-xs:normal;--eds-f-ls-2xs:normal;--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-9xl)/var(--eds-f-lh-10xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-6xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semibold) var(--eds-f-s-3xl)/var(--eds-f-lh-xl) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semibold) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-3xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-l-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-l-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-label-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-microcopy-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-microcopy-m-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-placeholder-m:normal normal var(--eds-f-w-light) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-placeholder-s:normal normal var(--eds-f-w-light) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-supportive-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family);--eds-f-supportive-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family)}@media screen and (min-width:768px) and (max-width:1139px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-7xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-2xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semibold) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semibold) var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xl)/var(--eds-f-lh-xl) var(--eds-f-family)}}@media screen and (max-width:767px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-6xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-5xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-2xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-xl)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semibold) var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semibold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family)}}:root{--eds-base-line-height:1.5rem;--eds-sp-none:0rem;--eds-sp-5xs:0.0625rem;--eds-sp-4xs:0.125rem;--eds-sp-3xs:0.25rem;--eds-sp-2xs:0.375rem;--eds-sp-xs:0.5rem;--eds-sp-s:0.75rem;--eds-sp-m:1rem;--eds-sp-l:1.25rem;--eds-sp-xl:1.5rem;--eds-sp-2xl:1.75rem;--eds-sp-3xl:2rem;--eds-sp-4xl:2.25rem;--eds-sp-5xl:2.5rem;--eds-sp-6xl:2.75rem;--eds-sp-7xl:3rem;--eds-sp-8xl:3.25rem;--eds-sp-9xl:3.5rem;--eds-sp-10xl:3.75rem;--eds-sp-11xl:4rem;--eds-si-none:0rem;--eds-si-3xs:0.125rem;--eds-si-2xs:0.25rem;--eds-si-xs:0.5rem;--eds-si-s:0.75rem;--eds-si-m:1rem;--eds-si-l:1.25rem;--eds-si-xl:1.5rem;--eds-si-2xl:1.75rem;--eds-si-3xl:2rem;--eds-si-4xl:2.5rem;--eds-si-5xl:2.75rem;--eds-si-6xl:3rem;--eds-si-7xl:3.5rem;--eds-si-8xl:3.75rem;--eds-si-9xl:4rem;--eds-br-none:0;--eds-br-xs:2px;--eds-br-s:4px;--eds-br-m:8px;--eds-br-l:12px;--eds-br-full:9999px;--eds-bp-xs:480px;--eds-bp-s:768px;--eds-bp-m:996px;--eds-bp-l:1140px;--eds-bp-xl:1440px;--eds-bp-2xl:1600px;--eds-bw-none:0;--eds-bw-xs:1px;--eds-bw-s:2px;--eds-bw-m:4px;--eds-sh-none:none;--eds-sh-1:0px 6px 12px 0px rgba(0,0,46,.08);--eds-sh-2:0px 10px 22px 0px rgba(0,0,46,.1);--eds-sh-3:0px 12px 32px 0px rgba(0,0,46,.12);--eds-sh-4:0px 14px 42px 0px rgba(0,0,46,.14);--eds-is-3xs:0.5rem;--eds-is-2xs:0.75rem;--eds-is-xs:1rem;--eds-is-s:1.25rem;--eds-is-m:1.5rem;--eds-is-l:2rem;--eds-is-xl:2.5rem;--eds-is-2xl:3rem;--eds-is-3xl:3.5rem;--eds-is-4xl:4rem;--eds-op-none:0;--eds-op-10:0.1;--eds-op-20:0.2;--eds-op-30:0.3;--eds-op-40:0.4;--eds-op-50:0.5;--eds-op-60:0.6;--eds-op-70:0.7;--eds-op-80:0.8;--eds-op-90:0.9;--eds-op-100:1}
|
|
1
|
+
:root{--eds-c-surface-accent:#f2f6ff;--eds-c-surface-selected:#e6edff;--eds-c-surface-skeleton:#e1e1e7;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#ededf0;--eds-c-surface-elevation-inset:#fafafb;--eds-c-surface-elevation:#fff;--eds-c-surface-elevation-raised:#fff;--eds-c-surface-elevation-elevated:#fff;--eds-c-surface-elevation-overlay:#fff;--eds-c-surface-brand:#00002e;--eds-c-on-surface-brand:#fff;--eds-c-surface-brand--hover:#353559;--eds-c-on-surface-brand--hover:#fff;--eds-c-surface-disabled:#e1e1e7;--eds-c-on-surface-disabled:#a0a0b1;--eds-c-surface-disabled-subtle:#f6f6f8;--eds-c-on-surface-disabled-subtle:#a0a0b1;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#d9e3ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-primary-subtler:#f2f6ff;--eds-c-on-surface-primary-subtler:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#00002e;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#00002e;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#00002e;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#00002e;--eds-c-on-surface-inverted:#fff;--eds-c-surface-inverted--hover:#353559;--eds-c-on-surface-inverted--hover:#fff;--eds-c-surface-inverted--pressed:#505070;--eds-c-on-surface-inverted--pressed:#fff;--eds-c-surface-inverted-subtle:#00002e;--eds-c-on-surface-inverted-subtle:#b9b9c5;--eds-c-surface-inverted-disabled:#00002e;--eds-c-on-surface-inverted-disabled:#696984;--eds-c-surface-neutral:#696984;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#353559;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#353559;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#e1e1e7;--eds-c-on-surface-neutral-subtle:#171740;--eds-c-surface-neutral-subtle--hover:#d4d4dc;--eds-c-on-surface-neutral-subtle--hover:#171740;--eds-c-surface-neutral-subtler:#ededf0;--eds-c-on-surface-neutral-subtler:#171740;--eds-c-surface-neutral-subtler--hover:#e1e1e7;--eds-c-on-surface-neutral-subtler--hover:#171740;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#ebeff7;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-success:#037e4e;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-surface-cm-purple-violet-subtler:#f3f1ff;--eds-c-on-surface-cm-purple-violet-subtler:#4c3f8c;--eds-c-border-cm-purple-violet-subtle:#b1a1ff;--eds-c-surface-cm-purple-subtler:#f4effb;--eds-c-on-surface-cm-purple-subtler:#4f3477;--eds-c-border-cm-purple-subtle:#ccb5ee;--eds-c-surface-cm-blue-navy-subtler:#f0f0f8;--eds-c-on-surface-cm-blue-navy-subtler:#000069;--eds-c-border-cm-blue-navy-subtle:#bfbfe0;--eds-c-surface-cm-blue-electric-subtler:#d9f5fb;--eds-c-on-surface-cm-blue-electric-subtler:#015467;--eds-c-border-cm-blue-electric-subtle:#5bd3ef;--eds-c-surface-cm-green-dark-subtler:#e6f0f0;--eds-c-on-surface-cm-green-dark-subtler:#004d4d;--eds-c-border-cm-green-dark-subtle:#8cbaba;--eds-c-surface-cm-green-pine-subtler:#eff3f3;--eds-c-on-surface-cm-green-pine-subtler:#08323e;--eds-c-border-cm-green-pine-subtle:#b6c6ca;--eds-c-surface-cm-green-subtler:#e6f9f2;--eds-c-on-surface-cm-green-subtler:#037146;--eds-c-border-cm-green-subtle:#8fe5c4;--eds-c-surface-cm-blue-ocean-subtler:#e8f8f6;--eds-c-on-surface-cm-blue-ocean-subtler:#0d6a60;--eds-c-border-cm-blue-ocean-subtle:#97e0d8;--eds-c-surface-cm-green-lemon-subtler:#fafcee;--eds-c-on-surface-cm-green-lemon-subtler:#687429;--eds-c-border-cm-green-lemon-subtle:#cbe250;--eds-c-surface-cm-yellow-gold-subtler:#fffae6;--eds-c-on-surface-cm-yellow-gold-subtler:#6d5800;--eds-c-border-cm-yellow-gold-subtle:#ffe05e;--eds-c-surface-cm-orange-abricot-subtler:#fff9ed;--eds-c-on-surface-cm-orange-abricot-subtler:#78330f;--eds-c-border-cm-orange-abricot-subtle:#ffbe5c;--eds-c-surface-cm-orange-subtler:#fff3e9;--eds-c-on-surface-cm-orange-subtler:#6b3a0d;--eds-c-border-cm-orange-subtle:#ffc998;--eds-c-surface-cm-red-tomato-subtler:#fff0ed;--eds-c-on-surface-cm-red-tomato-subtler:#662a1d;--eds-c-border-cm-red-tomato-subtle:#ff9a86;--eds-c-surface-cm-red-crayola-subtler:#fcebee;--eds-c-on-surface-cm-red-crayola-subtler:#5a1622;--eds-c-border-cm-red-crayola-subtle:#ec798d;--eds-c-surface-cm-warm-grey-subtler:#f6f4f3;--eds-c-on-surface-cm-warm-grey-subtler:#403936;--eds-c-border-cm-warm-grey-subtle:#bfb4af;--eds-c-foreground:#00002e;--eds-c-foreground-subtle:#353559;--eds-c-foreground-subtler:#505070;--eds-c-foreground-placeholder:#696984;--eds-c-foreground-disabled:#84849b;--eds-c-foreground-primary:#0046ff;--eds-c-foreground-success:#037e4e;--eds-c-foreground-info:#00297a;--eds-c-foreground-warning:#8b4c11;--eds-c-foreground-critical:#cb2029;--eds-c-foreground-highlight:#9e4107;--eds-c-foreground-inverted:#fafafb;--eds-c-border:#00002e;--eds-c-border-divider:#d4d4dc;--eds-c-border-disabled:#e1e1e7;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#8cacff;--eds-c-border-primary-subtle:#8cacff;--eds-c-border-primary-subtler:#e6edff;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#a3b6da;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#8fe5c4;--eds-c-border-warning:#e87e1d;--eds-c-border-warning--hover:#ff8a20;--eds-c-border-warning--pressed:#ffa14d;--eds-c-border-warning-subtle:#ffb16a;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#ea6c72;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight--hover:#ffcb7d;--eds-c-border-highlight--pressed:#ffd392;--eds-c-border-highlight-subtle:#ffcb7d;--eds-c-border-inverted:#fafafb;--eds-c-border-inverted-disabled:#84849b;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral--pressed:#505070;--eds-c-border-neutral-subtle:#b9b9c5;--eds-c-border-neutral-subtle--hover:#a0a0b1;--eds-c-link:#0046ff;--eds-c-link--focused:#0046ff;--eds-c-link--hover:#0035bf;--eds-c-link--pressed:#002a99;--eds-c-link--visited:#0035bf;--eds-c-link-inverted:#fff;--eds-c-link-inverted--focused:#fff;--eds-c-link-inverted--hover:#f6f6f8;--eds-c-link-inverted--pressed:#e1e1e7;--eds-c-link-inverted--visited:#fafafb;--eds-c-link-contrast:#00002e;--eds-c-link-contrast--focused:#00002e;--eds-c-link-contrast--hover:#00002e;--eds-c-link-contrast--pressed:#353559;--eds-c-link-contrast--visited:#171740;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#b0c6ff;--eds-c-focus-critical:#e54f57;--eds-c-border-focus:#0046ff;--eds-c-alpha-backdrop-strong:rgba(0,0,46,.6);--eds-c-alpha-backdrop:rgba(0,0,46,.3);--eds-c-alpha-backdrop-subtle:rgba(0,0,46,.1);--eds-c-alpha-backdrop-inverted:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-inverted-subtle:hsla(0,0%,100%,.1)}html.eui-t-dark{--eds-c-surface-accent:#131318;--eds-c-surface-selected:#18181c;--eds-c-surface-skeleton:#18181c;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#000;--eds-c-surface-elevation-inset:#0d0d12;--eds-c-surface-elevation:#131318;--eds-c-surface-elevation-raised:#18181c;--eds-c-surface-elevation-elevated:#1e1e25;--eds-c-surface-elevation-overlay:#24242c;--eds-c-surface-brand:#131318;--eds-c-on-surface-brand:#fff;--eds-c-surface-brand--hover:#0d0d12;--eds-c-on-surface-brand--hover:#fff;--eds-c-surface-disabled:#1e1e25;--eds-c-on-surface-disabled:#6a6a71;--eds-c-surface-disabled-subtle:#18181c;--eds-c-on-surface-disabled-subtle:#6a6a71;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#0035bf;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#002a99;--eds-c-on-surface-primary-subtle:#f2f6ff;--eds-c-surface-primary-subtler:#001959;--eds-c-on-surface-primary-subtler:#f2f6ff;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#471b00;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#471b00;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#471b00;--eds-c-surface-highlight-subtler:#471b00;--eds-c-on-surface-highlight-subtler:#fea439;--eds-c-surface-inverted:#e8e8ea;--eds-c-on-surface-inverted:#0d0d12;--eds-c-surface-inverted-subtle:#e8e8ea;--eds-c-on-surface-inverted-subtle:#0d0d12;--eds-c-surface-inverted-disabled:#e8e8ea;--eds-c-on-surface-inverted-disabled:#8e8e94;--eds-c-surface-neutral:#6a6a71;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#6a6a71;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#2c2c36;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#18181c;--eds-c-on-surface-neutral-subtle:#fff;--eds-c-surface-neutral-subtle--hover:#131318;--eds-c-on-surface-neutral-subtle--hover:#fff;--eds-c-surface-neutral-subtler:#18181c;--eds-c-on-surface-neutral-subtler:#fff;--eds-c-surface-neutral-subtler--hover:#24242c;--eds-c-on-surface-neutral-subtler--hover:#fff;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#7b1319;--eds-c-on-surface-critical-subtle:#fdefef;--eds-c-surface-critical-subtler:#1f0506;--eds-c-on-surface-critical-subtler:#fce9ea;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#039;--eds-c-on-surface-info-subtle:#dee4f2;--eds-c-surface-info-subtler:#001f5c;--eds-c-on-surface-info-subtler:#dee4f2;--eds-c-surface-success:#05c67b;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#037e4e;--eds-c-on-surface-success-subtle:#edfbf6;--eds-c-surface-success-subtler:#02472c;--eds-c-on-surface-success-subtler:#daf6eb;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ba6517;--eds-c-on-surface-warning-subtle:#fff3e8;--eds-c-surface-warning-subtler:#512c0a;--eds-c-on-surface-warning-subtler:#fff3e8;--eds-c-surface-cm-purple-violet-subtler:#372e66;--eds-c-on-surface-cm-purple-violet-subtler:#cabfff;--eds-c-border-cm-purple-violet-subtle:#6352b5;--eds-c-surface-cm-purple-subtler:#392656;--eds-c-on-surface-cm-purple-subtler:#ddcdf3;--eds-c-border-cm-purple-subtle:#66439a;--eds-c-surface-cm-blue-navy-subtler:#00002e;--eds-c-on-surface-cm-blue-navy-subtler:#d9d9ec;--eds-c-border-cm-blue-navy-subtle:#000083;--eds-c-surface-cm-blue-electric-subtler:#014959;--eds-c-on-surface-cm-blue-electric-subtler:#b1eaf7;--eds-c-border-cm-blue-electric-subtle:#02708a;--eds-c-surface-cm-green-dark-subtler:#003a3a;--eds-c-on-surface-cm-green-dark-subtler:#b0d0d0;--eds-c-border-cm-green-dark-subtle:#005252;--eds-c-surface-cm-green-pine-subtler:#082d37;--eds-c-on-surface-cm-green-pine-subtler:#ced8db;--eds-c-border-cm-green-pine-subtle:#0a3f4d;--eds-c-surface-cm-green-subtler:#037146;--eds-c-on-surface-cm-green-subtler:#b2edd6;--eds-c-border-cm-green-subtle:#049e62;--eds-c-surface-cm-blue-ocean-subtler:#0d6a60;--eds-c-on-surface-cm-blue-ocean-subtler:#b7eae4;--eds-c-border-cm-blue-ocean-subtle:#139586;--eds-c-surface-cm-green-lemon-subtler:#687429;--eds-c-on-surface-cm-green-lemon-subtler:#eff6c9;--eds-c-border-cm-green-lemon-subtle:#a2b540;--eds-c-surface-cm-yellow-gold-subtler:#6d5800;--eds-c-on-surface-cm-yellow-gold-subtler:#ffea91;--eds-c-border-cm-yellow-gold-subtle:#b59200;--eds-c-surface-cm-orange-abricot-subtler:#78330f;--eds-c-on-surface-cm-orange-abricot-subtler:#ffdfa9;--eds-c-border-cm-orange-abricot-subtle:#c55109;--eds-c-surface-cm-orange-subtler:#66370c;--eds-c-on-surface-cm-orange-subtler:#ffdbba;--eds-c-border-cm-orange-subtle:#b56217;--eds-c-surface-cm-red-tomato-subtler:#662a1d;--eds-c-on-surface-cm-red-tomato-subtler:#ffbaac;--eds-c-border-cm-red-tomato-subtle:#b54a35;--eds-c-surface-cm-red-crayola-subtler:#5a1622;--eds-c-on-surface-cm-red-crayola-subtler:#f2a3b1;--eds-c-border-cm-red-crayola-subtle:#a1273c;--eds-c-surface-cm-warm-grey-subtler:#403936;--eds-c-on-surface-cm-warm-grey-subtler:#d3cbc8;--eds-c-border-cm-warm-grey-subtle:#726660;--eds-c-foreground:#f4f4f5;--eds-c-foreground-subtle:#d1d1d4;--eds-c-foreground-subtler:#b4b4b9;--eds-c-foreground-placeholder:#8e8e94;--eds-c-foreground-disabled:#6a6a71;--eds-c-foreground-primary:#8cacff;--eds-c-foreground-success:#05c67b;--eds-c-foreground-info:#859dce;--eds-c-foreground-warning:#ff8a20;--eds-c-foreground-critical:#e54f57;--eds-c-foreground-highlight:#fc8713;--eds-c-foreground-inverted:#0d0d12;--eds-c-border:#f6f6f8;--eds-c-border-divider:#2c2c36;--eds-c-border-disabled:#1e1e25;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#002a99;--eds-c-border-primary-subtle:#002a99;--eds-c-border-primary-subtler:#001f73;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#00297a;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#025f3b;--eds-c-border-warning:#e87e1d;--eds-c-border-warning-subtle:#68390d;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#5a0e12;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight-subtle:#fea439;--eds-c-border-inverted:#131318;--eds-c-border-inverted-disabled:#18181c;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral-subtle:#6a6a71;--eds-c-border-neutral-subtle--hover:#2c2c36;--eds-c-link:#8cacff;--eds-c-link--focused:#8cacff;--eds-c-link--hover:#5987ff;--eds-c-link--pressed:#0046ff;--eds-c-link--visited:#5987ff;--eds-c-link-inverted:#0046ff;--eds-c-link-inverted--focused:#0046ff;--eds-c-link-inverted--hover:#0035bf;--eds-c-link-inverted--pressed:#002a99;--eds-c-link-inverted--visited:#0035bf;--eds-c-link-contrast:#fff;--eds-c-link-contrast--focused:#fff;--eds-c-link-contrast--hover:#e8e8ea;--eds-c-link-contrast--pressed:#b4b4b9;--eds-c-link-contrast--visited:#f4f4f5;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#002a99;--eds-c-focus-critical:#cb2029;--eds-c-border-focus:#0046ff;--eds-c-alpha-backdrop-strong:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-subtle:hsla(0,0%,100%,.1);--eds-c-alpha-backdrop-inverted:rgba(13,13,18,.3);--eds-c-alpha-backdrop-inverted-subtle:rgba(13,13,18,.1)}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/eds-styles/dist/assets/fonts/inter/InterVariable.woff2) format("woff2")}@font-face{font-display:block;font-family:Inter;font-style:italic;font-weight:100 900;src:url(@eui/eds-styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eds-f-s-base:16px;--eds-f-family:"Inter",arial,sans-serif;--eds-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eds-f-s-9xl:6rem;--eds-f-s-8xl:4rem;--eds-f-s-7xl:3.25rem;--eds-f-s-6xl:2.75rem;--eds-f-s-5xl:2.25rem;--eds-f-s-4xl:1.75rem;--eds-f-s-3xl:1.5rem;--eds-f-s-2xl:1.375rem;--eds-f-s-xl:1.25rem;--eds-f-s-l:1.125rem;--eds-f-s-m:1rem;--eds-f-s-s:0.875rem;--eds-f-s-xs:0.75rem;--eds-f-s-2xs:0.625rem;--eds-f-lh-10xl:6rem;--eds-f-lh-9xl:4rem;--eds-f-lh-8xl:3.75rem;--eds-f-lh-7xl:3.5rem;--eds-f-lh-6xl:3.25rem;--eds-f-lh-5xl:3rem;--eds-f-lh-4xl:2.75rem;--eds-f-lh-3xl:2.5rem;--eds-f-lh-2xl:2.25rem;--eds-f-lh-xl:2rem;--eds-f-lh-l:1.75rem;--eds-f-lh-m:1.5rem;--eds-f-lh-s:1.25rem;--eds-f-lh-xs:1rem;--eds-f-lh-2xs:0.75rem;--eds-f-w-light:300;--eds-f-w-regular:400;--eds-f-w-medium:500;--eds-f-w-semibold:600;--eds-f-w-bold:700;--eds-f-ls-9xl:-2%;--eds-f-ls-8xl:-2%;--eds-f-ls-7xl:-2%;--eds-f-ls-6xl:-1%;--eds-f-ls-5xl:-1%;--eds-f-ls-4xl:-1%;--eds-f-ls-3xl:-1%;--eds-f-ls-2xl:0;--eds-f-ls-xl:0;--eds-f-ls-l:0;--eds-f-ls-m:0;--eds-f-ls-s:0;--eds-f-ls-xs:0;--eds-f-ls-2xs:0;--eds-f-display-xl:var(--eds-f-s-9xl)/var(--eds-f-lh-10xl) var(--eds-f-family);--eds-f-display-l:var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-heading-2xl:var(--eds-f-s-6xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-xl:var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-l:var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-m:var(--eds-f-s-3xl)/var(--eds-f-lh-xl) var(--eds-f-family);--eds-f-heading-s:var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-xs:var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-l:var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-m:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-s:var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-microcopy-m:var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-paragraph-xl:var(--eds-f-s-3xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-paragraph-l:var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-m:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-s:var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-placeholder-m:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-placeholder-s:var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-supportive-m:var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family)}@media screen and (min-width:768px) and (max-width:1139px){:root{--eds-f-display-xl:var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-display-l:var(--eds-f-s-7xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-2xl:var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-xl:var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-l:var(--eds-f-s-2xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-m:var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s:var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-xs:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:var(--eds-f-s-2xl)/var(--eds-f-lh-xl) var(--eds-f-family)}}@media screen and (max-width:767px){:root{--eds-f-display-xl:var(--eds-f-s-6xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-display-l:var(--eds-f-s-5xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-2xl:var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-xl:var(--eds-f-s-2xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-l:var(--eds-f-s-xl)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-m:var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-s:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family)}}:root{--eds-base-line-height:1.5rem;--eds-sp-none:0rem;--eds-sp-5xs:0.0625rem;--eds-sp-4xs:0.125rem;--eds-sp-3xs:0.25rem;--eds-sp-2xs:0.375rem;--eds-sp-xs:0.5rem;--eds-sp-s:0.75rem;--eds-sp-m:1rem;--eds-sp-l:1.25rem;--eds-sp-xl:1.5rem;--eds-sp-2xl:1.75rem;--eds-sp-3xl:2rem;--eds-sp-4xl:2.25rem;--eds-sp-5xl:2.5rem;--eds-sp-6xl:2.75rem;--eds-sp-7xl:3rem;--eds-sp-8xl:3.25rem;--eds-sp-9xl:3.5rem;--eds-sp-10xl:3.75rem;--eds-sp-11xl:4rem;--eds-si-none:0rem;--eds-si-3xs:0.125rem;--eds-si-2xs:0.25rem;--eds-si-xs:0.5rem;--eds-si-s:0.75rem;--eds-si-m:1rem;--eds-si-l:1.25rem;--eds-si-xl:1.5rem;--eds-si-2xl:1.75rem;--eds-si-3xl:2rem;--eds-si-4xl:2.5rem;--eds-si-5xl:2.75rem;--eds-si-6xl:3rem;--eds-si-7xl:3.5rem;--eds-si-8xl:3.75rem;--eds-si-9xl:4rem;--eds-br-none:0;--eds-br-xs:2px;--eds-br-s:4px;--eds-br-m:8px;--eds-br-l:12px;--eds-br-full:9999px;--eds-bp-xs:480px;--eds-bp-s:768px;--eds-bp-m:996px;--eds-bp-l:1140px;--eds-bp-xl:1440px;--eds-bp-2xl:1600px;--eds-bw-none:0;--eds-bw-xs:1px;--eds-bw-s:2px;--eds-bw-m:4px;--eds-sh-none:none;--eds-sh-1:0px 6px 12px 0px rgba(0,0,46,.08);--eds-sh-2:0px 10px 22px 0px rgba(0,0,46,.1);--eds-sh-3:0px 12px 32px 0px rgba(0,0,46,.12);--eds-sh-4:0px 14px 42px 0px rgba(0,0,46,.14);--eds-is-3xs:0.5rem;--eds-is-2xs:0.75rem;--eds-is-xs:1rem;--eds-is-s:1.25rem;--eds-is-m:1.5rem;--eds-is-l:2rem;--eds-is-xl:2.5rem;--eds-is-2xl:3rem;--eds-is-3xl:3.5rem;--eds-is-4xl:4rem;--eds-op-none:0;--eds-op-10:0.1;--eds-op-20:0.2;--eds-op-30:0.3;--eds-op-40:0.4;--eds-op-50:0.5;--eds-op-60:0.6;--eds-op-70:0.7;--eds-op-80:0.8;--eds-op-90:0.9;--eds-op-100:1}
|
package/dist/eds-vars.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors-dark-theme.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/typography.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/01-base/mixins.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/others.scss"],"names":[],"mappings":"AAEA;EAEQ;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;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;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;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;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;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACFR;EAEQ;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;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;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;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;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;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACGR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEI;EAGA;EACA;EAGI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMI;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;ACzBJ;EDDR;IAqCoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACpCZ;EDDR;IAkDoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AErEpB;EACI;EAMI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;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;EAQA;EAAA;EAAA;EAAA;EAOJ;EAEI;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","sourcesContent":["@use '../02-tokens/colors-semantic' as semantic;\n\n:root {\n @each $color, $value in semantic.$color-semantic-map {\n --eds-c-#{$color}: #{$value};\n }\n}","@use '../02-tokens/colors-semantic-dark-theme' as semantic;\n\nhtml.eui-t-dark {\n @each $color, $value in semantic.$color-semantic-map {\n --eds-c-#{$color}: #{$value};\n }\n}","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eds-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.$eds-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 // base font size\n --eds-f-s-base: 16px;\n \n // font families\n --eds-f-family: 'Inter', arial, sans-serif;\n --eds-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace; \n\n @each $size, $def in typography-primitive.$font-size-map {\n --eds-f-s-#{$size}: #{$def};\n }\n @each $size, $def in typography-primitive.$font-line-height-map {\n --eds-f-lh-#{$size}: #{$def};\n }\n @each $size, $def in typography-primitive.$font-weight-map {\n --eds-f-w-#{$size}: #{$def};\n }\n\n // EDS raw vars\n @each $size, $def in typography-primitive.$font-size-letter-spacing-map {\n --eds-f-ls-#{$size}: #{$def};\n } \n\n // EDS typography\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {\n @each $size, $sizeDef in $typeDef {\n --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n\n @include base.media(maps.$eds-bkp-tablet) {\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {\n $desktopTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'desktop'), $type);\n @each $size, $sizeDef in $typeDef {\n $desktopSizeDef: map.get($desktopTypeDef, $size);\n // Only emit override if size or line-height differs from desktop\n @if map.get($sizeDef, 'size') != map.get($desktopSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($desktopSizeDef, 'line-height') {\n --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n } \n }\n\n @include base.media(maps.$eds-bkp-mobile) {\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {\n $tabletTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'tablet'), $type);\n @each $size, $sizeDef in $typeDef {\n $tabletSizeDef: map.get($tabletTypeDef, $size);\n // Only emit override if size or line-height differs from tablet\n @if map.get($sizeDef, 'size') != map.get($tabletSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($tabletSizeDef, 'line-height') {\n --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n } \n } \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\n@mixin eds-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@mixin eds-focus-visible($offset: -2px, $size: 2px) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n@mixin eds-focus-visible-critical($offset: -2px, $size: 2px) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eds-focus-ring($offset: 2px) {\n &:focus:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n@mixin eds-focus-ring-critical($offset: 2px) {\n &:focus:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n\n@mixin eds-focus-visible-ring($offset: 2px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n@mixin eds-focus-visible-ring-critical($offset: 2px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n\n@mixin loading-indicator() {\n align-items: center;\n display: flex;\n\n &::after,\n &::before {\n content: '';\n height: var(--eds-sp-l);\n position: absolute;\n right: var(--eds-sp-s);\n width: var(--eds-sp-l);\n }\n\n &::before {\n border: var(--eds-sp-3xs) solid rgba(0, 0, 0, 0.35);\n border-radius: 100%;\n }\n\n &::after {\n animation: loading 0.6s linear;\n animation-iteration-count: infinite;\n border-color: var(--eui-c-white) transparent transparent;\n border-radius: 100%;\n border-style: solid;\n border-width: var(--eds-sp-3xs);\n box-shadow: 0 0 0 1px transparent;\n }\n\n &--sm::after,\n &--sm::before {\n height: var(--eds-sp-m);\n width: var(--eds-sp-m);\n }\n\n @keyframes loading {\n to { transform: rotate(360deg); }\n }\n}\n\n// EDS Input mixin — common styles for text inputs, textareas, selects.\n//\n// Size is parametrized through private custom properties that default to the\n// `m` size. Components reflect a `size` host attribute and override these\n// privates per `:host([size=\"s\"])` / `:host([size=\"l\"])` (see eds-input-size()).\n@mixin eds-input() {\n // Size-driven privates (defaults = `m`)\n --_eds-input-min-height: var(--eds-si-4xl);\n --_eds-input-pad-v: var(--eds-sp-xs);\n --_eds-input-pad-h: var(--eds-sp-s);\n --_eds-input-font: var(--eds-f-paragraph-m);\n --_eds-input-placeholder-font: var(--eds-f-placeholder-m);\n\n font: var(--_eds-input-font);\n appearance: none;\n background-color: var(--eds-c-surface-elevation);\n border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);\n border-radius: var(--eds-br-s);\n box-shadow: none;\n color: var(--eds-c-foreground-default);\n min-height: var(--_eds-input-min-height);\n padding: var(--_eds-input-pad-v) var(--_eds-input-pad-h);\n width: 100%;\n @include eds-focus-visible();\n\n &:not([hidden]) {\n display: block;\n }\n\n &::placeholder {\n color: var(--eds-c-foreground-placeholder);\n font: var(--_eds-input-placeholder-font);\n opacity: 1;\n }\n\n // Readonly\n &[readonly] {\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n padding-left: 0;\n padding-right: 0;\n pointer-events: none;\n }\n\n // Disabled\n &:disabled:not([readonly]),\n &--disabled:not([readonly]) {\n background-color: var(--eds-c-suface-disabled);\n border-color: var(--eds-c-border-disabled);\n color: var(--eds-c-foreground-subtler);\n pointer-events: none;\n }\n\n // Invalid\n &--invalid {\n border-color: var(--eds-c-border-critical);\n }\n\n &--loading {\n padding-right: var(--eds-sp-7xl);\n\n &-icon {\n @include loading-indicator();\n }\n } \n}\n\n// EDS Input size overrides — applies the `s` / `l` size privates.\n// Call inside a component's `:host` scope (after `eds-input()`); it emits the\n// `[input-size=\"s\"]` / `[input-size=\"l\"]` branches. The size variant is\n// reflected as the `input-size` host attribute (NOT `size`, which is reserved\n// for the native `<select size>` / `<input size>` DOM attribute). The `m` size\n// is the default already set by `eds-input()`, so no `[input-size=\"m\"]` branch\n// is needed.\n@mixin eds-input-size() {\n &[input-size=\"s\"] {\n --_eds-input-min-height: var(--eds-si-3xl); // 32px\n --_eds-input-pad-v: var(--eds-sp-2xs);\n --_eds-input-pad-h: var(--eds-sp-s);\n }\n\n &[input-size=\"l\"] {\n --_eds-input-min-height: var(--eds-si-6xl); // 48px\n --_eds-input-pad-v: var(--eds-sp-s);\n --_eds-input-pad-h: var(--eds-sp-m);\n }\n}\n\n@mixin eds-input-hover() {\n &:hover:not([aria-disabled=\"true\"]):not(:disabled) {\n box-shadow: var(--eds-sh-1);\n\n &:not([aria-disabled=\"true\"]):not(:checked):not(:disabled):not([readonly]):not([indeterminate=\"true\"]):not([invalid=\"true\"]) {\n border-color: var(--eds-c-border-neutral--hover);\n }\n\n // checkbox\n &.eds-input-checkbox {\n &:checked:not([readonly]):not([invalid=\"true\"]),\n &[checked=\"true\"]:not([readonly]):not([invalid=\"true\"]),\n &[indeterminate=\"true\"]:not([readonly]) {\n background-color: var(--eds-c-surface-primary--hover);\n }\n }\n\n //radio\n &.eds-input-radio {\n &:checked:not([readonly]):not([invalid=\"true\"]) {\n background-color: var(--eds-c-surface-elevation);\n border-color: var(--eds-c-border-primary--hover);\n }\n }\n }\n}","@use 'sass:map';\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n\n:root {\n --eds-base-line-height: 1.5rem;\n\n // SPACING - eds-sp\n // ---------------\n\n @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n --eds-sp-#{$spacing}: #{$value};\n }\n @each $sizing, $value in dimensions-semantic.$sizing-semantic-map {\n --eds-si-#{$sizing}: #{$value};\n }\n\n \n // BORDER RADIUS - eds-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eds-br-#{$br}: #{$value};\n }\n\n\n // BREAKPOINTS - eds-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-size-map {\n --eds-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eds-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eds-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eds-sh\n // --------------------\n\n --eds-sh-none: none;\n @each $sh, $shDef in maps.$shadow-map {\n --eds-sh-#{$sh}: #{map.get($shDef, 'offset-x') map.get($shDef, 'offset-y') map.get($shDef, 'blur') map.get($shDef, 'spread') map.get($shDef, 'color')};\n }\n\n\n // ICON-SIZES - eds-is\n // -------------------\n\n @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n --eds-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eds-op\n // ----------------\n\n @each $idx, $value in maps.$opacity-map {\n --eds-op-#{$idx}: #{$value};\n }\n}"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors-dark-theme.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/typography.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/01-base/mixins.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/others.scss"],"names":[],"mappings":"AAEA;EAEQ;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;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;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;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;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;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACFR;EAEQ;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;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;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;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;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;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACGR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEI;EAGA;EACA;EAGI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AC3BJ;EDDR;IAuCoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACtCZ;EDDR;IAoDoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AEvEpB;EACI;EAMI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;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;EAQA;EAAA;EAAA;EAAA;EAOJ;EAEI;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA","sourcesContent":["@use '../02-tokens/colors-semantic' as semantic;\n\n:root {\n @each $color, $value in semantic.$color-semantic-map {\n --eds-c-#{$color}: #{$value};\n }\n}","@use '../02-tokens/colors-semantic-dark-theme' as semantic;\n\nhtml.eui-t-dark {\n @each $color, $value in semantic.$color-semantic-map {\n --eds-c-#{$color}: #{$value};\n }\n}","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eds-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.$eds-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 // base font size\n --eds-f-s-base: 16px;\n \n // font families\n --eds-f-family: 'Inter', arial, sans-serif;\n --eds-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace; \n\n @each $size, $def in typography-primitive.$font-size-map {\n --eds-f-s-#{$size}: #{$def};\n }\n @each $size, $def in typography-primitive.$font-line-height-map {\n --eds-f-lh-#{$size}: #{$def};\n }\n @each $size, $def in typography-primitive.$font-weight-map {\n --eds-f-w-#{$size}: #{$def};\n }\n\n // EDS raw vars\n @each $size, $def in typography-primitive.$font-size-letter-spacing-map {\n --eds-f-ls-#{$size}: #{$def};\n } \n\n // EDS typography\n // Weightless `font` shorthand: `font-size / line-height font-family`.\n // Apply weight separately at the call site via `--eds-f-w-<weight>`.\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {\n @each $size, $sizeDef in $typeDef {\n --eds-f-#{$type}-#{$size}: var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n\n @include base.media(maps.$eds-bkp-tablet) {\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {\n $desktopTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'desktop'), $type);\n @each $size, $sizeDef in $typeDef {\n $desktopSizeDef: map.get($desktopTypeDef, $size);\n // Only emit override if size or line-height differs from desktop\n @if map.get($sizeDef, 'size') != map.get($desktopSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($desktopSizeDef, 'line-height') {\n --eds-f-#{$type}-#{$size}: var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n } \n }\n\n @include base.media(maps.$eds-bkp-mobile) {\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {\n $tabletTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'tablet'), $type);\n @each $size, $sizeDef in $typeDef {\n $tabletSizeDef: map.get($tabletTypeDef, $size);\n // Only emit override if size or line-height differs from tablet\n @if map.get($sizeDef, 'size') != map.get($tabletSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($tabletSizeDef, 'line-height') {\n --eds-f-#{$type}-#{$size}: var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n } \n } \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\n@mixin eds-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@mixin eds-focus-visible($offset: -2px, $size: 2px) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n@mixin eds-focus-visible-critical($offset: -2px, $size: 2px) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eds-focus-ring($offset: 2px) {\n &:focus:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n@mixin eds-focus-ring-critical($offset: 2px) {\n &:focus:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n\n@mixin eds-focus-visible-ring($offset: 2px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n@mixin eds-focus-visible-ring-critical($offset: 2px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n\n@mixin loading-indicator() {\n align-items: center;\n display: flex;\n\n &::after,\n &::before {\n content: '';\n height: var(--eds-sp-l);\n position: absolute;\n right: var(--eds-sp-s);\n width: var(--eds-sp-l);\n }\n\n &::before {\n border: var(--eds-sp-3xs) solid rgba(0, 0, 0, 0.35);\n border-radius: 100%;\n }\n\n &::after {\n animation: loading 0.6s linear;\n animation-iteration-count: infinite;\n border-color: var(--eui-c-white) transparent transparent;\n border-radius: 100%;\n border-style: solid;\n border-width: var(--eds-sp-3xs);\n box-shadow: 0 0 0 1px transparent;\n }\n\n &--sm::after,\n &--sm::before {\n height: var(--eds-sp-m);\n width: var(--eds-sp-m);\n }\n\n @keyframes loading {\n to { transform: rotate(360deg); }\n }\n}\n\n// EDS Input mixin — common styles for text inputs, textareas, selects.\n//\n// Size is parametrized through private custom properties that default to the\n// `m` size. Components reflect a `size` host attribute and override these\n// privates per `:host([size=\"s\"])` / `:host([size=\"l\"])` (see eds-input-size()).\n@mixin eds-input() {\n // Size-driven privates (defaults = `m`)\n --_eds-input-min-height: var(--eds-si-4xl);\n --_eds-input-pad-v: var(--eds-sp-xs);\n --_eds-input-pad-h: var(--eds-sp-s);\n --_eds-input-font: var(--eds-f-paragraph-m);\n --_eds-input-font-weight: var(--eds-f-w-regular);\n --_eds-input-placeholder-font: var(--eds-f-placeholder-m);\n --_eds-input-placeholder-font-weight: var(--eds-f-w-light);\n\n font: var(--_eds-input-font);\n font-weight: var(--_eds-input-font-weight);\n appearance: none;\n background-color: var(--eds-c-surface-elevation);\n border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);\n border-radius: var(--eds-br-s);\n box-shadow: none;\n color: var(--eds-c-foreground-default);\n min-height: var(--_eds-input-min-height);\n padding: var(--_eds-input-pad-v) var(--_eds-input-pad-h);\n width: 100%;\n @include eds-focus-visible();\n\n &:not([hidden]) {\n display: block;\n }\n\n &::placeholder {\n color: var(--eds-c-foreground-placeholder);\n font: var(--_eds-input-placeholder-font);\n font-weight: var(--_eds-input-placeholder-font-weight);\n opacity: 1;\n }\n\n // Readonly\n &[readonly] {\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n padding-left: 0;\n padding-right: 0;\n pointer-events: none;\n }\n\n // Disabled\n &:disabled:not([readonly]),\n &--disabled:not([readonly]) {\n background-color: var(--eds-c-suface-disabled);\n border-color: var(--eds-c-border-disabled);\n color: var(--eds-c-foreground-subtler);\n pointer-events: none;\n }\n\n // Invalid\n &--invalid {\n border-color: var(--eds-c-border-critical);\n }\n\n &--loading {\n padding-right: var(--eds-sp-7xl);\n\n &-icon {\n @include loading-indicator();\n }\n } \n}\n\n// EDS Input size overrides — applies the `s` / `l` size privates.\n// Call inside a component's `:host` scope (after `eds-input()`); it emits the\n// `[input-size=\"s\"]` / `[input-size=\"l\"]` branches. The size variant is\n// reflected as the `input-size` host attribute (NOT `size`, which is reserved\n// for the native `<select size>` / `<input size>` DOM attribute). The `m` size\n// is the default already set by `eds-input()`, so no `[input-size=\"m\"]` branch\n// is needed.\n@mixin eds-input-size() {\n &[input-size=\"s\"] {\n --_eds-input-min-height: var(--eds-si-3xl); // 32px\n --_eds-input-pad-v: var(--eds-sp-2xs);\n --_eds-input-pad-h: var(--eds-sp-s);\n }\n\n &[input-size=\"l\"] {\n --_eds-input-min-height: var(--eds-si-6xl); // 48px\n --_eds-input-pad-v: var(--eds-sp-s);\n --_eds-input-pad-h: var(--eds-sp-m);\n }\n}\n\n@mixin eds-input-hover() {\n &:hover:not([aria-disabled=\"true\"]):not(:disabled) {\n box-shadow: var(--eds-sh-1);\n\n &:not([aria-disabled=\"true\"]):not(:checked):not(:disabled):not([readonly]):not([indeterminate=\"true\"]):not([invalid=\"true\"]) {\n border-color: var(--eds-c-border-neutral--hover);\n }\n\n // checkbox\n &.eds-input-checkbox {\n &:checked:not([readonly]):not([invalid=\"true\"]),\n &[checked=\"true\"]:not([readonly]):not([invalid=\"true\"]),\n &[indeterminate=\"true\"]:not([readonly]) {\n background-color: var(--eds-c-surface-primary--hover);\n }\n }\n\n //radio\n &.eds-input-radio {\n &:checked:not([readonly]):not([invalid=\"true\"]) {\n background-color: var(--eds-c-surface-elevation);\n border-color: var(--eds-c-border-primary--hover);\n }\n }\n }\n}","@use 'sass:map';\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n\n:root {\n --eds-base-line-height: 1.5rem;\n\n // SPACING - eds-sp\n // ---------------\n\n @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n --eds-sp-#{$spacing}: #{$value};\n }\n @each $sizing, $value in dimensions-semantic.$sizing-semantic-map {\n --eds-si-#{$sizing}: #{$value};\n }\n\n \n // BORDER RADIUS - eds-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eds-br-#{$br}: #{$value};\n }\n\n\n // BREAKPOINTS - eds-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-size-map {\n --eds-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eds-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eds-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eds-sh\n // --------------------\n\n --eds-sh-none: none;\n @each $sh, $shDef in maps.$shadow-map {\n --eds-sh-#{$sh}: #{map.get($shDef, 'offset-x') map.get($shDef, 'offset-y') map.get($shDef, 'blur') map.get($shDef, 'spread') map.get($shDef, 'color')};\n }\n\n\n // ICON-SIZES - eds-is\n // -------------------\n\n @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n --eds-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eds-op\n // ----------------\n\n @each $idx, $value in maps.$opacity-map {\n --eds-op-#{$idx}: #{$value};\n }\n}"]}
|
package/dist/eds.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
/*! EDS Reset — minimal reset for evergreen browsers with encapsulated components */*,:after,:before{box-sizing:border-box}[hidden]{display:none}:root{--eds-c-surface-accent:#f2f6ff;--eds-c-surface-selected:#e6edff;--eds-c-surface-skeleton:#e1e1e7;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#ededf0;--eds-c-surface-elevation-inset:#fafafb;--eds-c-surface-elevation:#fff;--eds-c-surface-elevation-raised:#fff;--eds-c-surface-elevation-elevated:#fff;--eds-c-surface-elevation-overlay:#fff;--eds-c-surface-brand:#00002e;--eds-c-on-surface-brand:#fff;--eds-c-surface-brand--hover:#353559;--eds-c-on-surface-brand--hover:#fff;--eds-c-surface-disabled:#e1e1e7;--eds-c-on-surface-disabled:#a0a0b1;--eds-c-surface-disabled-subtle:#f6f6f8;--eds-c-on-surface-disabled-subtle:#a0a0b1;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#d9e3ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-primary-subtler:#f2f6ff;--eds-c-on-surface-primary-subtler:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#00002e;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#00002e;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#00002e;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#00002e;--eds-c-on-surface-inverted:#fff;--eds-c-surface-inverted-subtle:#00002e;--eds-c-on-surface-inverted-subtle:#b9b9c5;--eds-c-surface-inverted-disabled:#00002e;--eds-c-on-surface-inverted-disabled:#696984;--eds-c-surface-neutral:#696984;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#353559;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#353559;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#e1e1e7;--eds-c-on-surface-neutral-subtle:#171740;--eds-c-surface-neutral-subtle--hover:#d4d4dc;--eds-c-on-surface-neutral-subtle--hover:#171740;--eds-c-surface-neutral-subtler:#ededf0;--eds-c-on-surface-neutral-subtler:#171740;--eds-c-surface-neutral-subtler--hover:#e1e1e7;--eds-c-on-surface-neutral-subtler--hover:#171740;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#ebeff7;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-success:#037e4e;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-surface-cm-purple-violet-subtler:#f3f1ff;--eds-c-on-surface-cm-purple-violet-subtler:#4c3f8c;--eds-c-border-cm-purple-violet-subtle:#b1a1ff;--eds-c-surface-cm-purple-subtler:#f4effb;--eds-c-on-surface-cm-purple-subtler:#4f3477;--eds-c-border-cm-purple-subtle:#ccb5ee;--eds-c-surface-cm-blue-navy-subtler:#f0f0f8;--eds-c-on-surface-cm-blue-navy-subtler:#000069;--eds-c-border-cm-blue-navy-subtle:#bfbfe0;--eds-c-surface-cm-blue-electric-subtler:#d9f5fb;--eds-c-on-surface-cm-blue-electric-subtler:#015467;--eds-c-border-cm-blue-electric-subtle:#5bd3ef;--eds-c-surface-cm-green-dark-subtler:#e6f0f0;--eds-c-on-surface-cm-green-dark-subtler:#004d4d;--eds-c-border-cm-green-dark-subtle:#8cbaba;--eds-c-surface-cm-green-pine-subtler:#eff3f3;--eds-c-on-surface-cm-green-pine-subtler:#08323e;--eds-c-border-cm-green-pine-subtle:#b6c6ca;--eds-c-surface-cm-green-subtler:#e6f9f2;--eds-c-on-surface-cm-green-subtler:#037146;--eds-c-border-cm-green-subtle:#8fe5c4;--eds-c-surface-cm-blue-ocean-subtler:#e8f8f6;--eds-c-on-surface-cm-blue-ocean-subtler:#0d6a60;--eds-c-border-cm-blue-ocean-subtle:#97e0d8;--eds-c-surface-cm-green-lemon-subtler:#fafcee;--eds-c-on-surface-cm-green-lemon-subtler:#687429;--eds-c-border-cm-green-lemon-subtle:#cbe250;--eds-c-surface-cm-yellow-gold-subtler:#fffae6;--eds-c-on-surface-cm-yellow-gold-subtler:#6d5800;--eds-c-border-cm-yellow-gold-subtle:#ffe05e;--eds-c-surface-cm-orange-abricot-subtler:#fff9ed;--eds-c-on-surface-cm-orange-abricot-subtler:#78330f;--eds-c-border-cm-orange-abricot-subtle:#ffbe5c;--eds-c-surface-cm-orange-subtler:#fff3e9;--eds-c-on-surface-cm-orange-subtler:#6b3a0d;--eds-c-border-cm-orange-subtle:#ffc998;--eds-c-surface-cm-red-tomato-subtler:#fff0ed;--eds-c-on-surface-cm-red-tomato-subtler:#662a1d;--eds-c-border-cm-red-tomato-subtle:#ff9a86;--eds-c-surface-cm-red-crayola-subtler:#fcebee;--eds-c-on-surface-cm-red-crayola-subtler:#5a1622;--eds-c-border-cm-red-crayola-subtle:#ec798d;--eds-c-surface-cm-warm-grey-subtler:#f6f4f3;--eds-c-on-surface-cm-warm-grey-subtler:#403936;--eds-c-border-cm-warm-grey-subtle:#bfb4af;--eds-c-foreground:#00002e;--eds-c-foreground-subtle:#353559;--eds-c-foreground-subtler:#505070;--eds-c-foreground-placeholder:#696984;--eds-c-foreground-disabled:#84849b;--eds-c-foreground-primary:#0046ff;--eds-c-foreground-success:#037e4e;--eds-c-foreground-info:#00297a;--eds-c-foreground-warning:#8b4c11;--eds-c-foreground-critical:#cb2029;--eds-c-foreground-highlight:#9e4107;--eds-c-foreground-inverted:#fafafb;--eds-c-border:#00002e;--eds-c-border-divider:#d4d4dc;--eds-c-border-disabled:#e1e1e7;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#8cacff;--eds-c-border-primary-subtle:#8cacff;--eds-c-border-primary-subtler:#e6edff;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#a3b6da;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#8fe5c4;--eds-c-border-warning:#e87e1d;--eds-c-border-warning--hover:#ff8a20;--eds-c-border-warning--pressed:#ffa14d;--eds-c-border-warning-subtle:#ffb16a;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#ea6c72;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight--hover:#ffcb7d;--eds-c-border-highlight--pressed:#ffd392;--eds-c-border-highlight-subtle:#ffcb7d;--eds-c-border-inverted:#fafafb;--eds-c-border-inverted-disabled:#84849b;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral--pressed:#505070;--eds-c-border-neutral-subtle:#b9b9c5;--eds-c-border-neutral-subtle--hover:#a0a0b1;--eds-c-link:#0046ff;--eds-c-link--focused:#0046ff;--eds-c-link--hover:#0035bf;--eds-c-link--pressed:#002a99;--eds-c-link--visited:#0035bf;--eds-c-link-inverted:#fff;--eds-c-link-inverted--focused:#fff;--eds-c-link-inverted--hover:#f6f6f8;--eds-c-link-inverted--pressed:#e1e1e7;--eds-c-link-inverted--visited:#fafafb;--eds-c-link-contrast:#00002e;--eds-c-link-contrast--focused:#00002e;--eds-c-link-contrast--hover:#00002e;--eds-c-link-contrast--pressed:#353559;--eds-c-link-contrast--visited:#171740;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#b0c6ff;--eds-c-focus-critical:#e54f57;--eds-c-border-focus:#0046ff;--eds-c-alpha-backdrop-strong:rgba(0,0,46,.6);--eds-c-alpha-backdrop:rgba(0,0,46,.3);--eds-c-alpha-backdrop-subtle:rgba(0,0,46,.1);--eds-c-alpha-backdrop-inverted:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-inverted-subtle:hsla(0,0%,100%,.1)}html.eui-t-dark{--eds-c-surface-accent:#131318;--eds-c-surface-selected:#18181c;--eds-c-surface-skeleton:#18181c;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#000;--eds-c-surface-elevation-inset:#0d0d12;--eds-c-surface-elevation:#131318;--eds-c-surface-elevation-raised:#18181c;--eds-c-surface-elevation-elevated:#1e1e25;--eds-c-surface-elevation-overlay:#24242c;--eds-c-surface-brand:#131318;--eds-c-on-surface-brand:#fff;--eds-c-surface-brand--hover:#0d0d12;--eds-c-on-surface-brand--hover:#fff;--eds-c-surface-disabled:#1e1e25;--eds-c-on-surface-disabled:#6a6a71;--eds-c-surface-disabled-subtle:#18181c;--eds-c-on-surface-disabled-subtle:#6a6a71;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#0035bf;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#002a99;--eds-c-on-surface-primary-subtle:#f2f6ff;--eds-c-surface-primary-subtler:#001959;--eds-c-on-surface-primary-subtler:#f2f6ff;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#471b00;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#471b00;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#471b00;--eds-c-surface-highlight-subtler:#471b00;--eds-c-on-surface-highlight-subtler:#fea439;--eds-c-surface-inverted:#e8e8ea;--eds-c-on-surface-inverted:#0d0d12;--eds-c-surface-inverted-subtle:#e8e8ea;--eds-c-on-surface-inverted-subtle:#0d0d12;--eds-c-surface-inverted-disabled:#e8e8ea;--eds-c-on-surface-inverted-disabled:#8e8e94;--eds-c-surface-neutral:#6a6a71;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#6a6a71;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#2c2c36;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#18181c;--eds-c-on-surface-neutral-subtle:#fff;--eds-c-surface-neutral-subtle--hover:#131318;--eds-c-on-surface-neutral-subtle--hover:#fff;--eds-c-surface-neutral-subtler:#18181c;--eds-c-on-surface-neutral-subtler:#fff;--eds-c-surface-neutral-subtler--hover:#24242c;--eds-c-on-surface-neutral-subtler--hover:#fff;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#7b1319;--eds-c-on-surface-critical-subtle:#fdefef;--eds-c-surface-critical-subtler:#1f0506;--eds-c-on-surface-critical-subtler:#fce9ea;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#039;--eds-c-on-surface-info-subtle:#dee4f2;--eds-c-surface-info-subtler:#001f5c;--eds-c-on-surface-info-subtler:#dee4f2;--eds-c-surface-success:#05c67b;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#037e4e;--eds-c-on-surface-success-subtle:#edfbf6;--eds-c-surface-success-subtler:#02472c;--eds-c-on-surface-success-subtler:#daf6eb;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ba6517;--eds-c-on-surface-warning-subtle:#fff3e8;--eds-c-surface-warning-subtler:#512c0a;--eds-c-on-surface-warning-subtler:#fff3e8;--eds-c-surface-cm-purple-violet-subtler:#372e66;--eds-c-on-surface-cm-purple-violet-subtler:#cabfff;--eds-c-border-cm-purple-violet-subtle:#6352b5;--eds-c-surface-cm-purple-subtler:#392656;--eds-c-on-surface-cm-purple-subtler:#ddcdf3;--eds-c-border-cm-purple-subtle:#66439a;--eds-c-surface-cm-blue-navy-subtler:#00002e;--eds-c-on-surface-cm-blue-navy-subtler:#d9d9ec;--eds-c-border-cm-blue-navy-subtle:#000083;--eds-c-surface-cm-blue-electric-subtler:#014959;--eds-c-on-surface-cm-blue-electric-subtler:#b1eaf7;--eds-c-border-cm-blue-electric-subtle:#02708a;--eds-c-surface-cm-green-dark-subtler:#003a3a;--eds-c-on-surface-cm-green-dark-subtler:#b0d0d0;--eds-c-border-cm-green-dark-subtle:#005252;--eds-c-surface-cm-green-pine-subtler:#082d37;--eds-c-on-surface-cm-green-pine-subtler:#ced8db;--eds-c-border-cm-green-pine-subtle:#0a3f4d;--eds-c-surface-cm-green-subtler:#037146;--eds-c-on-surface-cm-green-subtler:#b2edd6;--eds-c-border-cm-green-subtle:#049e62;--eds-c-surface-cm-blue-ocean-subtler:#0d6a60;--eds-c-on-surface-cm-blue-ocean-subtler:#b7eae4;--eds-c-border-cm-blue-ocean-subtle:#139586;--eds-c-surface-cm-green-lemon-subtler:#687429;--eds-c-on-surface-cm-green-lemon-subtler:#eff6c9;--eds-c-border-cm-green-lemon-subtle:#a2b540;--eds-c-surface-cm-yellow-gold-subtler:#6d5800;--eds-c-on-surface-cm-yellow-gold-subtler:#ffea91;--eds-c-border-cm-yellow-gold-subtle:#b59200;--eds-c-surface-cm-orange-abricot-subtler:#78330f;--eds-c-on-surface-cm-orange-abricot-subtler:#ffdfa9;--eds-c-border-cm-orange-abricot-subtle:#c55109;--eds-c-surface-cm-orange-subtler:#66370c;--eds-c-on-surface-cm-orange-subtler:#ffdbba;--eds-c-border-cm-orange-subtle:#b56217;--eds-c-surface-cm-red-tomato-subtler:#662a1d;--eds-c-on-surface-cm-red-tomato-subtler:#ffbaac;--eds-c-border-cm-red-tomato-subtle:#b54a35;--eds-c-surface-cm-red-crayola-subtler:#5a1622;--eds-c-on-surface-cm-red-crayola-subtler:#f2a3b1;--eds-c-border-cm-red-crayola-subtle:#a1273c;--eds-c-surface-cm-warm-grey-subtler:#403936;--eds-c-on-surface-cm-warm-grey-subtler:#d3cbc8;--eds-c-border-cm-warm-grey-subtle:#726660;--eds-c-foreground:#f4f4f5;--eds-c-foreground-subtle:#d1d1d4;--eds-c-foreground-subtler:#b4b4b9;--eds-c-foreground-placeholder:#8e8e94;--eds-c-foreground-disabled:#6a6a71;--eds-c-foreground-primary:#8cacff;--eds-c-foreground-success:#05c67b;--eds-c-foreground-info:#859dce;--eds-c-foreground-warning:#ff8a20;--eds-c-foreground-critical:#e54f57;--eds-c-foreground-highlight:#fc8713;--eds-c-foreground-inverted:#0d0d12;--eds-c-border:#f6f6f8;--eds-c-border-divider:#2c2c36;--eds-c-border-disabled:#1e1e25;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#002a99;--eds-c-border-primary-subtle:#002a99;--eds-c-border-primary-subtler:#001f73;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#00297a;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#025f3b;--eds-c-border-warning:#e87e1d;--eds-c-border-warning-subtle:#68390d;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#5a0e12;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight-subtle:#fea439;--eds-c-border-inverted:#131318;--eds-c-border-inverted-disabled:#18181c;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral-subtle:#6a6a71;--eds-c-border-neutral-subtle--hover:#2c2c36;--eds-c-link:#8cacff;--eds-c-link--focused:#8cacff;--eds-c-link--hover:#5987ff;--eds-c-link--pressed:#0046ff;--eds-c-link--visited:#5987ff;--eds-c-link-inverted:#0046ff;--eds-c-link-inverted--focused:#0046ff;--eds-c-link-inverted--hover:#0035bf;--eds-c-link-inverted--pressed:#002a99;--eds-c-link-inverted--visited:#0035bf;--eds-c-link-contrast:#fff;--eds-c-link-contrast--focused:#fff;--eds-c-link-contrast--hover:#e8e8ea;--eds-c-link-contrast--pressed:#b4b4b9;--eds-c-link-contrast--visited:#f4f4f5;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#002a99;--eds-c-focus-critical:#cb2029;--eds-c-border-focus:#0046ff;--eds-c-alpha-backdrop-strong:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-subtle:hsla(0,0%,100%,.1);--eds-c-alpha-backdrop-inverted:rgba(13,13,18,.3);--eds-c-alpha-backdrop-inverted-subtle:rgba(13,13,18,.1)}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/eds-styles/dist/assets/fonts/inter/InterVariable.woff2) format("woff2")}@font-face{font-display:block;font-family:Inter;font-style:italic;font-weight:100 900;src:url(@eui/eds-styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eds-f-s-base:16px;--eds-f-family:"Inter",arial,sans-serif;--eds-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eds-f-s-9xl:6rem;--eds-f-s-8xl:4rem;--eds-f-s-7xl:3.25rem;--eds-f-s-6xl:2.75rem;--eds-f-s-5xl:2.25rem;--eds-f-s-4xl:1.75rem;--eds-f-s-3xl:1.5rem;--eds-f-s-2xl:1.375rem;--eds-f-s-xl:1.25rem;--eds-f-s-l:1.125rem;--eds-f-s-m:1rem;--eds-f-s-s:0.875rem;--eds-f-s-xs:0.75rem;--eds-f-s-2xs:0.625rem;--eds-f-lh-10xl:6rem;--eds-f-lh-9xl:4rem;--eds-f-lh-8xl:3.75rem;--eds-f-lh-7xl:3.5rem;--eds-f-lh-6xl:3.25rem;--eds-f-lh-5xl:3rem;--eds-f-lh-4xl:2.75rem;--eds-f-lh-3xl:2.5rem;--eds-f-lh-2xl:2.25rem;--eds-f-lh-xl:2rem;--eds-f-lh-l:1.75rem;--eds-f-lh-m:1.5rem;--eds-f-lh-s:1.25rem;--eds-f-lh-xs:1rem;--eds-f-lh-2xs:0.75rem;--eds-f-w-light:300;--eds-f-w-regular:400;--eds-f-w-medium:500;--eds-f-w-semibold:600;--eds-f-w-bold:700;--eds-f-ls-9xl:-2%;--eds-f-ls-8xl:-2%;--eds-f-ls-7xl:-2%;--eds-f-ls-6xl:-1%;--eds-f-ls-5xl:-1%;--eds-f-ls-4xl:-1%;--eds-f-ls-3xl:-1%;--eds-f-ls-2xl:normal;--eds-f-ls-xl:normal;--eds-f-ls-l:normal;--eds-f-ls-m:normal;--eds-f-ls-s:normal;--eds-f-ls-xs:normal;--eds-f-ls-2xs:normal;--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-9xl)/var(--eds-f-lh-10xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-6xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semibold) var(--eds-f-s-3xl)/var(--eds-f-lh-xl) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semibold) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-3xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-l-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-l-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-label-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-microcopy-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-microcopy-m-semibold:normal normal var(--eds-f-w-semibold) var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-placeholder-m:normal normal var(--eds-f-w-light) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-placeholder-s:normal normal var(--eds-f-w-light) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-supportive-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family);--eds-f-supportive-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family)}@media screen and (min-width:768px) and (max-width:1139px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-7xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-2xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semibold) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semibold) var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xl)/var(--eds-f-lh-xl) var(--eds-f-family)}}@media screen and (max-width:767px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-6xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-5xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semibold) var(--eds-f-s-2xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semibold) var(--eds-f-s-xl)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semibold) var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semibold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family)}}:root{--eds-base-line-height:1.5rem;--eds-sp-none:0rem;--eds-sp-5xs:0.0625rem;--eds-sp-4xs:0.125rem;--eds-sp-3xs:0.25rem;--eds-sp-2xs:0.375rem;--eds-sp-xs:0.5rem;--eds-sp-s:0.75rem;--eds-sp-m:1rem;--eds-sp-l:1.25rem;--eds-sp-xl:1.5rem;--eds-sp-2xl:1.75rem;--eds-sp-3xl:2rem;--eds-sp-4xl:2.25rem;--eds-sp-5xl:2.5rem;--eds-sp-6xl:2.75rem;--eds-sp-7xl:3rem;--eds-sp-8xl:3.25rem;--eds-sp-9xl:3.5rem;--eds-sp-10xl:3.75rem;--eds-sp-11xl:4rem;--eds-si-none:0rem;--eds-si-3xs:0.125rem;--eds-si-2xs:0.25rem;--eds-si-xs:0.5rem;--eds-si-s:0.75rem;--eds-si-m:1rem;--eds-si-l:1.25rem;--eds-si-xl:1.5rem;--eds-si-2xl:1.75rem;--eds-si-3xl:2rem;--eds-si-4xl:2.5rem;--eds-si-5xl:2.75rem;--eds-si-6xl:3rem;--eds-si-7xl:3.5rem;--eds-si-8xl:3.75rem;--eds-si-9xl:4rem;--eds-br-none:0;--eds-br-xs:2px;--eds-br-s:4px;--eds-br-m:8px;--eds-br-l:12px;--eds-br-full:9999px;--eds-bp-xs:480px;--eds-bp-s:768px;--eds-bp-m:996px;--eds-bp-l:1140px;--eds-bp-xl:1440px;--eds-bp-2xl:1600px;--eds-bw-none:0;--eds-bw-xs:1px;--eds-bw-s:2px;--eds-bw-m:4px;--eds-sh-none:none;--eds-sh-1:0px 6px 12px 0px rgba(0,0,46,.08);--eds-sh-2:0px 10px 22px 0px rgba(0,0,46,.1);--eds-sh-3:0px 12px 32px 0px rgba(0,0,46,.12);--eds-sh-4:0px 14px 42px 0px rgba(0,0,46,.14);--eds-is-3xs:0.5rem;--eds-is-2xs:0.75rem;--eds-is-xs:1rem;--eds-is-s:1.25rem;--eds-is-m:1.5rem;--eds-is-l:2rem;--eds-is-xl:2.5rem;--eds-is-2xl:3rem;--eds-is-3xl:3.5rem;--eds-is-4xl:4rem;--eds-op-none:0;--eds-op-10:0.1;--eds-op-20:0.2;--eds-op-30:0.3;--eds-op-40:0.4;--eds-op-50:0.5;--eds-op-60:0.6;--eds-op-70:0.7;--eds-op-80:0.8;--eds-op-90:0.9;--eds-op-100:1}html{display:block;font-size:var(--eds-f-s-base)}body,html{height:100%;line-height:var(--eds-base-line-height)}body{background-color:var(--eds-c-surface-elevation);color:var(--eds-c-foreground);font-family:var(--eds-f-family);font-feature-settings:"liga";font-size:var(--eds-f-s-base);-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;margin:0;text-align:start;text-rendering:optimizeLegibility}.eui-21 table.eds-table-default{background-color:transparent;border-collapse:collapse;border-spacing:0;color:var(--eds-c-foreground);max-width:100%;overflow:auto;position:relative}.eui-21 table.eds-table-default td:first-child,.eui-21 table.eds-table-default th:first-child{border-left:0}.eui-21 table.eds-table-default td:last-child,.eui-21 table.eds-table-default th:last-child{border-right:0}.eui-21 table.eds-table-default tbody>tr>td,.eui-21 table.eds-table-default tfoot>tr>td,.eui-21 table.eds-table-default thead>tr>th{vertical-align:middle}.eui-21 table.eds-table-default tr>td,.eui-21 table.eds-table-default tr>th{padding:var(--eds-sp-s);text-align:left}.eui-21 table.eds-table-default thead th{color:var(--eds-c-foreground-default);font:var(--eds-f-label-m-semibold);padding:var(--eds-sp-m) var(--eds-sp-s);vertical-align:middle}.eui-21 table.eds-table-default thead tr{background:var(--eds-c-surface-elevation);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-top:0}.eui-21 table.eds-table-default tbody tr:nth-of-type(odd){background-color:transparent}.eui-21 table.eds-table-default tbody tr:nth-of-type(odd):hover{background-color:var(--eds-c-surface-hover)}.eui-21 table.eds-table-default tbody tr:nth-of-type(2n){background-color:var(--eds-c-surface-elevation)}.eui-21 table.eds-table-default tbody tr:nth-of-type(2n):hover{background-color:var(--eds-c-surface-hover)}.eui-21 table.eds-table-default tfoot tr{background:var(--eds-c-surface-elevation)}.eui-21 table.eds-table-default tr{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:table-row}.eui-21 table.eds-table-default--no-zebra tbody tr:nth-of-type(2n),.eui-21 table.eds-table-default--no-zebra tbody tr:nth-of-type(odd){background-color:transparent}.eui-21 table.eds-table-default--compact thead th{padding:var(--eds-sp-xs) var(--eds-sp-s)}.eui-21 table.eds-table-default--compact tr>td{padding:var(--eds-sp-3xs) var(--eds-sp-s)}.eui-21 table.eds-table-default--responsive{display:table;width:100%}.eui-21 table.eds-table-default--responsive--bordered{border:0}.eui-21 table.eds-table-default--nowrap,.eui-21 table.eds-table-default--nowrap tbody>tr>td,.eui-21 table.eds-table-default--nowrap tfoot>tr>td,.eui-21 table.eds-table-default--nowrap thead>tr>th{white-space:nowrap}.eui-21 table.eds-table-default--centered{display:table;margin:0 auto;width:auto}.eui-21 table.eds-table-default--align-middle tbody>tr>td,.eui-21 table.eds-table-default--align-middle tfoot>tr>td,.eui-21 table.eds-table-default--align-middle thead>tr>th{vertical-align:middle}@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}
|
|
2
|
+
/*! EDS Reset — minimal reset for evergreen browsers with encapsulated components */*,:after,:before{box-sizing:border-box}[hidden]{display:none}:root{--eds-c-surface-accent:#f2f6ff;--eds-c-surface-selected:#e6edff;--eds-c-surface-skeleton:#e1e1e7;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#ededf0;--eds-c-surface-elevation-inset:#fafafb;--eds-c-surface-elevation:#fff;--eds-c-surface-elevation-raised:#fff;--eds-c-surface-elevation-elevated:#fff;--eds-c-surface-elevation-overlay:#fff;--eds-c-surface-brand:#00002e;--eds-c-on-surface-brand:#fff;--eds-c-surface-brand--hover:#353559;--eds-c-on-surface-brand--hover:#fff;--eds-c-surface-disabled:#e1e1e7;--eds-c-on-surface-disabled:#a0a0b1;--eds-c-surface-disabled-subtle:#f6f6f8;--eds-c-on-surface-disabled-subtle:#a0a0b1;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#d9e3ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-primary-subtler:#f2f6ff;--eds-c-on-surface-primary-subtler:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#00002e;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#00002e;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#00002e;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#00002e;--eds-c-on-surface-inverted:#fff;--eds-c-surface-inverted--hover:#353559;--eds-c-on-surface-inverted--hover:#fff;--eds-c-surface-inverted--pressed:#505070;--eds-c-on-surface-inverted--pressed:#fff;--eds-c-surface-inverted-subtle:#00002e;--eds-c-on-surface-inverted-subtle:#b9b9c5;--eds-c-surface-inverted-disabled:#00002e;--eds-c-on-surface-inverted-disabled:#696984;--eds-c-surface-neutral:#696984;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#353559;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#353559;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#e1e1e7;--eds-c-on-surface-neutral-subtle:#171740;--eds-c-surface-neutral-subtle--hover:#d4d4dc;--eds-c-on-surface-neutral-subtle--hover:#171740;--eds-c-surface-neutral-subtler:#ededf0;--eds-c-on-surface-neutral-subtler:#171740;--eds-c-surface-neutral-subtler--hover:#e1e1e7;--eds-c-on-surface-neutral-subtler--hover:#171740;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#ebeff7;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-success:#037e4e;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-surface-cm-purple-violet-subtler:#f3f1ff;--eds-c-on-surface-cm-purple-violet-subtler:#4c3f8c;--eds-c-border-cm-purple-violet-subtle:#b1a1ff;--eds-c-surface-cm-purple-subtler:#f4effb;--eds-c-on-surface-cm-purple-subtler:#4f3477;--eds-c-border-cm-purple-subtle:#ccb5ee;--eds-c-surface-cm-blue-navy-subtler:#f0f0f8;--eds-c-on-surface-cm-blue-navy-subtler:#000069;--eds-c-border-cm-blue-navy-subtle:#bfbfe0;--eds-c-surface-cm-blue-electric-subtler:#d9f5fb;--eds-c-on-surface-cm-blue-electric-subtler:#015467;--eds-c-border-cm-blue-electric-subtle:#5bd3ef;--eds-c-surface-cm-green-dark-subtler:#e6f0f0;--eds-c-on-surface-cm-green-dark-subtler:#004d4d;--eds-c-border-cm-green-dark-subtle:#8cbaba;--eds-c-surface-cm-green-pine-subtler:#eff3f3;--eds-c-on-surface-cm-green-pine-subtler:#08323e;--eds-c-border-cm-green-pine-subtle:#b6c6ca;--eds-c-surface-cm-green-subtler:#e6f9f2;--eds-c-on-surface-cm-green-subtler:#037146;--eds-c-border-cm-green-subtle:#8fe5c4;--eds-c-surface-cm-blue-ocean-subtler:#e8f8f6;--eds-c-on-surface-cm-blue-ocean-subtler:#0d6a60;--eds-c-border-cm-blue-ocean-subtle:#97e0d8;--eds-c-surface-cm-green-lemon-subtler:#fafcee;--eds-c-on-surface-cm-green-lemon-subtler:#687429;--eds-c-border-cm-green-lemon-subtle:#cbe250;--eds-c-surface-cm-yellow-gold-subtler:#fffae6;--eds-c-on-surface-cm-yellow-gold-subtler:#6d5800;--eds-c-border-cm-yellow-gold-subtle:#ffe05e;--eds-c-surface-cm-orange-abricot-subtler:#fff9ed;--eds-c-on-surface-cm-orange-abricot-subtler:#78330f;--eds-c-border-cm-orange-abricot-subtle:#ffbe5c;--eds-c-surface-cm-orange-subtler:#fff3e9;--eds-c-on-surface-cm-orange-subtler:#6b3a0d;--eds-c-border-cm-orange-subtle:#ffc998;--eds-c-surface-cm-red-tomato-subtler:#fff0ed;--eds-c-on-surface-cm-red-tomato-subtler:#662a1d;--eds-c-border-cm-red-tomato-subtle:#ff9a86;--eds-c-surface-cm-red-crayola-subtler:#fcebee;--eds-c-on-surface-cm-red-crayola-subtler:#5a1622;--eds-c-border-cm-red-crayola-subtle:#ec798d;--eds-c-surface-cm-warm-grey-subtler:#f6f4f3;--eds-c-on-surface-cm-warm-grey-subtler:#403936;--eds-c-border-cm-warm-grey-subtle:#bfb4af;--eds-c-foreground:#00002e;--eds-c-foreground-subtle:#353559;--eds-c-foreground-subtler:#505070;--eds-c-foreground-placeholder:#696984;--eds-c-foreground-disabled:#84849b;--eds-c-foreground-primary:#0046ff;--eds-c-foreground-success:#037e4e;--eds-c-foreground-info:#00297a;--eds-c-foreground-warning:#8b4c11;--eds-c-foreground-critical:#cb2029;--eds-c-foreground-highlight:#9e4107;--eds-c-foreground-inverted:#fafafb;--eds-c-border:#00002e;--eds-c-border-divider:#d4d4dc;--eds-c-border-disabled:#e1e1e7;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#8cacff;--eds-c-border-primary-subtle:#8cacff;--eds-c-border-primary-subtler:#e6edff;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#a3b6da;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#8fe5c4;--eds-c-border-warning:#e87e1d;--eds-c-border-warning--hover:#ff8a20;--eds-c-border-warning--pressed:#ffa14d;--eds-c-border-warning-subtle:#ffb16a;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#ea6c72;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight--hover:#ffcb7d;--eds-c-border-highlight--pressed:#ffd392;--eds-c-border-highlight-subtle:#ffcb7d;--eds-c-border-inverted:#fafafb;--eds-c-border-inverted-disabled:#84849b;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral--pressed:#505070;--eds-c-border-neutral-subtle:#b9b9c5;--eds-c-border-neutral-subtle--hover:#a0a0b1;--eds-c-link:#0046ff;--eds-c-link--focused:#0046ff;--eds-c-link--hover:#0035bf;--eds-c-link--pressed:#002a99;--eds-c-link--visited:#0035bf;--eds-c-link-inverted:#fff;--eds-c-link-inverted--focused:#fff;--eds-c-link-inverted--hover:#f6f6f8;--eds-c-link-inverted--pressed:#e1e1e7;--eds-c-link-inverted--visited:#fafafb;--eds-c-link-contrast:#00002e;--eds-c-link-contrast--focused:#00002e;--eds-c-link-contrast--hover:#00002e;--eds-c-link-contrast--pressed:#353559;--eds-c-link-contrast--visited:#171740;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#b0c6ff;--eds-c-focus-critical:#e54f57;--eds-c-border-focus:#0046ff;--eds-c-alpha-backdrop-strong:rgba(0,0,46,.6);--eds-c-alpha-backdrop:rgba(0,0,46,.3);--eds-c-alpha-backdrop-subtle:rgba(0,0,46,.1);--eds-c-alpha-backdrop-inverted:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-inverted-subtle:hsla(0,0%,100%,.1)}html.eui-t-dark{--eds-c-surface-accent:#131318;--eds-c-surface-selected:#18181c;--eds-c-surface-skeleton:#18181c;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#000;--eds-c-surface-elevation-inset:#0d0d12;--eds-c-surface-elevation:#131318;--eds-c-surface-elevation-raised:#18181c;--eds-c-surface-elevation-elevated:#1e1e25;--eds-c-surface-elevation-overlay:#24242c;--eds-c-surface-brand:#131318;--eds-c-on-surface-brand:#fff;--eds-c-surface-brand--hover:#0d0d12;--eds-c-on-surface-brand--hover:#fff;--eds-c-surface-disabled:#1e1e25;--eds-c-on-surface-disabled:#6a6a71;--eds-c-surface-disabled-subtle:#18181c;--eds-c-on-surface-disabled-subtle:#6a6a71;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#0035bf;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#002a99;--eds-c-on-surface-primary-subtle:#f2f6ff;--eds-c-surface-primary-subtler:#001959;--eds-c-on-surface-primary-subtler:#f2f6ff;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#471b00;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#471b00;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#471b00;--eds-c-surface-highlight-subtler:#471b00;--eds-c-on-surface-highlight-subtler:#fea439;--eds-c-surface-inverted:#e8e8ea;--eds-c-on-surface-inverted:#0d0d12;--eds-c-surface-inverted-subtle:#e8e8ea;--eds-c-on-surface-inverted-subtle:#0d0d12;--eds-c-surface-inverted-disabled:#e8e8ea;--eds-c-on-surface-inverted-disabled:#8e8e94;--eds-c-surface-neutral:#6a6a71;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#6a6a71;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#2c2c36;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#18181c;--eds-c-on-surface-neutral-subtle:#fff;--eds-c-surface-neutral-subtle--hover:#131318;--eds-c-on-surface-neutral-subtle--hover:#fff;--eds-c-surface-neutral-subtler:#18181c;--eds-c-on-surface-neutral-subtler:#fff;--eds-c-surface-neutral-subtler--hover:#24242c;--eds-c-on-surface-neutral-subtler--hover:#fff;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#7b1319;--eds-c-on-surface-critical-subtle:#fdefef;--eds-c-surface-critical-subtler:#1f0506;--eds-c-on-surface-critical-subtler:#fce9ea;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#039;--eds-c-on-surface-info-subtle:#dee4f2;--eds-c-surface-info-subtler:#001f5c;--eds-c-on-surface-info-subtler:#dee4f2;--eds-c-surface-success:#05c67b;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#037e4e;--eds-c-on-surface-success-subtle:#edfbf6;--eds-c-surface-success-subtler:#02472c;--eds-c-on-surface-success-subtler:#daf6eb;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ba6517;--eds-c-on-surface-warning-subtle:#fff3e8;--eds-c-surface-warning-subtler:#512c0a;--eds-c-on-surface-warning-subtler:#fff3e8;--eds-c-surface-cm-purple-violet-subtler:#372e66;--eds-c-on-surface-cm-purple-violet-subtler:#cabfff;--eds-c-border-cm-purple-violet-subtle:#6352b5;--eds-c-surface-cm-purple-subtler:#392656;--eds-c-on-surface-cm-purple-subtler:#ddcdf3;--eds-c-border-cm-purple-subtle:#66439a;--eds-c-surface-cm-blue-navy-subtler:#00002e;--eds-c-on-surface-cm-blue-navy-subtler:#d9d9ec;--eds-c-border-cm-blue-navy-subtle:#000083;--eds-c-surface-cm-blue-electric-subtler:#014959;--eds-c-on-surface-cm-blue-electric-subtler:#b1eaf7;--eds-c-border-cm-blue-electric-subtle:#02708a;--eds-c-surface-cm-green-dark-subtler:#003a3a;--eds-c-on-surface-cm-green-dark-subtler:#b0d0d0;--eds-c-border-cm-green-dark-subtle:#005252;--eds-c-surface-cm-green-pine-subtler:#082d37;--eds-c-on-surface-cm-green-pine-subtler:#ced8db;--eds-c-border-cm-green-pine-subtle:#0a3f4d;--eds-c-surface-cm-green-subtler:#037146;--eds-c-on-surface-cm-green-subtler:#b2edd6;--eds-c-border-cm-green-subtle:#049e62;--eds-c-surface-cm-blue-ocean-subtler:#0d6a60;--eds-c-on-surface-cm-blue-ocean-subtler:#b7eae4;--eds-c-border-cm-blue-ocean-subtle:#139586;--eds-c-surface-cm-green-lemon-subtler:#687429;--eds-c-on-surface-cm-green-lemon-subtler:#eff6c9;--eds-c-border-cm-green-lemon-subtle:#a2b540;--eds-c-surface-cm-yellow-gold-subtler:#6d5800;--eds-c-on-surface-cm-yellow-gold-subtler:#ffea91;--eds-c-border-cm-yellow-gold-subtle:#b59200;--eds-c-surface-cm-orange-abricot-subtler:#78330f;--eds-c-on-surface-cm-orange-abricot-subtler:#ffdfa9;--eds-c-border-cm-orange-abricot-subtle:#c55109;--eds-c-surface-cm-orange-subtler:#66370c;--eds-c-on-surface-cm-orange-subtler:#ffdbba;--eds-c-border-cm-orange-subtle:#b56217;--eds-c-surface-cm-red-tomato-subtler:#662a1d;--eds-c-on-surface-cm-red-tomato-subtler:#ffbaac;--eds-c-border-cm-red-tomato-subtle:#b54a35;--eds-c-surface-cm-red-crayola-subtler:#5a1622;--eds-c-on-surface-cm-red-crayola-subtler:#f2a3b1;--eds-c-border-cm-red-crayola-subtle:#a1273c;--eds-c-surface-cm-warm-grey-subtler:#403936;--eds-c-on-surface-cm-warm-grey-subtler:#d3cbc8;--eds-c-border-cm-warm-grey-subtle:#726660;--eds-c-foreground:#f4f4f5;--eds-c-foreground-subtle:#d1d1d4;--eds-c-foreground-subtler:#b4b4b9;--eds-c-foreground-placeholder:#8e8e94;--eds-c-foreground-disabled:#6a6a71;--eds-c-foreground-primary:#8cacff;--eds-c-foreground-success:#05c67b;--eds-c-foreground-info:#859dce;--eds-c-foreground-warning:#ff8a20;--eds-c-foreground-critical:#e54f57;--eds-c-foreground-highlight:#fc8713;--eds-c-foreground-inverted:#0d0d12;--eds-c-border:#f6f6f8;--eds-c-border-divider:#2c2c36;--eds-c-border-disabled:#1e1e25;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#002a99;--eds-c-border-primary-subtle:#002a99;--eds-c-border-primary-subtler:#001f73;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#00297a;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#025f3b;--eds-c-border-warning:#e87e1d;--eds-c-border-warning-subtle:#68390d;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#5a0e12;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight-subtle:#fea439;--eds-c-border-inverted:#131318;--eds-c-border-inverted-disabled:#18181c;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral-subtle:#6a6a71;--eds-c-border-neutral-subtle--hover:#2c2c36;--eds-c-link:#8cacff;--eds-c-link--focused:#8cacff;--eds-c-link--hover:#5987ff;--eds-c-link--pressed:#0046ff;--eds-c-link--visited:#5987ff;--eds-c-link-inverted:#0046ff;--eds-c-link-inverted--focused:#0046ff;--eds-c-link-inverted--hover:#0035bf;--eds-c-link-inverted--pressed:#002a99;--eds-c-link-inverted--visited:#0035bf;--eds-c-link-contrast:#fff;--eds-c-link-contrast--focused:#fff;--eds-c-link-contrast--hover:#e8e8ea;--eds-c-link-contrast--pressed:#b4b4b9;--eds-c-link-contrast--visited:#f4f4f5;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#002a99;--eds-c-focus-critical:#cb2029;--eds-c-border-focus:#0046ff;--eds-c-alpha-backdrop-strong:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-subtle:hsla(0,0%,100%,.1);--eds-c-alpha-backdrop-inverted:rgba(13,13,18,.3);--eds-c-alpha-backdrop-inverted-subtle:rgba(13,13,18,.1)}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/eds-styles/dist/assets/fonts/inter/InterVariable.woff2) format("woff2")}@font-face{font-display:block;font-family:Inter;font-style:italic;font-weight:100 900;src:url(@eui/eds-styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eds-f-s-base:16px;--eds-f-family:"Inter",arial,sans-serif;--eds-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eds-f-s-9xl:6rem;--eds-f-s-8xl:4rem;--eds-f-s-7xl:3.25rem;--eds-f-s-6xl:2.75rem;--eds-f-s-5xl:2.25rem;--eds-f-s-4xl:1.75rem;--eds-f-s-3xl:1.5rem;--eds-f-s-2xl:1.375rem;--eds-f-s-xl:1.25rem;--eds-f-s-l:1.125rem;--eds-f-s-m:1rem;--eds-f-s-s:0.875rem;--eds-f-s-xs:0.75rem;--eds-f-s-2xs:0.625rem;--eds-f-lh-10xl:6rem;--eds-f-lh-9xl:4rem;--eds-f-lh-8xl:3.75rem;--eds-f-lh-7xl:3.5rem;--eds-f-lh-6xl:3.25rem;--eds-f-lh-5xl:3rem;--eds-f-lh-4xl:2.75rem;--eds-f-lh-3xl:2.5rem;--eds-f-lh-2xl:2.25rem;--eds-f-lh-xl:2rem;--eds-f-lh-l:1.75rem;--eds-f-lh-m:1.5rem;--eds-f-lh-s:1.25rem;--eds-f-lh-xs:1rem;--eds-f-lh-2xs:0.75rem;--eds-f-w-light:300;--eds-f-w-regular:400;--eds-f-w-medium:500;--eds-f-w-semibold:600;--eds-f-w-bold:700;--eds-f-ls-9xl:-2%;--eds-f-ls-8xl:-2%;--eds-f-ls-7xl:-2%;--eds-f-ls-6xl:-1%;--eds-f-ls-5xl:-1%;--eds-f-ls-4xl:-1%;--eds-f-ls-3xl:-1%;--eds-f-ls-2xl:0;--eds-f-ls-xl:0;--eds-f-ls-l:0;--eds-f-ls-m:0;--eds-f-ls-s:0;--eds-f-ls-xs:0;--eds-f-ls-2xs:0;--eds-f-display-xl:var(--eds-f-s-9xl)/var(--eds-f-lh-10xl) var(--eds-f-family);--eds-f-display-l:var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-heading-2xl:var(--eds-f-s-6xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-xl:var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-l:var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-m:var(--eds-f-s-3xl)/var(--eds-f-lh-xl) var(--eds-f-family);--eds-f-heading-s:var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-xs:var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-l:var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-m:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-s:var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-microcopy-m:var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-paragraph-xl:var(--eds-f-s-3xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-paragraph-l:var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-m:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-s:var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-placeholder-m:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-placeholder-s:var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-supportive-m:var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family)}@media screen and (min-width:768px) and (max-width:1139px){:root{--eds-f-display-xl:var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-display-l:var(--eds-f-s-7xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-2xl:var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-xl:var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-l:var(--eds-f-s-2xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-m:var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s:var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-xs:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:var(--eds-f-s-2xl)/var(--eds-f-lh-xl) var(--eds-f-family)}}@media screen and (max-width:767px){:root{--eds-f-display-xl:var(--eds-f-s-6xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-display-l:var(--eds-f-s-5xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-2xl:var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-xl:var(--eds-f-s-2xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-l:var(--eds-f-s-xl)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-m:var(--eds-f-s-l)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-heading-s:var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family)}}:root{--eds-base-line-height:1.5rem;--eds-sp-none:0rem;--eds-sp-5xs:0.0625rem;--eds-sp-4xs:0.125rem;--eds-sp-3xs:0.25rem;--eds-sp-2xs:0.375rem;--eds-sp-xs:0.5rem;--eds-sp-s:0.75rem;--eds-sp-m:1rem;--eds-sp-l:1.25rem;--eds-sp-xl:1.5rem;--eds-sp-2xl:1.75rem;--eds-sp-3xl:2rem;--eds-sp-4xl:2.25rem;--eds-sp-5xl:2.5rem;--eds-sp-6xl:2.75rem;--eds-sp-7xl:3rem;--eds-sp-8xl:3.25rem;--eds-sp-9xl:3.5rem;--eds-sp-10xl:3.75rem;--eds-sp-11xl:4rem;--eds-si-none:0rem;--eds-si-3xs:0.125rem;--eds-si-2xs:0.25rem;--eds-si-xs:0.5rem;--eds-si-s:0.75rem;--eds-si-m:1rem;--eds-si-l:1.25rem;--eds-si-xl:1.5rem;--eds-si-2xl:1.75rem;--eds-si-3xl:2rem;--eds-si-4xl:2.5rem;--eds-si-5xl:2.75rem;--eds-si-6xl:3rem;--eds-si-7xl:3.5rem;--eds-si-8xl:3.75rem;--eds-si-9xl:4rem;--eds-br-none:0;--eds-br-xs:2px;--eds-br-s:4px;--eds-br-m:8px;--eds-br-l:12px;--eds-br-full:9999px;--eds-bp-xs:480px;--eds-bp-s:768px;--eds-bp-m:996px;--eds-bp-l:1140px;--eds-bp-xl:1440px;--eds-bp-2xl:1600px;--eds-bw-none:0;--eds-bw-xs:1px;--eds-bw-s:2px;--eds-bw-m:4px;--eds-sh-none:none;--eds-sh-1:0px 6px 12px 0px rgba(0,0,46,.08);--eds-sh-2:0px 10px 22px 0px rgba(0,0,46,.1);--eds-sh-3:0px 12px 32px 0px rgba(0,0,46,.12);--eds-sh-4:0px 14px 42px 0px rgba(0,0,46,.14);--eds-is-3xs:0.5rem;--eds-is-2xs:0.75rem;--eds-is-xs:1rem;--eds-is-s:1.25rem;--eds-is-m:1.5rem;--eds-is-l:2rem;--eds-is-xl:2.5rem;--eds-is-2xl:3rem;--eds-is-3xl:3.5rem;--eds-is-4xl:4rem;--eds-op-none:0;--eds-op-10:0.1;--eds-op-20:0.2;--eds-op-30:0.3;--eds-op-40:0.4;--eds-op-50:0.5;--eds-op-60:0.6;--eds-op-70:0.7;--eds-op-80:0.8;--eds-op-90:0.9;--eds-op-100:1}html{display:block;font-size:var(--eds-f-s-base)}body,html{height:100%;line-height:var(--eds-base-line-height)}body{background-color:var(--eds-c-surface-elevation);color:var(--eds-c-foreground);font-family:var(--eds-f-family);font-feature-settings:"liga";font-size:var(--eds-f-s-base);-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;margin:0;text-align:start;text-rendering:optimizeLegibility}.eui-21 table.eds-table-default{background-color:transparent;border-collapse:collapse;border-spacing:0;color:var(--eds-c-foreground);max-width:100%;overflow:auto;position:relative}.eui-21 table.eds-table-default td:first-child,.eui-21 table.eds-table-default th:first-child{border-left:0}.eui-21 table.eds-table-default td:last-child,.eui-21 table.eds-table-default th:last-child{border-right:0}.eui-21 table.eds-table-default tbody>tr>td,.eui-21 table.eds-table-default tfoot>tr>td,.eui-21 table.eds-table-default thead>tr>th{vertical-align:middle}.eui-21 table.eds-table-default tr>td,.eui-21 table.eds-table-default tr>th{padding:var(--eds-sp-s);text-align:left}.eui-21 table.eds-table-default thead th{color:var(--eds-c-foreground-default);font:var(--eds-f-label-m);font-weight:var(--eds-f-w-semibold);padding:var(--eds-sp-m) var(--eds-sp-s);vertical-align:middle}.eui-21 table.eds-table-default thead tr{background:var(--eds-c-surface-elevation);border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);border-top:0}.eui-21 table.eds-table-default tbody tr:nth-of-type(odd){background-color:transparent}.eui-21 table.eds-table-default tbody tr:nth-of-type(odd):hover{background-color:var(--eds-c-surface-hover)}.eui-21 table.eds-table-default tbody tr:nth-of-type(2n){background-color:var(--eds-c-surface-elevation)}.eui-21 table.eds-table-default tbody tr:nth-of-type(2n):hover{background-color:var(--eds-c-surface-hover)}.eui-21 table.eds-table-default tfoot tr{background:var(--eds-c-surface-elevation)}.eui-21 table.eds-table-default tr{border-bottom:var(--eds-bw-xs) solid var(--eds-c-border-divider);display:table-row}.eui-21 table.eds-table-default--no-zebra tbody tr:nth-of-type(2n),.eui-21 table.eds-table-default--no-zebra tbody tr:nth-of-type(odd){background-color:transparent}.eui-21 table.eds-table-default--compact thead th{padding:var(--eds-sp-xs) var(--eds-sp-s)}.eui-21 table.eds-table-default--compact tr>td{padding:var(--eds-sp-3xs) var(--eds-sp-s)}.eui-21 table.eds-table-default--responsive{display:table;width:100%}.eui-21 table.eds-table-default--responsive--bordered{border:0}.eui-21 table.eds-table-default--nowrap,.eui-21 table.eds-table-default--nowrap tbody>tr>td,.eui-21 table.eds-table-default--nowrap tfoot>tr>td,.eui-21 table.eds-table-default--nowrap thead>tr>th{white-space:nowrap}.eui-21 table.eds-table-default--centered{display:table;margin:0 auto;width:auto}.eui-21 table.eds-table-default--align-middle tbody>tr>td,.eui-21 table.eds-table-default--align-middle tfoot>tr>td,.eui-21 table.eds-table-default--align-middle thead>tr>th{vertical-align:middle}@keyframes eds-spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}
|
package/dist/eds.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/00-reset/index.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors-dark-theme.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/typography.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/01-base/mixins.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/others.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/04-elements/html-body.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/04-elements/table.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/06-shared/animations.scss"],"names":[],"mappings":";AAAA;AAEA;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;ACXF;EAEQ;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;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;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;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;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;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACFR;EAEQ;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;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;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;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;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;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACGR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEI;EAGA;EACA;EAGI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMI;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;ACzBJ;EDDR;IAqCoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACpCZ;EDDR;IAkDoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AErEpB;EACI;EAMI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;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;EAQA;EAAA;EAAA;EAAA;EAOJ;EAEI;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC7DR;EACI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;AAAA;EACI;;AAGJ;AAAA;EACI;;AAKR;AAAA;AAAA;EAGI;;AAGJ;AAAA;EAEI;EACA;;AAIA;EACI;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAMJ;EACI;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;;AAMR;EACI;;AAIR;EACI;EACA;;AAKI;EACI;;AAGJ;EACI;;AAQJ;EACI;;AAIR;EACI;;AAKR;EACI;EACA;;AAEA;EACI;;AAKR;EACI;;AAEA;AAAA;AAAA;EAGI;;AAKR;EACI;EACA;EACA;;AAKA;AAAA;AAAA;EAGI;;;ACzIhB;EACI;IACI;;EAEJ;IACI","sourcesContent":["/*! EDS Reset — minimal reset for evergreen browsers with encapsulated components */\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n}\n\n[hidden] {\n display: none;\n}\n","@use '../02-tokens/colors-semantic' as semantic;\n\n:root {\n @each $color, $value in semantic.$color-semantic-map {\n --eds-c-#{$color}: #{$value};\n }\n}","@use '../02-tokens/colors-semantic-dark-theme' as semantic;\n\nhtml.eui-t-dark {\n @each $color, $value in semantic.$color-semantic-map {\n --eds-c-#{$color}: #{$value};\n }\n}","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eds-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.$eds-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 // base font size\n --eds-f-s-base: 16px;\n \n // font families\n --eds-f-family: 'Inter', arial, sans-serif;\n --eds-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace; \n\n @each $size, $def in typography-primitive.$font-size-map {\n --eds-f-s-#{$size}: #{$def};\n }\n @each $size, $def in typography-primitive.$font-line-height-map {\n --eds-f-lh-#{$size}: #{$def};\n }\n @each $size, $def in typography-primitive.$font-weight-map {\n --eds-f-w-#{$size}: #{$def};\n }\n\n // EDS raw vars\n @each $size, $def in typography-primitive.$font-size-letter-spacing-map {\n --eds-f-ls-#{$size}: #{$def};\n } \n\n // EDS typography\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {\n @each $size, $sizeDef in $typeDef {\n --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n\n @include base.media(maps.$eds-bkp-tablet) {\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {\n $desktopTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'desktop'), $type);\n @each $size, $sizeDef in $typeDef {\n $desktopSizeDef: map.get($desktopTypeDef, $size);\n // Only emit override if size or line-height differs from desktop\n @if map.get($sizeDef, 'size') != map.get($desktopSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($desktopSizeDef, 'line-height') {\n --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n } \n }\n\n @include base.media(maps.$eds-bkp-mobile) {\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {\n $tabletTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'tablet'), $type);\n @each $size, $sizeDef in $typeDef {\n $tabletSizeDef: map.get($tabletTypeDef, $size);\n // Only emit override if size or line-height differs from tablet\n @if map.get($sizeDef, 'size') != map.get($tabletSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($tabletSizeDef, 'line-height') {\n --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n } \n } \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\n@mixin eds-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@mixin eds-focus-visible($offset: -2px, $size: 2px) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n@mixin eds-focus-visible-critical($offset: -2px, $size: 2px) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eds-focus-ring($offset: 2px) {\n &:focus:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n@mixin eds-focus-ring-critical($offset: 2px) {\n &:focus:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n\n@mixin eds-focus-visible-ring($offset: 2px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n@mixin eds-focus-visible-ring-critical($offset: 2px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n\n@mixin loading-indicator() {\n align-items: center;\n display: flex;\n\n &::after,\n &::before {\n content: '';\n height: var(--eds-sp-l);\n position: absolute;\n right: var(--eds-sp-s);\n width: var(--eds-sp-l);\n }\n\n &::before {\n border: var(--eds-sp-3xs) solid rgba(0, 0, 0, 0.35);\n border-radius: 100%;\n }\n\n &::after {\n animation: loading 0.6s linear;\n animation-iteration-count: infinite;\n border-color: var(--eui-c-white) transparent transparent;\n border-radius: 100%;\n border-style: solid;\n border-width: var(--eds-sp-3xs);\n box-shadow: 0 0 0 1px transparent;\n }\n\n &--sm::after,\n &--sm::before {\n height: var(--eds-sp-m);\n width: var(--eds-sp-m);\n }\n\n @keyframes loading {\n to { transform: rotate(360deg); }\n }\n}\n\n// EDS Input mixin — common styles for text inputs, textareas, selects.\n//\n// Size is parametrized through private custom properties that default to the\n// `m` size. Components reflect a `size` host attribute and override these\n// privates per `:host([size=\"s\"])` / `:host([size=\"l\"])` (see eds-input-size()).\n@mixin eds-input() {\n // Size-driven privates (defaults = `m`)\n --_eds-input-min-height: var(--eds-si-4xl);\n --_eds-input-pad-v: var(--eds-sp-xs);\n --_eds-input-pad-h: var(--eds-sp-s);\n --_eds-input-font: var(--eds-f-paragraph-m);\n --_eds-input-placeholder-font: var(--eds-f-placeholder-m);\n\n font: var(--_eds-input-font);\n appearance: none;\n background-color: var(--eds-c-surface-elevation);\n border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);\n border-radius: var(--eds-br-s);\n box-shadow: none;\n color: var(--eds-c-foreground-default);\n min-height: var(--_eds-input-min-height);\n padding: var(--_eds-input-pad-v) var(--_eds-input-pad-h);\n width: 100%;\n @include eds-focus-visible();\n\n &:not([hidden]) {\n display: block;\n }\n\n &::placeholder {\n color: var(--eds-c-foreground-placeholder);\n font: var(--_eds-input-placeholder-font);\n opacity: 1;\n }\n\n // Readonly\n &[readonly] {\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n padding-left: 0;\n padding-right: 0;\n pointer-events: none;\n }\n\n // Disabled\n &:disabled:not([readonly]),\n &--disabled:not([readonly]) {\n background-color: var(--eds-c-suface-disabled);\n border-color: var(--eds-c-border-disabled);\n color: var(--eds-c-foreground-subtler);\n pointer-events: none;\n }\n\n // Invalid\n &--invalid {\n border-color: var(--eds-c-border-critical);\n }\n\n &--loading {\n padding-right: var(--eds-sp-7xl);\n\n &-icon {\n @include loading-indicator();\n }\n } \n}\n\n// EDS Input size overrides — applies the `s` / `l` size privates.\n// Call inside a component's `:host` scope (after `eds-input()`); it emits the\n// `[input-size=\"s\"]` / `[input-size=\"l\"]` branches. The size variant is\n// reflected as the `input-size` host attribute (NOT `size`, which is reserved\n// for the native `<select size>` / `<input size>` DOM attribute). The `m` size\n// is the default already set by `eds-input()`, so no `[input-size=\"m\"]` branch\n// is needed.\n@mixin eds-input-size() {\n &[input-size=\"s\"] {\n --_eds-input-min-height: var(--eds-si-3xl); // 32px\n --_eds-input-pad-v: var(--eds-sp-2xs);\n --_eds-input-pad-h: var(--eds-sp-s);\n }\n\n &[input-size=\"l\"] {\n --_eds-input-min-height: var(--eds-si-6xl); // 48px\n --_eds-input-pad-v: var(--eds-sp-s);\n --_eds-input-pad-h: var(--eds-sp-m);\n }\n}\n\n@mixin eds-input-hover() {\n &:hover:not([aria-disabled=\"true\"]):not(:disabled) {\n box-shadow: var(--eds-sh-1);\n\n &:not([aria-disabled=\"true\"]):not(:checked):not(:disabled):not([readonly]):not([indeterminate=\"true\"]):not([invalid=\"true\"]) {\n border-color: var(--eds-c-border-neutral--hover);\n }\n\n // checkbox\n &.eds-input-checkbox {\n &:checked:not([readonly]):not([invalid=\"true\"]),\n &[checked=\"true\"]:not([readonly]):not([invalid=\"true\"]),\n &[indeterminate=\"true\"]:not([readonly]) {\n background-color: var(--eds-c-surface-primary--hover);\n }\n }\n\n //radio\n &.eds-input-radio {\n &:checked:not([readonly]):not([invalid=\"true\"]) {\n background-color: var(--eds-c-surface-elevation);\n border-color: var(--eds-c-border-primary--hover);\n }\n }\n }\n}","@use 'sass:map';\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n\n:root {\n --eds-base-line-height: 1.5rem;\n\n // SPACING - eds-sp\n // ---------------\n\n @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n --eds-sp-#{$spacing}: #{$value};\n }\n @each $sizing, $value in dimensions-semantic.$sizing-semantic-map {\n --eds-si-#{$sizing}: #{$value};\n }\n\n \n // BORDER RADIUS - eds-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eds-br-#{$br}: #{$value};\n }\n\n\n // BREAKPOINTS - eds-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-size-map {\n --eds-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eds-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eds-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eds-sh\n // --------------------\n\n --eds-sh-none: none;\n @each $sh, $shDef in maps.$shadow-map {\n --eds-sh-#{$sh}: #{map.get($shDef, 'offset-x') map.get($shDef, 'offset-y') map.get($shDef, 'blur') map.get($shDef, 'spread') map.get($shDef, 'color')};\n }\n\n\n // ICON-SIZES - eds-is\n // -------------------\n\n @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n --eds-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eds-op\n // ----------------\n\n @each $idx, $value in maps.$opacity-map {\n --eds-op-#{$idx}: #{$value};\n }\n}","@use '../01-base' as base;\n\nhtml {\n display: block;\n height: 100%;\n font-size: var(--eds-f-s-base);\n line-height: var(--eds-base-line-height);\n // @include base.eui-scrollbars();\n}\n\nbody {\n background-color: var(--eds-c-surface-elevation);\n color: var(--eds-c-foreground);\n font-family: var(--eds-f-family);\n font-feature-settings: 'liga';\n font-size: var(--eds-f-s-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(--eds-base-line-height);\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n",".eui-21 {\n table.eds-table-default {\n background-color: transparent;\n border-collapse: collapse;\n border-spacing: 0;\n color: var(--eds-c-foreground);\n max-width: 100%;\n overflow: auto;\n position: relative;\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(--eds-sp-s);\n text-align: left;\n }\n\n thead {\n th {\n color: var(--eds-c-foreground-default);\n padding: var(--eds-sp-m) var(--eds-sp-s);\n vertical-align: middle;\n font: var(--eds-f-label-m-semibold);\n }\n\n tr {\n border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);\n border-top: 0;\n background: var(--eds-c-surface-elevation);\n }\n }\n\n // Striped & hovered tables by default\n tbody {\n tr:nth-of-type(odd) {\n background-color: transparent;\n\n &:hover {\n background-color: var(--eds-c-surface-hover);\n }\n }\n\n tr:nth-of-type(even) {\n background-color: var(--eds-c-surface-elevation);\n\n &:hover {\n background-color: var(--eds-c-surface-hover);\n }\n }\n }\n\n tfoot {\n tr {\n background: var(--eds-c-surface-elevation);\n }\n }\n\n tr {\n border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);\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 // Compact table\n &--compact {\n thead {\n th {\n padding: var(--eds-sp-xs) var(--eds-sp-s);\n }\n }\n\n tr > td {\n padding: var(--eds-sp-3xs) var(--eds-sp-s);\n }\n }\n\n // Responsive table\n &--responsive {\n display: table;\n width: 100%;\n\n &--bordered {\n border: 0;\n }\n }\n\n // NoWrap table content\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","@keyframes eds-spin {\n from {\n transform: translateY(-50%) rotate(0deg);\n }\n to {\n transform: translateY(-50%) rotate(360deg);\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/00-reset/index.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/colors-dark-theme.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/typography.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/01-base/mixins.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/03-vars/others.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/04-elements/html-body.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/04-elements/table.scss","file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/06-shared/animations.scss"],"names":[],"mappings":";AAAA;AAEA;AAAA;AAAA;EAGE;;;AAGF;EACE;;;AAGF;EACE;;;ACXF;EAEQ;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;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;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;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;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;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACFR;EAEQ;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;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;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;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;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;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;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;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACGR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAEI;EAGA;EACA;EAGI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;EAAA;EAAA;EAAA;EAAA;EAKA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;AC3BJ;EDDR;IAuCoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;ACtCZ;EDDR;IAoDoB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AEvEpB;EACI;EAMI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGA;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;EAQA;EAAA;EAAA;EAAA;EAOJ;EAEI;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;AC7DR;EACI;EACA;EACA;EACA;;;AAIJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACvBA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;;AAII;AAAA;EACI;;AAGJ;AAAA;EACI;;AAKR;AAAA;AAAA;EAGI;;AAGJ;AAAA;EAEI;EACA;;AAIA;EACI;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;EACA;;AAMJ;EACI;;AAEA;EACI;;AAIR;EACI;;AAEA;EACI;;AAMR;EACI;;AAIR;EACI;EACA;;AAKI;EACI;;AAGJ;EACI;;AAQJ;EACI;;AAIR;EACI;;AAKR;EACI;EACA;;AAEA;EACI;;AAKR;EACI;;AAEA;AAAA;AAAA;EAGI;;AAKR;EACI;EACA;EACA;;AAKA;AAAA;AAAA;EAGI;;;AC1IhB;EACI;IACI;;EAEJ;IACI","sourcesContent":["/*! EDS Reset — minimal reset for evergreen browsers with encapsulated components */\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nbody {\n margin: 0;\n}\n\n[hidden] {\n display: none;\n}\n","@use '../02-tokens/colors-semantic' as semantic;\n\n:root {\n @each $color, $value in semantic.$color-semantic-map {\n --eds-c-#{$color}: #{$value};\n }\n}","@use '../02-tokens/colors-semantic-dark-theme' as semantic;\n\nhtml.eui-t-dark {\n @each $color, $value in semantic.$color-semantic-map {\n --eds-c-#{$color}: #{$value};\n }\n}","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eds-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.$eds-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 // base font size\n --eds-f-s-base: 16px;\n \n // font families\n --eds-f-family: 'Inter', arial, sans-serif;\n --eds-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace; \n\n @each $size, $def in typography-primitive.$font-size-map {\n --eds-f-s-#{$size}: #{$def};\n }\n @each $size, $def in typography-primitive.$font-line-height-map {\n --eds-f-lh-#{$size}: #{$def};\n }\n @each $size, $def in typography-primitive.$font-weight-map {\n --eds-f-w-#{$size}: #{$def};\n }\n\n // EDS raw vars\n @each $size, $def in typography-primitive.$font-size-letter-spacing-map {\n --eds-f-ls-#{$size}: #{$def};\n } \n\n // EDS typography\n // Weightless `font` shorthand: `font-size / line-height font-family`.\n // Apply weight separately at the call site via `--eds-f-w-<weight>`.\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {\n @each $size, $sizeDef in $typeDef {\n --eds-f-#{$type}-#{$size}: var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n\n @include base.media(maps.$eds-bkp-tablet) {\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {\n $desktopTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'desktop'), $type);\n @each $size, $sizeDef in $typeDef {\n $desktopSizeDef: map.get($desktopTypeDef, $size);\n // Only emit override if size or line-height differs from desktop\n @if map.get($sizeDef, 'size') != map.get($desktopSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($desktopSizeDef, 'line-height') {\n --eds-f-#{$type}-#{$size}: var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n } \n }\n\n @include base.media(maps.$eds-bkp-mobile) {\n @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {\n $tabletTypeDef: map.get(map.get(typography-semantic.$typography-semantic-map, 'tablet'), $type);\n @each $size, $sizeDef in $typeDef {\n $tabletSizeDef: map.get($tabletTypeDef, $size);\n // Only emit override if size or line-height differs from tablet\n @if map.get($sizeDef, 'size') != map.get($tabletSizeDef, 'size') or map.get($sizeDef, 'line-height') != map.get($tabletSizeDef, 'line-height') {\n --eds-f-#{$type}-#{$size}: var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eds-f-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n }\n }\n } \n } \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\n@mixin eds-ellipsis() {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@mixin eds-focus-visible($offset: -2px, $size: 2px) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n@mixin eds-focus-visible-critical($offset: -2px, $size: 2px) {\n &:focus-visible:not([readonly]) {\n outline: $size solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n transition: none;\n }\n}\n\n@mixin eds-focus-ring($offset: 2px) {\n &:focus:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n@mixin eds-focus-ring-critical($offset: 2px) {\n &:focus:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n\n@mixin eds-focus-visible-ring($offset: 2px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n@mixin eds-focus-visible-ring-critical($offset: 2px) {\n &:focus-visible:not([readonly]) {\n outline: var(--eds-bw-s) solid var(--eds-c-border-critical) !important;\n outline-offset: $offset !important;\n // border-radius: var(--eds-br-xs) !important;\n }\n}\n\n@mixin loading-indicator() {\n align-items: center;\n display: flex;\n\n &::after,\n &::before {\n content: '';\n height: var(--eds-sp-l);\n position: absolute;\n right: var(--eds-sp-s);\n width: var(--eds-sp-l);\n }\n\n &::before {\n border: var(--eds-sp-3xs) solid rgba(0, 0, 0, 0.35);\n border-radius: 100%;\n }\n\n &::after {\n animation: loading 0.6s linear;\n animation-iteration-count: infinite;\n border-color: var(--eui-c-white) transparent transparent;\n border-radius: 100%;\n border-style: solid;\n border-width: var(--eds-sp-3xs);\n box-shadow: 0 0 0 1px transparent;\n }\n\n &--sm::after,\n &--sm::before {\n height: var(--eds-sp-m);\n width: var(--eds-sp-m);\n }\n\n @keyframes loading {\n to { transform: rotate(360deg); }\n }\n}\n\n// EDS Input mixin — common styles for text inputs, textareas, selects.\n//\n// Size is parametrized through private custom properties that default to the\n// `m` size. Components reflect a `size` host attribute and override these\n// privates per `:host([size=\"s\"])` / `:host([size=\"l\"])` (see eds-input-size()).\n@mixin eds-input() {\n // Size-driven privates (defaults = `m`)\n --_eds-input-min-height: var(--eds-si-4xl);\n --_eds-input-pad-v: var(--eds-sp-xs);\n --_eds-input-pad-h: var(--eds-sp-s);\n --_eds-input-font: var(--eds-f-paragraph-m);\n --_eds-input-font-weight: var(--eds-f-w-regular);\n --_eds-input-placeholder-font: var(--eds-f-placeholder-m);\n --_eds-input-placeholder-font-weight: var(--eds-f-w-light);\n\n font: var(--_eds-input-font);\n font-weight: var(--_eds-input-font-weight);\n appearance: none;\n background-color: var(--eds-c-surface-elevation);\n border: var(--eds-bw-xs) solid var(--eds-c-border-neutral);\n border-radius: var(--eds-br-s);\n box-shadow: none;\n color: var(--eds-c-foreground-default);\n min-height: var(--_eds-input-min-height);\n padding: var(--_eds-input-pad-v) var(--_eds-input-pad-h);\n width: 100%;\n @include eds-focus-visible();\n\n &:not([hidden]) {\n display: block;\n }\n\n &::placeholder {\n color: var(--eds-c-foreground-placeholder);\n font: var(--_eds-input-placeholder-font);\n font-weight: var(--_eds-input-placeholder-font-weight);\n opacity: 1;\n }\n\n // Readonly\n &[readonly] {\n background-color: transparent;\n border-color: transparent;\n box-shadow: none;\n padding-left: 0;\n padding-right: 0;\n pointer-events: none;\n }\n\n // Disabled\n &:disabled:not([readonly]),\n &--disabled:not([readonly]) {\n background-color: var(--eds-c-suface-disabled);\n border-color: var(--eds-c-border-disabled);\n color: var(--eds-c-foreground-subtler);\n pointer-events: none;\n }\n\n // Invalid\n &--invalid {\n border-color: var(--eds-c-border-critical);\n }\n\n &--loading {\n padding-right: var(--eds-sp-7xl);\n\n &-icon {\n @include loading-indicator();\n }\n } \n}\n\n// EDS Input size overrides — applies the `s` / `l` size privates.\n// Call inside a component's `:host` scope (after `eds-input()`); it emits the\n// `[input-size=\"s\"]` / `[input-size=\"l\"]` branches. The size variant is\n// reflected as the `input-size` host attribute (NOT `size`, which is reserved\n// for the native `<select size>` / `<input size>` DOM attribute). The `m` size\n// is the default already set by `eds-input()`, so no `[input-size=\"m\"]` branch\n// is needed.\n@mixin eds-input-size() {\n &[input-size=\"s\"] {\n --_eds-input-min-height: var(--eds-si-3xl); // 32px\n --_eds-input-pad-v: var(--eds-sp-2xs);\n --_eds-input-pad-h: var(--eds-sp-s);\n }\n\n &[input-size=\"l\"] {\n --_eds-input-min-height: var(--eds-si-6xl); // 48px\n --_eds-input-pad-v: var(--eds-sp-s);\n --_eds-input-pad-h: var(--eds-sp-m);\n }\n}\n\n@mixin eds-input-hover() {\n &:hover:not([aria-disabled=\"true\"]):not(:disabled) {\n box-shadow: var(--eds-sh-1);\n\n &:not([aria-disabled=\"true\"]):not(:checked):not(:disabled):not([readonly]):not([indeterminate=\"true\"]):not([invalid=\"true\"]) {\n border-color: var(--eds-c-border-neutral--hover);\n }\n\n // checkbox\n &.eds-input-checkbox {\n &:checked:not([readonly]):not([invalid=\"true\"]),\n &[checked=\"true\"]:not([readonly]):not([invalid=\"true\"]),\n &[indeterminate=\"true\"]:not([readonly]) {\n background-color: var(--eds-c-surface-primary--hover);\n }\n }\n\n //radio\n &.eds-input-radio {\n &:checked:not([readonly]):not([invalid=\"true\"]) {\n background-color: var(--eds-c-surface-elevation);\n border-color: var(--eds-c-border-primary--hover);\n }\n }\n }\n}","@use 'sass:map';\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/maps' as maps;\n\n:root {\n --eds-base-line-height: 1.5rem;\n\n // SPACING - eds-sp\n // ---------------\n\n @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n --eds-sp-#{$spacing}: #{$value};\n }\n @each $sizing, $value in dimensions-semantic.$sizing-semantic-map {\n --eds-si-#{$sizing}: #{$value};\n }\n\n \n // BORDER RADIUS - eds-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eds-br-#{$br}: #{$value};\n }\n\n\n // BREAKPOINTS - eds-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-size-map {\n --eds-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eds-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eds-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eds-sh\n // --------------------\n\n --eds-sh-none: none;\n @each $sh, $shDef in maps.$shadow-map {\n --eds-sh-#{$sh}: #{map.get($shDef, 'offset-x') map.get($shDef, 'offset-y') map.get($shDef, 'blur') map.get($shDef, 'spread') map.get($shDef, 'color')};\n }\n\n\n // ICON-SIZES - eds-is\n // -------------------\n\n @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n --eds-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eds-op\n // ----------------\n\n @each $idx, $value in maps.$opacity-map {\n --eds-op-#{$idx}: #{$value};\n }\n}","@use '../01-base' as base;\n\nhtml {\n display: block;\n height: 100%;\n font-size: var(--eds-f-s-base);\n line-height: var(--eds-base-line-height);\n // @include base.eui-scrollbars();\n}\n\nbody {\n background-color: var(--eds-c-surface-elevation);\n color: var(--eds-c-foreground);\n font-family: var(--eds-f-family);\n font-feature-settings: 'liga';\n font-size: var(--eds-f-s-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(--eds-base-line-height);\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n",".eui-21 {\n table.eds-table-default {\n background-color: transparent;\n border-collapse: collapse;\n border-spacing: 0;\n color: var(--eds-c-foreground);\n max-width: 100%;\n overflow: auto;\n position: relative;\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(--eds-sp-s);\n text-align: left;\n }\n\n thead {\n th {\n color: var(--eds-c-foreground-default);\n padding: var(--eds-sp-m) var(--eds-sp-s);\n vertical-align: middle;\n font: var(--eds-f-label-m);\n font-weight: var(--eds-f-w-semibold);\n }\n\n tr {\n border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);\n border-top: 0;\n background: var(--eds-c-surface-elevation);\n }\n }\n\n // Striped & hovered tables by default\n tbody {\n tr:nth-of-type(odd) {\n background-color: transparent;\n\n &:hover {\n background-color: var(--eds-c-surface-hover);\n }\n }\n\n tr:nth-of-type(even) {\n background-color: var(--eds-c-surface-elevation);\n\n &:hover {\n background-color: var(--eds-c-surface-hover);\n }\n }\n }\n\n tfoot {\n tr {\n background: var(--eds-c-surface-elevation);\n }\n }\n\n tr {\n border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);\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 // Compact table\n &--compact {\n thead {\n th {\n padding: var(--eds-sp-xs) var(--eds-sp-s);\n }\n }\n\n tr > td {\n padding: var(--eds-sp-3xs) var(--eds-sp-s);\n }\n }\n\n // Responsive table\n &--responsive {\n display: table;\n width: 100%;\n\n &--bordered {\n border: 0;\n }\n }\n\n // NoWrap table content\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","@keyframes eds-spin {\n from {\n transform: translateY(-50%) rotate(0deg);\n }\n to {\n transform: translateY(-50%) rotate(360deg);\n }\n}\n"]}
|