@eui/styles 23.0.0-alpha.5 → 23.0.0-alpha.7

package/dist/base/02-tokens/eds-typography-semantic.scss

@@ -1,116 +0,0 @@
-$typography-semantic-map: (
-    desktop: (
-        display: (
-            xl: ( size: 9xl, line-height: 10xl, weight: regular ),
-            l: (  size: 8xl, line-height: 9xl, weight: semi-bold ),
-        ),
-        heading: (
-            2xl: ( size: 6xl, line-height: 6xl, weight: semi-bold ),
-            xl: ( size: 5xl, line-height: 4xl, weight: semi-bold ),
-            l: ( size: 4xl, line-height: 2xl, weight: semi-bold ),
-            m: ( size: 3xl, line-height: xl, weight: semi-bold ),
-            s: ( size: xl, line-height: l, weight: semi-bold ),
-            s-medium: ( size: xl, line-height: l, weight: medium ),
-            xs: ( size: l, line-height: l, weight: bold ),
-        ),
-        paragraph: (
-            xl: ( size: 3xl, line-height: 2xl, weight: regular ),    
-            l: ( size: l, line-height: l, weight: regular ),    
-            l-semi-bold: ( size: l, line-height: l, weight: semi-bold ),    
-            l-bold: ( size: l, line-height: l, weight: bold ),    
-            m: ( size: m, line-height: m, weight: regular ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            m-bold: ( size: m, line-height: m, weight: bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-            s-semi-bold: ( size: s, line-height: s, weight: semi-bold ),
-            s-bold: ( size: s, line-height: s, weight: bold ),
-        ),
-        label: (
-            l: ( size: l, line-height: l, weight: regular ), 
-            m: ( size: m, line-height: m, weight: regular ),
-            m-medium: ( size: m, line-height: m, weight: medium ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-        ),
-        microcopy: (
-            xs: ( size: xs, line-height: xs, weight: medium ),
-            2xs: ( size: 2xs, line-height: 2xs, weight: regular ),        
-        ),    
-    ),
-    tablet: (
-        display: (
-            xl: ( size: 8xl, line-height: 9xl, weight: regular ),
-            l: (  size: 7xl, line-height: 6xl, weight: semi-bold ),
-        ),
-        heading: (
-            2xl: ( size: 5xl, line-height: 4xl, weight: semi-bold ),
-            xl: ( size: 4xl, line-height: 2xl, weight: semi-bold ),
-            l: ( size: 2xl, line-height: l, weight: semi-bold ),
-            m: ( size: xl, line-height: l, weight: semi-bold ),
-            s: ( size: l, line-height: m, weight: semi-bold ),
-            s-medium: ( size: l, line-height: m, weight: medium ),
-            xs: ( size: m, line-height: m, weight: bold ),
-        ),
-        paragraph: (
-            xl: ( size: 2xl, line-height: xl, weight: regular ),    
-            l: ( size: l, line-height: l, weight: regular ),    
-            l-semi-bold: ( size: l, line-height: l, weight: semi-bold ),    
-            l-bold: ( size: l, line-height: l, weight: bold ),    
-            m: ( size: m, line-height: m, weight: regular ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            m-bold: ( size: m, line-height: m, weight: bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-            s-semi-bold: ( size: s, line-height: s, weight: semi-bold ),
-            s-bold: ( size: s, line-height: s, weight: bold ),
-        ),
-        label: (
-            l: ( size: l, line-height: l, weight: regular ), 
-            m: ( size: m, line-height: m, weight: regular ),
-            m-medium: ( size: m, line-height: m, weight: medium ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-        ),
-        microcopy: (
-            xs: ( size: xs, line-height: xs, weight: medium ),
-            2xs: ( size: 2xs, line-height: 2xs, weight: regular ),        
-        ),    
-    ),    
-    mobile: (
-        display: (
-            xl: ( size: 6xl, line-height: 4xl, weight: regular ),
-            l: (  size: 5xl, line-height: 2xl, weight: semi-bold ),
-        ),
-        heading: (
-            2xl: ( size: 4xl, line-height: 2xl, weight: semi-bold ),
-            xl: ( size: 2xl, line-height: l, weight: semi-bold ),
-            l: ( size: xl, line-height: m, weight: semi-bold ),
-            m: ( size: l, line-height: m, weight: semi-bold ),
-            s: ( size: m, line-height: m, weight: semi-bold ),
-            s-medium: ( size: m, line-height: m, weight: medium ),
-            xs: ( size: m, line-height: m, weight: bold ),
-        ),
-        paragraph: (
-            xl: ( size: xl, line-height: l, weight: regular ),    
-            l: ( size: l, line-height: l, weight: regular ),    
-            l-semi-bold: ( size: l, line-height: l, weight: semi-bold ),    
-            l-bold: ( size: l, line-height: l, weight: bold ),    
-            m: ( size: m, line-height: m, weight: regular ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            m-bold: ( size: m, line-height: m, weight: bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-            s-semi-bold: ( size: s, line-height: s, weight: semi-bold ),
-            s-bold: ( size: s, line-height: s, weight: bold ),
-        ),
-        label: (
-            l: ( size: l, line-height: l, weight: regular ), 
-            m: ( size: m, line-height: m, weight: regular ),
-            m-medium: ( size: m, line-height: m, weight: medium ),
-            m-semi-bold: ( size: m, line-height: m, weight: semi-bold ),
-            s: ( size: s, line-height: s, weight: regular ),
-        ),
-        microcopy: (
-            xs: ( size: xs, line-height: xs, weight: medium ),
-            2xs: ( size: 2xs, line-height: 2xs, weight: regular ),        
-        ),    
-    ),     
-);

package/dist/base/03-vars/eds-vars-colors-dark-theme.scss

@@ -1,7 +0,0 @@
-@use '../02-tokens/eds-colors-semantic-dark-theme' as semantic;
-
-html.eui-t-dark {
-    @each $color, $value in semantic.$color-semantic-map {
-        --eds-c-#{$color}: #{$value};
-    }
-}

package/dist/base/03-vars/eds-vars-colors.scss

@@ -1,7 +0,0 @@
-@use '../02-tokens/eds-colors-semantic' as semantic;
-
-:root {
-    @each $color, $value in semantic.$color-semantic-map {
-        --eds-c-#{$color}: #{$value};
-    }
-}

package/dist/base/03-vars/eds-vars-typography.scss

@@ -1,55 +0,0 @@
-@use 'sass:map';
-@use '../01-base' as base;
-@use '../02-tokens/maps' as maps;
-@use '../02-tokens/dimensions-semantic' as dimensions-semantic;
-@use '../02-tokens/eds-typography-primitive' as typography-primitive;
-@use '../02-tokens/eds-typography-semantic' as typography-semantic;
-
-:root {
-    // TYPOGRAPHY
-    --eds-f-family: 'Inter', arial, sans-serif;
-
-    // font families
-    --eds-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;    
-
-    @each $size, $def in typography-primitive.$font-size-map {
-        --eds-f-s-#{$size}: #{$def};
-    }
-    @each $size, $def in typography-primitive.$font-line-height-map {
-        --eds-f-lh-#{$size}: #{$def};
-    }
-    @each $size, $def in typography-primitive.$font-weight-map {
-        --eds-f-w-#{$size}: #{$def};
-    }
-
-    // EDS raw vars
-    @each $size, $def in typography-primitive.$font-line-height-map {
-        --eds-f-lh-#{$size}: #{$def};
-    }    
-    @each $size, $def in typography-primitive.$font-size-letter-spacing-map {
-        --eds-f-ls-#{$size}: #{$def};
-    }    
-
-    // EDS typography
-    @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {
-        @each $size, $sizeDef in $typeDef {
-            --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);
-        }
-    }
-
-    @include base.media(maps.$eui-bkp-tablet) {
-        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {
-            @each $size, $sizeDef in $typeDef {
-                --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);
-            }
-        }        
-    }
-
-    @include base.media(maps.$eui-bkp-mobile) {
-        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {
-            @each $size, $sizeDef in $typeDef {
-                --eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);
-            }
-        }        
-    }    
-}

package/dist/base/03-vars/eds-vars.scss

@@ -1,72 +0,0 @@
-@use 'sass:map';
-@use '../01-base' as base;
-@use '../02-tokens/eds-maps' as maps;
-@use '../02-tokens/dimensions-semantic' as dimensions-semantic;
-
-:root {
-    // SPACING - eui-s
-    // ---------------
-
-    @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {
-        --eds-sp-#{$spacing}: #{$value};
-    }
-    @each $sizing, $value in dimensions-semantic.$sizing-semantic-map {
-        --eds-si-#{$sizing}: #{$value};
-    }
-
-    
-    // BORDER RADIUS - eui-br
-    // ----------------------
-
-    @each $br, $value in maps.$border-radius-map {
-        --eds-br-#{$br}: #{$value};
-    }
-
-
-    // LAYOUT-BREAKPOINTS - eui-bp
-    // ---------------------------
-
-    // @each $bp, $value in maps.$breakpoint-map {
-    //     --eui-bp-#{$bp}: #{$value};
-    // }
-
-
-    // BORDER WIDTH - eui-bw
-    // ---------------------
-
-    @each $br, $value in maps.$border-width-map {
-        --eds-bw-#{$br}: #{$value};
-    }
-
-
-    // BOX-SHADOWS - eui-sh
-    // --------------------
-
-    // @each $sh, $value in maps.$box-shadow-map {
-    //     --eui-sh-#{$sh}: #{$value};
-    // }
-
-
-    // ICON-SIZES - eui-is
-    // -------------------
-
-    @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {
-        --eds-is-#{$icon-size}: #{$value};
-    }
-
-
-    // OPACITY - eui-o
-    // ---------------
-
-    @each $idx, $value in maps.$opacity-map {
-        --eds-op-#{$idx}: #{$value};
-    }
-
-
-    // Z-INDEXES - eui-zi
-    // -------------------
-
-    // @each $idx, $value in maps.$z-index-map {
-    //     --eui-zi-#{$idx}: #{$value};
-    // }
-}

package/dist/base/99-utilities/eds-utilities.scss

@@ -1,2 +0,0 @@
-@forward 'tokens/eds/typography';
-@forward 'tokens/eds/colors';

package/dist/base/99-utilities/tokens/eds/_colors.scss

@@ -1,23 +0,0 @@
-@use '../../../../base/02-tokens/eds-colors-semantic' as semantic;
-
-@each $color, $value in semantic.$color-semantic-map {
-    @if str-index($color, 'border-') {
-        .eds-u-c-#{$color} {
-            border-color: var(--eds-c-#{$color}) !important;
-        }
-    } @else if str-index($color, 'surface-') {
-        @if str-index($color, 'on-surface-') {
-            .eds-u-c-#{$color} {
-                color: var(--eds-c-#{$color}) !important;
-            }
-        } @else {
-            .eds-u-c-#{$color} {
-                background-color: var(--eds-c-#{$color}) !important;
-            }
-        }
-    } @else {
-        .eds-u-c-#{$color} {
-            color: var(--eds-c-#{$color}) !important;
-        }
-    }
-}

package/dist/base/99-utilities/tokens/eds/_typography.scss

@@ -1,24 +0,0 @@
-@use 'sass:map';
-@use '../../../../base/01-base' as base;
-@use '../../../../base/02-tokens/eds-typography-primitive' as typography-primitives;
-@use '../../../../base/02-tokens/eds-typography-semantic' as typography-semantic;
-
-@each $font, $def in typography-primitives.$font-weight-map {
-    .eds-u-f-weight-#{$font} {
-        font-weight: var(--eds-f-w-#{$font}) !important;
-    }
-}
-@each $font, $def in typography-primitives.$font-size-map {
-    .eds-u-f-size-#{$font} {
-        font-size: var(--eds-f-s-#{$font}) !important;
-    }
-}
-
-@each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {
-    @each $size, $sizeDef in $typeDef {
-        .eds-u-f-#{$type}-#{$size} {
-            font: var(--eds-f-#{$type}-#{$size}) !important;
-            letter-spacing: var(--eds-f-ls-#{map.get($sizeDef, 'size')}) !important;
-        }
-    }
-}

package/dist/eui-eds.css

@@ -1 +0,0 @@
-:root{--eds-c-surface-accent:#f2f6ff;--eds-c-surface-selected:#e6edff;--eds-c-surface-skeleton:#e1e1e7;--eds-c-surface-brand:#00002e;--eds-c-surface-elevation-sunken:#f6f6f8;--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-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-highlight:#ffcb7d;--eds-c-on-surface-highlight:#763105;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#763105;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#763105;--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:#505070;--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-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-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:#f5f7fb;--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-foreground:#00002e;--eds-c-foreground-subtle:#353559;--eds-c-foreground-subtler:#505070;--eds-c-foreground-placeholder:#84849b;--eds-c-foreground-disabled:#a0a0b1;--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-brand:#00002e;--eds-c-border-divider:#d4d4dc;--eds-c-border-disabled:#e1e1e7;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#5987ff;--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-subtle:#ffb16a;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#ea6c72;--eds-c-border-highlight:#ffbe5c;--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-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}html.eui-t-dark{--eds-c-surface-accent:#131318;--eds-c-surface-selected:#18181c;--eds-c-surface-skeleton:#18181c;--eds-c-surface-brand:#131318;--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-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:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#f2f6ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#763105;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#763105;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#763105;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#e8e8ea;--eds-c-on-surface-inverted:#0d0d12;--eds-c-surface-inverted-subtle:#e8e8ea;--eds-c-on-surface-inverted-subtle:#18181c;--eds-c-surface-inverted-disabled:#e8e8ea;--eds-c-on-surface-inverted-disabled:#b4b4b9;--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-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-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:#f5f7fb;--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-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:#5987ff;--eds-c-foreground-success:#05c67b;--eds-c-foreground-info:#6685c2;--eds-c-foreground-warning:#ff8a20;--eds-c-foreground-critical:#e54f57;--eds-c-foreground-highlight:#fc8713;--eds-c-foreground-inverted:#0d0d12;--eds-c-border-brand:#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:#ed6c09;--eds-c-border-inverted:#131318;--eds-c-border-inverted-disabled:#18181c;--eds-c-border-neutral:#2c2c36;--eds-c-border-neutral--hover:#24242c;--eds-c-link:#8cacff;--eds-c-link--focused:#8cacff;--eds-c-link--hover:#5987ff;--eds-c-link--pressed:#d9e3ff;--eds-c-link--visited:#b0c6ff;--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}:root{--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-w-light:300;--eds-f-w-regular:400;--eds-f-w-medium:500;--eds-f-w-semi-bold:600;--eds-f-w-bold:700;--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-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-semi-bold) var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-6xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-3xl)/var(--eds-f-lh-xl) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) 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-semi-bold:normal normal var(--eds-f-w-semi-bold) 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-semi-bold:normal normal var(--eds-f-w-semi-bold) 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-semi-bold:normal normal var(--eds-f-w-semi-bold) 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-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-semi-bold:normal normal var(--eds-f-w-semi-bold) 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-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family)}@media screen and (min-width:768px) and (max-width:995px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-8xl)/var(--eui-f-eds-lh-9xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-7xl)/var(--eui-f-eds-lh-6xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eui-f-eds-lh-4xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eui-f-eds-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eui-f-eds-lh-2xs) 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(--eui-f-eds-lh-4xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eui-f-eds-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eui-f-eds-lh-2xs) var(--eds-f-family)}}:root{--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:999px;--eds-bw-none:0;--eds-bw-xs:1px;--eds-bw-s:2px;--eds-bw-m:4px;--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}.eds-u-f-weight-light{font-weight:var(--eds-f-w-light)!important}.eds-u-f-weight-regular{font-weight:var(--eds-f-w-regular)!important}.eds-u-f-weight-medium{font-weight:var(--eds-f-w-medium)!important}.eds-u-f-weight-semi-bold{font-weight:var(--eds-f-w-semi-bold)!important}.eds-u-f-weight-bold{font-weight:var(--eds-f-w-bold)!important}.eds-u-f-size-9xl{font-size:var(--eds-f-s-9xl)!important}.eds-u-f-size-8xl{font-size:var(--eds-f-s-8xl)!important}.eds-u-f-size-7xl{font-size:var(--eds-f-s-7xl)!important}.eds-u-f-size-6xl{font-size:var(--eds-f-s-6xl)!important}.eds-u-f-size-5xl{font-size:var(--eds-f-s-5xl)!important}.eds-u-f-size-4xl{font-size:var(--eds-f-s-4xl)!important}.eds-u-f-size-3xl{font-size:var(--eds-f-s-3xl)!important}.eds-u-f-size-2xl{font-size:var(--eds-f-s-2xl)!important}.eds-u-f-size-xl{font-size:var(--eds-f-s-xl)!important}.eds-u-f-size-l{font-size:var(--eds-f-s-l)!important}.eds-u-f-size-m{font-size:var(--eds-f-s-m)!important}.eds-u-f-size-s{font-size:var(--eds-f-s-s)!important}.eds-u-f-size-xs{font-size:var(--eds-f-s-xs)!important}.eds-u-f-size-2xs{font-size:var(--eds-f-s-2xs)!important}.eds-u-f-display-xl{font:var(--eds-f-display-xl)!important;letter-spacing:var(--eds-f-ls-9xl)!important}.eds-u-f-display-l{font:var(--eds-f-display-l)!important;letter-spacing:var(--eds-f-ls-8xl)!important}.eds-u-f-heading-2xl{font:var(--eds-f-heading-2xl)!important;letter-spacing:var(--eds-f-ls-6xl)!important}.eds-u-f-heading-xl{font:var(--eds-f-heading-xl)!important;letter-spacing:var(--eds-f-ls-5xl)!important}.eds-u-f-heading-l{font:var(--eds-f-heading-l)!important;letter-spacing:var(--eds-f-ls-4xl)!important}.eds-u-f-heading-m{font:var(--eds-f-heading-m)!important;letter-spacing:var(--eds-f-ls-3xl)!important}.eds-u-f-heading-s{font:var(--eds-f-heading-s)!important;letter-spacing:var(--eds-f-ls-xl)!important}.eds-u-f-heading-s-medium{font:var(--eds-f-heading-s-medium)!important;letter-spacing:var(--eds-f-ls-xl)!important}.eds-u-f-heading-xs{font:var(--eds-f-heading-xs)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-xl{font:var(--eds-f-paragraph-xl)!important;letter-spacing:var(--eds-f-ls-3xl)!important}.eds-u-f-paragraph-l{font:var(--eds-f-paragraph-l)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-l-semi-bold{font:var(--eds-f-paragraph-l-semi-bold)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-l-bold{font:var(--eds-f-paragraph-l-bold)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-m{font:var(--eds-f-paragraph-m)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-m-semi-bold{font:var(--eds-f-paragraph-m-semi-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-m-bold{font:var(--eds-f-paragraph-m-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-s{font:var(--eds-f-paragraph-s)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-paragraph-s-semi-bold{font:var(--eds-f-paragraph-s-semi-bold)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-paragraph-s-bold{font:var(--eds-f-paragraph-s-bold)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-label-l{font:var(--eds-f-label-l)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-label-m{font:var(--eds-f-label-m)!important}.eds-u-f-label-m,.eds-u-f-label-m-medium{letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-label-m-medium{font:var(--eds-f-label-m-medium)!important}.eds-u-f-label-m-semi-bold{font:var(--eds-f-label-m-semi-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-label-s{font:var(--eds-f-label-s)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-microcopy-xs{font:var(--eds-f-microcopy-xs)!important;letter-spacing:var(--eds-f-ls-xs)!important}.eds-u-f-microcopy-2xs{font:var(--eds-f-microcopy-2xs)!important;letter-spacing:var(--eds-f-ls-2xs)!important}.eds-u-c-surface-accent{background-color:var(--eds-c-surface-accent)!important}.eds-u-c-surface-selected{background-color:var(--eds-c-surface-selected)!important}.eds-u-c-surface-skeleton{background-color:var(--eds-c-surface-skeleton)!important}.eds-u-c-surface-brand{background-color:var(--eds-c-surface-brand)!important}.eds-u-c-surface-elevation-sunken{background-color:var(--eds-c-surface-elevation-sunken)!important}.eds-u-c-surface-elevation-inset{background-color:var(--eds-c-surface-elevation-inset)!important}.eds-u-c-surface-elevation{background-color:var(--eds-c-surface-elevation)!important}.eds-u-c-surface-elevation-raised{background-color:var(--eds-c-surface-elevation-raised)!important}.eds-u-c-surface-elevation-elevated{background-color:var(--eds-c-surface-elevation-elevated)!important}.eds-u-c-surface-elevation-overlay{background-color:var(--eds-c-surface-elevation-overlay)!important}.eds-u-c-surface-disabled{background-color:var(--eds-c-surface-disabled)!important}.eds-u-c-on-surface-disabled{color:var(--eds-c-on-surface-disabled)!important}.eds-u-c-surface-disabled-subtle{background-color:var(--eds-c-surface-disabled-subtle)!important}.eds-u-c-on-surface-disabled-subtle{color:var(--eds-c-on-surface-disabled-subtle)!important}.eds-u-c-surface-primary{background-color:var(--eds-c-surface-primary)!important}.eds-u-c-on-surface-primary{color:var(--eds-c-on-surface-primary)!important}.eds-u-c-surface-primary--hover{background-color:var(--eds-c-surface-primary--hover)!important}.eds-u-c-on-surface-primary--hover{color:var(--eds-c-on-surface-primary--hover)!important}.eds-u-c-surface-primary--pressed{background-color:var(--eds-c-surface-primary--pressed)!important}.eds-u-c-on-surface-primary--pressed{color:var(--eds-c-on-surface-primary--pressed)!important}.eds-u-c-surface-primary-subtle{background-color:var(--eds-c-surface-primary-subtle)!important}.eds-u-c-on-surface-primary-subtle{color:var(--eds-c-on-surface-primary-subtle)!important}.eds-u-c-surface-highlight{background-color:var(--eds-c-surface-highlight)!important}.eds-u-c-on-surface-highlight{color:var(--eds-c-on-surface-highlight)!important}.eds-u-c-surface-highlight--hover{background-color:var(--eds-c-surface-highlight--hover)!important}.eds-u-c-on-surface-highlight--hover{color:var(--eds-c-on-surface-highlight--hover)!important}.eds-u-c-surface-highlight--pressed{background-color:var(--eds-c-surface-highlight--pressed)!important}.eds-u-c-on-surface-highlight--pressed{color:var(--eds-c-on-surface-highlight--pressed)!important}.eds-u-c-surface-highlight-subtler{background-color:var(--eds-c-surface-highlight-subtler)!important}.eds-u-c-on-surface-highlight-subtler{color:var(--eds-c-on-surface-highlight-subtler)!important}.eds-u-c-surface-inverted{background-color:var(--eds-c-surface-inverted)!important}.eds-u-c-on-surface-inverted{color:var(--eds-c-on-surface-inverted)!important}.eds-u-c-surface-inverted-subtle{background-color:var(--eds-c-surface-inverted-subtle)!important}.eds-u-c-on-surface-inverted-subtle{color:var(--eds-c-on-surface-inverted-subtle)!important}.eds-u-c-surface-inverted-disabled{background-color:var(--eds-c-surface-inverted-disabled)!important}.eds-u-c-on-surface-inverted-disabled{color:var(--eds-c-on-surface-inverted-disabled)!important}.eds-u-c-surface-neutral{background-color:var(--eds-c-surface-neutral)!important}.eds-u-c-on-surface-neutral{color:var(--eds-c-on-surface-neutral)!important}.eds-u-c-surface-neutral--hover{background-color:var(--eds-c-surface-neutral--hover)!important}.eds-u-c-on-surface-neutral--hover{color:var(--eds-c-on-surface-neutral--hover)!important}.eds-u-c-surface-neutral--pressed{background-color:var(--eds-c-surface-neutral--pressed)!important}.eds-u-c-on-surface-neutral--pressed{color:var(--eds-c-on-surface-neutral--pressed)!important}.eds-u-c-surface-neutral-subtle{background-color:var(--eds-c-surface-neutral-subtle)!important}.eds-u-c-on-surface-neutral-subtle{color:var(--eds-c-on-surface-neutral-subtle)!important}.eds-u-c-surface-critical{background-color:var(--eds-c-surface-critical)!important}.eds-u-c-on-surface-critical{color:var(--eds-c-on-surface-critical)!important}.eds-u-c-surface-critical--hover{background-color:var(--eds-c-surface-critical--hover)!important}.eds-u-c-on-surface-critical--hover{color:var(--eds-c-on-surface-critical--hover)!important}.eds-u-c-surface-critical--pressed{background-color:var(--eds-c-surface-critical--pressed)!important}.eds-u-c-on-surface-critical--pressed{color:var(--eds-c-on-surface-critical--pressed)!important}.eds-u-c-surface-critical-subtle{background-color:var(--eds-c-surface-critical-subtle)!important}.eds-u-c-on-surface-critical-subtle{color:var(--eds-c-on-surface-critical-subtle)!important}.eds-u-c-surface-critical-subtler{background-color:var(--eds-c-surface-critical-subtler)!important}.eds-u-c-on-surface-critical-subtler{color:var(--eds-c-on-surface-critical-subtler)!important}.eds-u-c-surface-info{background-color:var(--eds-c-surface-info)!important}.eds-u-c-on-surface-info{color:var(--eds-c-on-surface-info)!important}.eds-u-c-surface-info-subtle{background-color:var(--eds-c-surface-info-subtle)!important}.eds-u-c-on-surface-info-subtle{color:var(--eds-c-on-surface-info-subtle)!important}.eds-u-c-surface-info-subtler{background-color:var(--eds-c-surface-info-subtler)!important}.eds-u-c-on-surface-info-subtler{color:var(--eds-c-on-surface-info-subtler)!important}.eds-u-c-surface-success{background-color:var(--eds-c-surface-success)!important}.eds-u-c-on-surface-success{color:var(--eds-c-on-surface-success)!important}.eds-u-c-surface-success-subtle{background-color:var(--eds-c-surface-success-subtle)!important}.eds-u-c-on-surface-success-subtle{color:var(--eds-c-on-surface-success-subtle)!important}.eds-u-c-surface-success-subtler{background-color:var(--eds-c-surface-success-subtler)!important}.eds-u-c-on-surface-success-subtler{color:var(--eds-c-on-surface-success-subtler)!important}.eds-u-c-surface-warning{background-color:var(--eds-c-surface-warning)!important}.eds-u-c-on-surface-warning{color:var(--eds-c-on-surface-warning)!important}.eds-u-c-surface-warning-subtle{background-color:var(--eds-c-surface-warning-subtle)!important}.eds-u-c-on-surface-warning-subtle{color:var(--eds-c-on-surface-warning-subtle)!important}.eds-u-c-surface-warning-subtler{background-color:var(--eds-c-surface-warning-subtler)!important}.eds-u-c-on-surface-warning-subtler{color:var(--eds-c-on-surface-warning-subtler)!important}.eds-u-c-foreground{color:var(--eds-c-foreground)!important}.eds-u-c-foreground-subtle{color:var(--eds-c-foreground-subtle)!important}.eds-u-c-foreground-subtler{color:var(--eds-c-foreground-subtler)!important}.eds-u-c-foreground-placeholder{color:var(--eds-c-foreground-placeholder)!important}.eds-u-c-foreground-disabled{color:var(--eds-c-foreground-disabled)!important}.eds-u-c-foreground-primary{color:var(--eds-c-foreground-primary)!important}.eds-u-c-foreground-success{color:var(--eds-c-foreground-success)!important}.eds-u-c-foreground-info{color:var(--eds-c-foreground-info)!important}.eds-u-c-foreground-warning{color:var(--eds-c-foreground-warning)!important}.eds-u-c-foreground-critical{color:var(--eds-c-foreground-critical)!important}.eds-u-c-foreground-highlight{color:var(--eds-c-foreground-highlight)!important}.eds-u-c-foreground-inverted{color:var(--eds-c-foreground-inverted)!important}.eds-u-c-border-brand{border-color:var(--eds-c-border-brand)!important}.eds-u-c-border-divider{border-color:var(--eds-c-border-divider)!important}.eds-u-c-border-disabled{border-color:var(--eds-c-border-disabled)!important}.eds-u-c-border-primary{border-color:var(--eds-c-border-primary)!important}.eds-u-c-border-primary--hover{border-color:var(--eds-c-border-primary--hover)!important}.eds-u-c-border-primary--pressed{border-color:var(--eds-c-border-primary--pressed)!important}.eds-u-c-border-primary-subtle{border-color:var(--eds-c-border-primary-subtle)!important}.eds-u-c-border-primary-subtler{border-color:var(--eds-c-border-primary-subtler)!important}.eds-u-c-border-info{border-color:var(--eds-c-border-info)!important}.eds-u-c-border-info-subtle{border-color:var(--eds-c-border-info-subtle)!important}.eds-u-c-border-success{border-color:var(--eds-c-border-success)!important}.eds-u-c-border-success-subtle{border-color:var(--eds-c-border-success-subtle)!important}.eds-u-c-border-warning{border-color:var(--eds-c-border-warning)!important}.eds-u-c-border-warning-subtle{border-color:var(--eds-c-border-warning-subtle)!important}.eds-u-c-border-critical{border-color:var(--eds-c-border-critical)!important}.eds-u-c-border-critical-subtle{border-color:var(--eds-c-border-critical-subtle)!important}.eds-u-c-border-highlight{border-color:var(--eds-c-border-highlight)!important}.eds-u-c-border-highlight-subtle{border-color:var(--eds-c-border-highlight-subtle)!important}.eds-u-c-border-inverted{border-color:var(--eds-c-border-inverted)!important}.eds-u-c-border-inverted-disabled{border-color:var(--eds-c-border-inverted-disabled)!important}.eds-u-c-border-neutral{border-color:var(--eds-c-border-neutral)!important}.eds-u-c-border-neutral--hover{border-color:var(--eds-c-border-neutral--hover)!important}.eds-u-c-link{color:var(--eds-c-link)!important}.eds-u-c-link--focused{color:var(--eds-c-link--focused)!important}.eds-u-c-link--hover{color:var(--eds-c-link--hover)!important}.eds-u-c-link--pressed{color:var(--eds-c-link--pressed)!important}.eds-u-c-link--visited{color:var(--eds-c-link--visited)!important}.eds-u-c-link-inverted{color:var(--eds-c-link-inverted)!important}.eds-u-c-link-inverted--focused{color:var(--eds-c-link-inverted--focused)!important}.eds-u-c-link-inverted--hover{color:var(--eds-c-link-inverted--hover)!important}.eds-u-c-link-inverted--pressed{color:var(--eds-c-link-inverted--pressed)!important}.eds-u-c-link-inverted--visited{color:var(--eds-c-link-inverted--visited)!important}.eds-u-c-link-contrast{color:var(--eds-c-link-contrast)!important}.eds-u-c-link-contrast--focused{color:var(--eds-c-link-contrast--focused)!important}.eds-u-c-link-contrast--hover{color:var(--eds-c-link-contrast--hover)!important}.eds-u-c-link-contrast--pressed{color:var(--eds-c-link-contrast--pressed)!important}.eds-u-c-link-contrast--visited{color:var(--eds-c-link-contrast--visited)!important}.eds-u-c-focus{color:var(--eds-c-focus)!important}.eds-u-c-focus-inverted{color:var(--eds-c-focus-inverted)!important}.eds-u-c-focus-critical{color:var(--eds-c-focus-critical)!important}

package/dist/eui-eds.css.map

@@ -1 +0,0 @@
-{"version":3,"sourceRoot":"","sources":["../base/03-vars/eds-vars-colors.scss","../base/03-vars/eds-vars-colors-dark-theme.scss","../base/03-vars/eds-vars-typography.scss","../base/01-base/mixins/_media.mixins.scss","../base/03-vars/eds-vars.scss","../base/99-utilities/tokens/eds/_typography.scss","../base/99-utilities/tokens/eds/_colors.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;;;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;;;ACGR;EAEI;EAGA;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;EAAA;EAGA;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;;ACXJ;EDjBR;IAmCgB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;AClBR;EDjBR;IA2CgB;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;IAAA;;;;AE7ChB;EAKQ;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;EAgBA;EAAA;EAAA;EAAA;EAgBA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;;;ACvDJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAIJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAMA;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;AAFJ;EACI;EACA;;;ACPA;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAGJ;EACI;;;AALJ;EACI;;;AAQR;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAfJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AAaJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI;;;AADJ;EACI","file":"eui-eds.css","sourcesContent":["@use '../02-tokens/eds-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/eds-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/maps' as maps;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n@use '../02-tokens/eds-typography-primitive' as typography-primitive;\n@use '../02-tokens/eds-typography-semantic' as typography-semantic;\n\n:root {\n    // TYPOGRAPHY\n    --eds-f-family: 'Inter', arial, sans-serif;\n\n    // font families\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-line-height-map {\n        --eds-f-lh-#{$size}: #{$def};\n    }    \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.$eui-bkp-tablet) {\n        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {\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(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\n            }\n        }        \n    }\n\n    @include base.media(maps.$eui-bkp-mobile) {\n        @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {\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(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);\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","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/eds-maps' as maps;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n:root {\n    // SPACING - eui-s\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 - eui-br\n    // ----------------------\n\n    @each $br, $value in maps.$border-radius-map {\n        --eds-br-#{$br}: #{$value};\n    }\n\n\n    // LAYOUT-BREAKPOINTS - eui-bp\n    // ---------------------------\n\n    // @each $bp, $value in maps.$breakpoint-map {\n    //     --eui-bp-#{$bp}: #{$value};\n    // }\n\n\n    // BORDER WIDTH - eui-bw\n    // ---------------------\n\n    @each $br, $value in maps.$border-width-map {\n        --eds-bw-#{$br}: #{$value};\n    }\n\n\n    // BOX-SHADOWS - eui-sh\n    // --------------------\n\n    // @each $sh, $value in maps.$box-shadow-map {\n    //     --eui-sh-#{$sh}: #{$value};\n    // }\n\n\n    // ICON-SIZES - eui-is\n    // -------------------\n\n    @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n        --eds-is-#{$icon-size}: #{$value};\n    }\n\n\n    // OPACITY - eui-o\n    // ---------------\n\n    @each $idx, $value in maps.$opacity-map {\n        --eds-op-#{$idx}: #{$value};\n    }\n\n\n    // Z-INDEXES - eui-zi\n    // -------------------\n\n    // @each $idx, $value in maps.$z-index-map {\n    //     --eui-zi-#{$idx}: #{$value};\n    // }\n}","@use 'sass:map';\n@use '../../../../base/01-base' as base;\n@use '../../../../base/02-tokens/eds-typography-primitive' as typography-primitives;\n@use '../../../../base/02-tokens/eds-typography-semantic' as typography-semantic;\n\n@each $font, $def in typography-primitives.$font-weight-map {\n    .eds-u-f-weight-#{$font} {\n        font-weight: var(--eds-f-w-#{$font}) !important;\n    }\n}\n@each $font, $def in typography-primitives.$font-size-map {\n    .eds-u-f-size-#{$font} {\n        font-size: var(--eds-f-s-#{$font}) !important;\n    }\n}\n\n@each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {\n    @each $size, $sizeDef in $typeDef {\n        .eds-u-f-#{$type}-#{$size} {\n            font: var(--eds-f-#{$type}-#{$size}) !important;\n            letter-spacing: var(--eds-f-ls-#{map.get($sizeDef, 'size')}) !important;\n        }\n    }\n}","@use '../../../../base/02-tokens/eds-colors-semantic' as semantic;\n\n@each $color, $value in semantic.$color-semantic-map {\n    @if str-index($color, 'border-') {\n        .eds-u-c-#{$color} {\n            border-color: var(--eds-c-#{$color}) !important;\n        }\n    } @else if str-index($color, 'surface-') {\n        @if str-index($color, 'on-surface-') {\n            .eds-u-c-#{$color} {\n                color: var(--eds-c-#{$color}) !important;\n            }\n        } @else {\n            .eds-u-c-#{$color} {\n                background-color: var(--eds-c-#{$color}) !important;\n            }\n        }\n    } @else {\n        .eds-u-c-#{$color} {\n            color: var(--eds-c-#{$color}) !important;\n        }\n    }\n}\n"]}