@eui/styles 23.0.0-alpha.2 → 23.0.0-alpha.4

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

@@ -0,0 +1,72 @@
+@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/03-vars/vars-typography.scss

@@ -45,7 +45,17 @@
     --eui-f-breakpoint-ratio: 1;
     --eui-s-breakpoint-ratio: 1;
 
-    @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {
+    @each $size, $def in typography-primitive.$font-size-map {
+        --eui-f-s-#{$size}: #{$def};
+    }
+    @each $size, $def in typography-primitive.$font-line-height-map {
+        --eui-f-lh-#{$size}: #{$def};
+    }
+    @each $size, $def in typography-primitive.$font-weight-map {
+        --eui-f-w-#{$size}: #{$def};
+    }
+
+    @each $size, $sizeDef in typography-semantic.$typography-semantic-map {
         $desktop: map.get($sizeDef, 'desktop');
         --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);
         --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);
@@ -55,7 +65,7 @@
     }
 
     @include base.media(maps.$eui-bkp-desktop-s) {
-        @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {
+        @each $size, $sizeDef in typography-semantic.$typography-semantic-map {
             $tablet: map.get($sizeDef, 'tablet');
             --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
             --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
@@ -68,7 +78,7 @@
     }
     
     @include base.media(maps.$eui-bkp-tablet) {
-        @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {
+        @each $size, $sizeDef in typography-semantic.$typography-semantic-map {
             $tablet: map.get($sizeDef, 'tablet');
             --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
             --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
@@ -81,7 +91,7 @@
     }
 
     @include base.media(maps.$eui-bkp-mobile-s) {
-        @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {        
+        @each $size, $sizeDef in typography-semantic.$typography-semantic-map {        
             $mobile: map.get($sizeDef, 'mobile');
             --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);
             --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);
@@ -92,7 +102,7 @@
     }
 
     @include base.media(maps.$eui-bkp-mobile-xs) {
-        @each $size, $sizeDef in typography-semantic.$typography-semantic-flatlist-map {        
+        @each $size, $sizeDef in typography-semantic.$typography-semantic-map {        
             $mobilexs: map.get($sizeDef, 'mobile-xs');
             --eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);
             --eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);
@@ -101,45 +111,4 @@
             --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);
         }
     }
-
-    @each $size, $def in typography-primitive.$font-size-map {
-        --eui-f-s-#{$size}: #{$def};
-    }
-    @each $size, $def in typography-primitive.$font-line-height-map {
-        --eui-f-lh-#{$size}: #{$def};
-    }
-    @each $size, $def in typography-primitive.$font-weight-map {
-        --eui-f-w-#{$size}: #{$def};
-    }
-
-    // EDS raw vars
-    @each $size, $def in typography-primitive.$eds-font-line-height-map {
-        --eui-f-eds-lh-#{$size}: #{$def};
-    }    
-    @each $size, $def in typography-primitive.$eds-font-size-letter-spacing-map {
-        --eui-f-eds-ls-#{$size}: #{$def};
-    }    
-
-    // EDS typography
-    @each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {
-        @each $size, $sizeDef in $typeDef {
-            --eui-f-eds-#{$type}-#{$size}: normal normal var(--eui-f-w-#{map.get($sizeDef, 'weight')}) var(--eui-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eui-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 {
-                --eui-f-eds-#{$type}-#{$size}: normal normal var(--eui-f-w-#{map.get($sizeDef, 'weight')}) var(--eui-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eui-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 {
-                --eui-f-eds-#{$type}-#{$size}: normal normal var(--eui-f-w-#{map.get($sizeDef, 'weight')}) var(--eui-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eui-f-family);
-            }
-        }        
-    }    
 }

package/dist/base/05-assets/icons/index.scss

@@ -57,6 +57,32 @@
     }
 }
 
+.eui-icon-svg {
+    .eui-badge-eds,
+    .eui-badge-eds--size-m {
+        position: absolute;
+        left: 60%;
+        top: -20%;
+    }
+
+    .eui-badge-eds--empty {
+        left: 60%;
+        top: -10%;
+    }
+
+    .eui-badge-eds--size-xs.eui-badge-eds--empty {
+        left: 70%;
+        top: -10%;
+    }    
+}
+
+.eui-icon-svg--size-l {
+    .eui-badge-eds--size-s {
+        left: 70%;
+    }
+}
+
+
 // COMPOSITION: BUTTON + BADGE
 .eui-button {
     .eui-badge {

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

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

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

@@ -32,15 +32,6 @@
     }
 }
 
-@each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'desktop') {
-    @each $size, $sizeDef in $typeDef {
-        .eui-u-f-eds-#{$type}-#{$size} {
-            font: var(--eui-f-eds-#{$type}-#{$size}) !important;
-            letter-spacing: var(--eui-f-eds-ls-#{map.get($sizeDef, 'size')}) !important;
-        }
-    }
-}
-
 // ALIASES
 .eui-u-f {
     font: var(--eui-f) !important;

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

@@ -0,0 +1,23 @@
+@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

@@ -0,0 +1,24 @@
+@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-base.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:var(--eui-base-line-height);-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/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/styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eui-s-none:calc(var(--eui-s-breakpoint-ratio)*0rem);--eui-s-5xs:calc(var(--eui-s-breakpoint-ratio)*0.0625rem);--eui-s-4xs:calc(var(--eui-s-breakpoint-ratio)*0.125rem);--eui-s-3xs:calc(var(--eui-s-breakpoint-ratio)*0.25rem);--eui-s-2xs:calc(var(--eui-s-breakpoint-ratio)*0.375rem);--eui-s-xs:calc(var(--eui-s-breakpoint-ratio)*0.5rem);--eui-s-s:calc(var(--eui-s-breakpoint-ratio)*0.75rem);--eui-s-m:calc(var(--eui-s-breakpoint-ratio)*1rem);--eui-s-l:calc(var(--eui-s-breakpoint-ratio)*1.25rem);--eui-s-xl:calc(var(--eui-s-breakpoint-ratio)*1.5rem);--eui-s-2xl:calc(var(--eui-s-breakpoint-ratio)*1.75rem);--eui-s-3xl:calc(var(--eui-s-breakpoint-ratio)*2rem);--eui-s-4xl:calc(var(--eui-s-breakpoint-ratio)*2.25rem);--eui-s-5xl:calc(var(--eui-s-breakpoint-ratio)*2.5rem);--eui-s-6xl:calc(var(--eui-s-breakpoint-ratio)*2.75rem);--eui-s-7xl:calc(var(--eui-s-breakpoint-ratio)*3rem);--eui-s-8xl:calc(var(--eui-s-breakpoint-ratio)*3.25rem);--eui-s-9xl:calc(var(--eui-s-breakpoint-ratio)*3.5rem);--eui-s-10xl:calc(var(--eui-s-breakpoint-ratio)*3.75rem);--eui-s-11xl:calc(var(--eui-s-breakpoint-ratio)*4rem);--eui-br-none:0;--eui-br-2xs:1px;--eui-br-xs:2px;--eui-br-s:4px;--eui-br-m:8px;--eui-br-l:12px;--eui-br-xl:16px;--eui-br-max:999px;--eui-bp-xs:0;--eui-bp-sm:480px;--eui-bp-md:768px;--eui-bp-lg:996px;--eui-bp-xl:1140px;--eui-bp-xxl:1440px;--eui-bp-fhd:1920px;--eui-bp-2k:2560px;--eui-bp-4k:3840px;--eui-bw-none:0;--eui-bw-xs:1px;--eui-bw-s:2px;--eui-bw-m:4px;--eui-sh-0:none;--eui-sh-1:0 0 0.5px 0.5px rgba(28,28,69,.08),0 6px 12px 0 rgba(28,28,69,.06);--eui-sh-2:0 0 0.5px 0.5px rgba(28,28,69,.08),0 10px 18px 0 rgba(28,28,69,.1);--eui-sh-3:0 0 0.5px 0.5px rgba(28,28,69,.08),0 20px 40px 0 rgba(28,28,69,.14);--eui-sh-4:0 0 0.5px 0.5px rgba(28,28,69,.08),0 18px 32px 0 rgba(28,28,69,.12);--eui-sh-5:0 0 0.5px 0.5px rgba(28,28,69,.08),0 20px 40px 0 rgba(28,28,69,.14);--eui-is-2xs:0.75rem;--eui-is-xs:1rem;--eui-is-s:1.25rem;--eui-is-m:1.5rem;--eui-is-l:2rem;--eui-is-xl:2.5rem;--eui-is-2xl:3rem;--eui-is-3xl:3.5rem;--eui-is-4xl:4rem;--eui-o-none:0;--eui-o-25:0.25;--eui-o-50:0.5;--eui-o-75:0.75;--eui-o-100:1;--eui-zi-auto:auto;--eui-zi-zero:0;--eui-zi-root:1;--eui-zi-input-maxlength:2;--eui-zi-clearable-icon:3;--eui-zi-breadcrumb:9;--eui-zi-header:10;--eui-zi-top-message:12;--eui-zi-nav:15;--eui-zi-loading-indicator:20;--eui-zi-cdk-overlay-pane:999;--eui-zi-logo:1000;--eui-zi-sticky:1040;--eui-zi-sidebar:1044;--eui-zi-overlay:1045;--eui-zi-btn-floating:1046;--eui-zi-highlighted:1047;--eui-zi-footer-action-bar:1048;--eui-zi-modal-backdrop:1049;--eui-zi-modal:1050;--eui-zi-menu:1060;--eui-zi-tooltip:1070;--eui-zi-max:9999;--eui-zi-cdk-overlay-container:10000;--eui-zi-block-document:10010;--eui-zi-growl-message:99999;--eui-internal-icon-checkmark-path:url(@eui/styles/dist/assets/icons/eui-internals/check.svg);--eui-internal-icon-remove-path:url(@eui/styles/dist/assets/icons/eui-internals/remove.svg);--eui-internal-icon-ellipse-path:url(@eui/styles/dist/assets/icons/eui-internals/ellipse.svg);--eui-internal-icon-external-path:url(@eui/styles/dist/assets/icons/eui-internals/external.svg);--eui-internal-icon-chevron-down-path:url(@eui/styles/dist/assets/icons/eui-internals/chevron-down.svg);--eui-base-animation-linear-out-slow-in-timing-function:cubic-bezier(0,0,0.2,1);--eui-base-animation-fast-out-slow-in-timing-function:cubic-bezier(0.4,0,0.2,1);--eui-base-animation-fast-out-linear-in-timing-function:cubic-bezier(0.4,0,1,1);--eui-base-animation-ease-timing-function:cubic-bezier(0.25,0.1,0.25,1);--eui-base-animation-ease-in-out-timing-function:ease-in-out;--eui-base-animation-duration-fast:0.25s;--eui-base-animation-duration-medium:0.5s;--eui-base-animation-duration-slow:1s;--eui-base-animation-duration-base:500ms;--eui-base-animation-duration:var(--eui-base-animation-duration-base);--eui-base-animation-transition-base:all 0.2s var(--eui-base-animation-linear-out-slow-in-timing-function);--eui-base-animation-transition-ease:all 0.2s var(--eui-base-animation-ease-timing-function);--eui-base-animation-transition-ease-in-out:all 0.2s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-transition-ease-in-out-1s:all 1s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-delay:0s;--eui-base-animation-direction:normal;--eui-base-animation-fill-mode:forwards;--eui-base-animation-background-color:var(--eui-c-primary-surface-light)}html{display:block;font-size:calc(var(--eui-f-breakpoint-ratio)*var(--eui-f-size-base));height:100%;line-height:calc(var(--eui-f-breakpoint-ratio)*var(--eui-base-line-height))}html::-webkit-scrollbar{background-color:var(--eui-c-neutral-dark-surface-light);display:inherit;height:9px;width:9px}html::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--eui-c-neutral-dark-surface);border:1px solid transparent;border-radius:5rem}html::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-surface-dark);border:0;cursor:grab}html:focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}html:focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}html::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-dark-surface-light);border-radius:0}@-moz-document url-prefix(){html{scrollbar-color:var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){html:focus,html:focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}body{background-color:var(--eui-c-surface-page);color:var(--eui-c-text);font-family:var(--eui-f-family);font-feature-settings:"liga";font-size:calc(var(--eui-f-breakpoint-ratio)*var(--eui-f-size-base));-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;height:100%;line-height:calc(var(--eui-f-breakpoint-ratio)*var(--eui-base-line-height));margin:0;text-align:start;text-rendering:optimizeLegibility}.eui-icon-svg{align-items:center;display:inline-flex;fill:currentColor;margin:0;transform:scaleX(1) scaleY(1) rotate(0deg);transition:transform .3s ease-in-out}.eui-icon-svg.eui-icon-svg--size-2xs svg,.eui-icon-svg.eui-icon-svg--size-2xs svg>image,.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-xs svg,.eui-icon-svg.eui-icon-svg--size-xs svg>image,.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-s svg,.eui-icon-svg.eui-icon-svg--size-s svg>image,.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-m svg,.eui-icon-svg.eui-icon-svg--size-m svg>image,.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-l svg,.eui-icon-svg.eui-icon-svg--size-l svg>image,.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-xl svg,.eui-icon-svg.eui-icon-svg--size-xl svg>image,.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg,.eui-icon-svg.eui-icon-svg--size-2xl svg>image,.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg,.eui-icon-svg.eui-icon-svg--size-3xl svg>image,.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg,.eui-icon-svg.eui-icon-svg--size-4xl svg>image,.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg .eui-badge,.eui-icon-svg .eui-badge--size-m{left:40%;position:absolute;top:-40%}.eui-icon-svg .eui-badge--empty{left:70%;top:-5%}.eui-icon-svg--size-l .eui-badge--size-s{left:70%}.eui-button .eui-badge{height:inherit}
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:var(--eui-base-line-height);-webkit-text-size-adjust:100%}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/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/styles/dist/assets/fonts/inter/InterVariable-Italic.woff2) format("woff2")}:root{--eui-s-none:calc(var(--eui-s-breakpoint-ratio)*0rem);--eui-s-5xs:calc(var(--eui-s-breakpoint-ratio)*0.0625rem);--eui-s-4xs:calc(var(--eui-s-breakpoint-ratio)*0.125rem);--eui-s-3xs:calc(var(--eui-s-breakpoint-ratio)*0.25rem);--eui-s-2xs:calc(var(--eui-s-breakpoint-ratio)*0.375rem);--eui-s-xs:calc(var(--eui-s-breakpoint-ratio)*0.5rem);--eui-s-s:calc(var(--eui-s-breakpoint-ratio)*0.75rem);--eui-s-m:calc(var(--eui-s-breakpoint-ratio)*1rem);--eui-s-l:calc(var(--eui-s-breakpoint-ratio)*1.25rem);--eui-s-xl:calc(var(--eui-s-breakpoint-ratio)*1.5rem);--eui-s-2xl:calc(var(--eui-s-breakpoint-ratio)*1.75rem);--eui-s-3xl:calc(var(--eui-s-breakpoint-ratio)*2rem);--eui-s-4xl:calc(var(--eui-s-breakpoint-ratio)*2.25rem);--eui-s-5xl:calc(var(--eui-s-breakpoint-ratio)*2.5rem);--eui-s-6xl:calc(var(--eui-s-breakpoint-ratio)*2.75rem);--eui-s-7xl:calc(var(--eui-s-breakpoint-ratio)*3rem);--eui-s-8xl:calc(var(--eui-s-breakpoint-ratio)*3.25rem);--eui-s-9xl:calc(var(--eui-s-breakpoint-ratio)*3.5rem);--eui-s-10xl:calc(var(--eui-s-breakpoint-ratio)*3.75rem);--eui-s-11xl:calc(var(--eui-s-breakpoint-ratio)*4rem);--eui-br-none:0;--eui-br-2xs:1px;--eui-br-xs:2px;--eui-br-s:4px;--eui-br-m:8px;--eui-br-l:12px;--eui-br-xl:16px;--eui-br-max:999px;--eui-bp-xs:0;--eui-bp-sm:480px;--eui-bp-md:768px;--eui-bp-lg:996px;--eui-bp-xl:1140px;--eui-bp-xxl:1440px;--eui-bp-fhd:1920px;--eui-bp-2k:2560px;--eui-bp-4k:3840px;--eui-bw-none:0;--eui-bw-xs:1px;--eui-bw-s:2px;--eui-bw-m:4px;--eui-sh-0:none;--eui-sh-1:0 0 0.5px 0.5px rgba(28,28,69,.08),0 6px 12px 0 rgba(28,28,69,.06);--eui-sh-2:0 0 0.5px 0.5px rgba(28,28,69,.08),0 10px 18px 0 rgba(28,28,69,.1);--eui-sh-3:0 0 0.5px 0.5px rgba(28,28,69,.08),0 20px 40px 0 rgba(28,28,69,.14);--eui-sh-4:0 0 0.5px 0.5px rgba(28,28,69,.08),0 18px 32px 0 rgba(28,28,69,.12);--eui-sh-5:0 0 0.5px 0.5px rgba(28,28,69,.08),0 20px 40px 0 rgba(28,28,69,.14);--eui-is-2xs:0.75rem;--eui-is-xs:1rem;--eui-is-s:1.25rem;--eui-is-m:1.5rem;--eui-is-l:2rem;--eui-is-xl:2.5rem;--eui-is-2xl:3rem;--eui-is-3xl:3.5rem;--eui-is-4xl:4rem;--eui-o-none:0;--eui-o-25:0.25;--eui-o-50:0.5;--eui-o-75:0.75;--eui-o-100:1;--eui-zi-auto:auto;--eui-zi-zero:0;--eui-zi-root:1;--eui-zi-input-maxlength:2;--eui-zi-clearable-icon:3;--eui-zi-breadcrumb:9;--eui-zi-header:10;--eui-zi-top-message:12;--eui-zi-nav:15;--eui-zi-loading-indicator:20;--eui-zi-cdk-overlay-pane:999;--eui-zi-logo:1000;--eui-zi-sticky:1040;--eui-zi-sidebar:1044;--eui-zi-overlay:1045;--eui-zi-btn-floating:1046;--eui-zi-highlighted:1047;--eui-zi-footer-action-bar:1048;--eui-zi-modal-backdrop:1049;--eui-zi-modal:1050;--eui-zi-menu:1060;--eui-zi-tooltip:1070;--eui-zi-max:9999;--eui-zi-cdk-overlay-container:10000;--eui-zi-block-document:10010;--eui-zi-growl-message:99999;--eui-internal-icon-checkmark-path:url(@eui/styles/dist/assets/icons/eui-internals/check.svg);--eui-internal-icon-remove-path:url(@eui/styles/dist/assets/icons/eui-internals/remove.svg);--eui-internal-icon-ellipse-path:url(@eui/styles/dist/assets/icons/eui-internals/ellipse.svg);--eui-internal-icon-external-path:url(@eui/styles/dist/assets/icons/eui-internals/external.svg);--eui-internal-icon-chevron-down-path:url(@eui/styles/dist/assets/icons/eui-internals/chevron-down.svg);--eui-base-animation-linear-out-slow-in-timing-function:cubic-bezier(0,0,0.2,1);--eui-base-animation-fast-out-slow-in-timing-function:cubic-bezier(0.4,0,0.2,1);--eui-base-animation-fast-out-linear-in-timing-function:cubic-bezier(0.4,0,1,1);--eui-base-animation-ease-timing-function:cubic-bezier(0.25,0.1,0.25,1);--eui-base-animation-ease-in-out-timing-function:ease-in-out;--eui-base-animation-duration-fast:0.25s;--eui-base-animation-duration-medium:0.5s;--eui-base-animation-duration-slow:1s;--eui-base-animation-duration-base:500ms;--eui-base-animation-duration:var(--eui-base-animation-duration-base);--eui-base-animation-transition-base:all 0.2s var(--eui-base-animation-linear-out-slow-in-timing-function);--eui-base-animation-transition-ease:all 0.2s var(--eui-base-animation-ease-timing-function);--eui-base-animation-transition-ease-in-out:all 0.2s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-transition-ease-in-out-1s:all 1s var(--eui-base-animation-ease-in-out-timing-function);--eui-base-animation-delay:0s;--eui-base-animation-direction:normal;--eui-base-animation-fill-mode:forwards;--eui-base-animation-background-color:var(--eui-c-primary-surface-light)}html{display:block;font-size:calc(var(--eui-f-breakpoint-ratio)*var(--eui-f-size-base));height:100%;line-height:calc(var(--eui-f-breakpoint-ratio)*var(--eui-base-line-height))}html::-webkit-scrollbar{background-color:var(--eui-c-neutral-dark-surface-light);display:inherit;height:9px;width:9px}html::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--eui-c-neutral-dark-surface);border:1px solid transparent;border-radius:5rem}html::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-surface-dark);border:0;cursor:grab}html:focus::-webkit-scrollbar-thumb{background-color:var(--eui-c-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}html:focus-visible::-webkit-scrollbar-thumb{background-color:var(--eui-c-primary-surface);outline:2px solid var(--eui-c-focus-visible)!important;outline-offset:-2px!important}html::-webkit-scrollbar-track{background-color:var(--eui-c-neutral-dark-surface-light);border-radius:0}@-moz-document url-prefix(){html{scrollbar-color:var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);scrollbar-width:auto}}@-moz-document url-prefix(){html:focus,html:focus-visible{scrollbar-color:var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light)}}body{background-color:var(--eui-c-surface-page);color:var(--eui-c-text);font-family:var(--eui-f-family);font-feature-settings:"liga";font-size:calc(var(--eui-f-breakpoint-ratio)*var(--eui-f-size-base));-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;height:100%;line-height:calc(var(--eui-f-breakpoint-ratio)*var(--eui-base-line-height));margin:0;text-align:start;text-rendering:optimizeLegibility}.eui-icon-svg{align-items:center;display:inline-flex;fill:currentColor;margin:0;transform:scaleX(1) scaleY(1) rotate(0deg);transition:transform .3s ease-in-out}.eui-icon-svg.eui-icon-svg--size-2xs svg,.eui-icon-svg.eui-icon-svg--size-2xs svg>image,.eui-icon-svg.eui-icon-svg--size-2xs.eui-icon-svg--stack svg{height:var(--eui-is-2xs);width:var(--eui-is-2xs)}.eui-icon-svg.eui-icon-svg--size-xs svg,.eui-icon-svg.eui-icon-svg--size-xs svg>image,.eui-icon-svg.eui-icon-svg--size-xs.eui-icon-svg--stack svg{height:var(--eui-is-xs);width:var(--eui-is-xs)}.eui-icon-svg.eui-icon-svg--size-s svg,.eui-icon-svg.eui-icon-svg--size-s svg>image,.eui-icon-svg.eui-icon-svg--size-s.eui-icon-svg--stack svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-icon-svg.eui-icon-svg--size-m svg,.eui-icon-svg.eui-icon-svg--size-m svg>image,.eui-icon-svg.eui-icon-svg--size-m.eui-icon-svg--stack svg{height:var(--eui-is-m);width:var(--eui-is-m)}.eui-icon-svg.eui-icon-svg--size-l svg,.eui-icon-svg.eui-icon-svg--size-l svg>image,.eui-icon-svg.eui-icon-svg--size-l.eui-icon-svg--stack svg{height:var(--eui-is-l);width:var(--eui-is-l)}.eui-icon-svg.eui-icon-svg--size-xl svg,.eui-icon-svg.eui-icon-svg--size-xl svg>image,.eui-icon-svg.eui-icon-svg--size-xl.eui-icon-svg--stack svg{height:var(--eui-is-xl);width:var(--eui-is-xl)}.eui-icon-svg.eui-icon-svg--size-2xl svg,.eui-icon-svg.eui-icon-svg--size-2xl svg>image,.eui-icon-svg.eui-icon-svg--size-2xl.eui-icon-svg--stack svg{height:var(--eui-is-2xl);width:var(--eui-is-2xl)}.eui-icon-svg.eui-icon-svg--size-3xl svg,.eui-icon-svg.eui-icon-svg--size-3xl svg>image,.eui-icon-svg.eui-icon-svg--size-3xl.eui-icon-svg--stack svg{height:var(--eui-is-3xl);width:var(--eui-is-3xl)}.eui-icon-svg.eui-icon-svg--size-4xl svg,.eui-icon-svg.eui-icon-svg--size-4xl svg>image,.eui-icon-svg.eui-icon-svg--size-4xl.eui-icon-svg--stack svg{height:var(--eui-is-4xl);width:var(--eui-is-4xl)}.eui-icon-svg .eui-badge,.eui-icon-svg .eui-badge--size-m{left:40%;position:absolute;top:-40%}.eui-icon-svg .eui-badge--empty{left:70%;top:-5%}.eui-icon-svg--size-l .eui-badge--size-s{left:70%}.eui-icon-svg .eui-badge-eds,.eui-icon-svg .eui-badge-eds--size-m{left:60%;position:absolute;top:-20%}.eui-icon-svg .eui-badge-eds--empty{left:60%;top:-10%}.eui-icon-svg .eui-badge-eds--size-xs.eui-badge-eds--empty{left:70%;top:-10%}.eui-icon-svg--size-l .eui-badge-eds--size-s{left:70%}.eui-button .eui-badge{height:inherit}

package/dist/eui-base.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","../base/04-elements/index.scss","../base/01-base/mixins/_eui-scrollbars.scss","../base/01-base/mixins/_accessibility.mixins.scss","../base/05-assets/icons/index.scss"],"names":[],"mappings":"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","file":"eui-base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n    line-height: var(--eui-base-line-height); /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n  }\n\n  /* Sections\n     ========================================================================== */\n\n  /**\n   * Remove the margin in all browsers.\n   */\n\n  body {\n    margin: 0;\n  }\n\n  /**\n   * Render the `main` element consistently in IE.\n   */\n\n  main {\n    display: block;\n  }\n\n  /**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n\n  /* Grouping content\n     ========================================================================== */\n\n  /**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\n  hr {\n    box-sizing: content-box; /* 1 */\n    height: 0; /* 1 */\n    overflow: visible; /* 2 */\n  }\n\n  /**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\n  pre {\n    font-family: monospace, monospace; /* 1 */\n    font-size: 1em; /* 2 */\n  }\n\n  /* Text-level semantics\n     ========================================================================== */\n\n  /**\n   * Remove the gray background on active links in IE 10.\n   */\n\n  a {\n    background-color: transparent;\n  }\n\n  /**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\n  abbr[title] {\n    border-bottom: none; /* 1 */\n    text-decoration: underline; /* 2 */\n    text-decoration: underline dotted; /* 2 */\n  }\n\n  /**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\n  b,\n  strong {\n    font-weight: bolder;\n  }\n\n  /**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\n  code,\n  kbd,\n  samp {\n    font-family: monospace, monospace; /* 1 */\n    font-size: 1em; /* 2 */\n  }\n\n  /**\n   * Add the correct font size in all browsers.\n   */\n\n  small {\n    font-size: 80%;\n  }\n\n  /**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n\n  sub {\n    bottom: -0.25em;\n  }\n\n  sup {\n    top: -0.5em;\n  }\n\n  /* Embedded content\n     ========================================================================== */\n\n  /**\n   * Remove the border on images inside links in IE 10.\n   */\n\n  img {\n    border-style: none;\n  }\n\n  /* Forms\n     ========================================================================== */\n\n  /**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    line-height: 1; /* 1 */   // eUI adapations forced to \"1\"\n    margin: 0; /* 2 */\n  }\n\n  /**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\n  button,\n  input { /* 1 */\n    overflow: visible;\n  }\n\n  /**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\n  button,\n  select { /* 1 */\n    text-transform: none;\n  }\n\n  /**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    -webkit-appearance: button;\n  }\n\n  /**\n   * Remove the inner border and padding in Firefox.\n   */\n\n  button::-moz-focus-inner,\n  [type=\"button\"]::-moz-focus-inner,\n  [type=\"reset\"]::-moz-focus-inner,\n  [type=\"submit\"]::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  /**\n   * Restore the focus styles unset by the previous rule.\n   */\n\n  button:-moz-focusring,\n  [type=\"button\"]:-moz-focusring,\n  [type=\"reset\"]:-moz-focusring,\n  [type=\"submit\"]:-moz-focusring {\n    outline: 1px dotted ButtonText;\n  }\n\n  /**\n   * Correct the padding in Firefox.\n   */\n\n  fieldset {\n    padding: 0.35em 0.75em 0.625em;\n  }\n\n  /**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\n  legend {\n    box-sizing: border-box; /* 1 */\n    color: inherit; /* 2 */\n    display: table; /* 1 */\n    max-width: 100%; /* 1 */\n    padding: 0; /* 3 */\n    white-space: normal; /* 1 */\n  }\n\n  /**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  /**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\n  textarea {\n    overflow: auto;\n  }\n\n  /**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n  [type=\"checkbox\"],\n  [type=\"radio\"] {\n    box-sizing: border-box; /* 1 */\n    padding: 0; /* 2 */\n  }\n\n  /**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n  [type=\"number\"]::-webkit-inner-spin-button,\n  [type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  /**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n  [type=\"search\"] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n\n  /**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n  [type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  /**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n\n  /* Interactive\n     ========================================================================== */\n\n  /*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\n  details {\n    display: block;\n  }\n\n  /*\n   * Add the correct display in all browsers.\n   */\n\n  summary {\n    display: list-item;\n  }\n\n  /* Misc\n     ========================================================================== */\n\n  /**\n   * Add the correct display in IE 10+.\n   */\n\n  template {\n    display: none;\n  }\n\n  /**\n   * Add the correct display in IE 10.\n   */\n\n  [hidden] {\n    display: none;\n  }\n","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-semantic' as semantic;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n@font-face {\n  font-family: 'Inter';\n  src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: block;\n}\n\n@font-face {\n  font-family: 'Inter';\n  src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n  font-weight: 100 900;\n  font-display: block;\n  font-style: italic;\n}\n\n:root {\n    // SPACING - eui-s\n    // ---------------\n\n    @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n        --eui-s-#{$spacing}: calc( #{var(--eui-s-breakpoint-ratio)} * #{$value} );\n    }\n\n    \n    // BORDER RADIUS - eui-br\n    // ----------------------\n\n    @each $br, $value in maps.$border-radius-map {\n        --eui-br-#{$br}: #{$value};\n    }\n\n\n    // LAYOUT-BREAKPOINTS - eui-bp\n    // ---------------------------\n\n    @each $bp, $value in maps.$breakpoint-map {\n        --eui-bp-#{$bp}: #{$value};\n    }\n\n\n    // BORDER WIDTH - eui-bw\n    // ---------------------\n\n    @each $br, $value in maps.$border-width-map {\n        --eui-bw-#{$br}: #{$value};\n    }\n\n\n    // BOX-SHADOWS - eui-sh\n    // --------------------\n\n    @each $sh, $value in maps.$box-shadow-map {\n        --eui-sh-#{$sh}: #{$value};\n    }\n\n\n    // ICON-SIZES - eui-is\n    // -------------------\n\n    @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n        --eui-is-#{$icon-size}: #{$value};\n    }\n\n\n    // OPACITY - eui-o\n    // ---------------\n\n    @each $idx, $value in maps.$opacity-map {\n        --eui-o-#{$idx}: #{$value};\n    }\n\n\n    // Z-INDEXES - eui-zi\n    // -------------------\n\n    @each $idx, $value in maps.$z-index-map {\n        --eui-zi-#{$idx}: #{$value};\n    }\n\n\n    // OTHERS \n    // ------\n    --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n    --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n    --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n    --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n    --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg');    \n\n\n\n    // Animations related\n    --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n    --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);    // ease\n    --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n    --eui-base-animation-duration-fast: 0.25s;\n    --eui-base-animation-duration-medium: 0.5s;\n    --eui-base-animation-duration-slow: 1s;\n    --eui-base-animation-duration-base: 500ms;\n    --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n    --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n    --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n    --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n    --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n    --eui-base-animation-delay: 0s;\n    --eui-base-animation-direction: normal;\n    --eui-base-animation-fill-mode: forwards;    // this prevents the animation from restarting\n    --eui-base-animation-background-color: var(--eui-c-primary-surface-light);\n}","@use '../../base' as base;\n\nhtml {\n    display: block;\n    height: 100%;\n    font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );\n    line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );\n    @include base.eui-scrollbars();\n}\n\nbody {\n    background-color: var(--eui-c-surface-page);\n    color: var(--eui-c-text);\n    font-family: var(--eui-f-family);\n    font-feature-settings: 'liga';\n    font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );\n    -moz-font-smoothing: antialiased;\n    -webkit-font-smoothing: antialiased;\n    font-style: normal;\n    font-weight: normal;\n    height: 100%;\n    line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );\n    margin: 0;\n    text-align: start;\n    text-rendering: optimizeLegibility;\n}\n","@use 'accessibility.mixins' as a11y;\n\n@mixin eui-scrollbars( $size: 9px, $foreground-color: var(--eui-c-neutral-dark-surface), $background-color: var(--eui-c-neutral-dark-surface-light), $border-radius: 5rem, $state: active ) {\n    \n    &::-webkit-scrollbar {\n        display: inherit;\n        height: $size;      // horizontal scroll\n        width: $size;       // vertical scroll\n        @if ($state == active) {\n            background-color: $background-color;\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n\n    // This is the scrolling bar\n    &::-webkit-scrollbar-thumb {\n        @if ($state == active) {\n            background-color: $foreground-color;\n            border-radius: $border-radius;\n            // Uses the border instead of width to make it grow when on hover\n            background-clip: padding-box;   // make the border work\n            border: 1px solid transparent;\n\n            &:hover {\n                background-color: var(--eui-c-secondary-surface-dark);\n                border: 0;\n                cursor: grab;\n            }\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n\n    // Apply focus and keyboard focus to scrollbar thumb when the scrollable container is focused\n    &:focus::-webkit-scrollbar-thumb {\n        @if ($state == active) {\n            @include a11y.eui-accessible-focus-pseudo;\n        }\n    }\n\n    &:focus-visible::-webkit-scrollbar-thumb {\n        @if ($state == active) {\n            @include a11y.eui-accessible-focus-pseudo;\n        }\n    }\n\n    // This is the scroll container\n    &::-webkit-scrollbar-track {\n        @if ($state == active) {\n            background-color: $background-color;\n            border-radius: 0;\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n\n    // Firefox only CSS-specific extension - Attention those properties overrides :webkit pseudos!\n    @-moz-document url-prefix() {\n        scrollbar-color: var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);\n        // scrollbar-gutter: stable;\n        scrollbar-width: auto;\n    }\n\n    // Firefox focus state for scrollbar\n    &:focus,\n    &:focus-visible {\n        @-moz-document url-prefix() {\n            scrollbar-color: var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light);\n        }\n    }\n}\n@mixin eui-scrollbars-inactive($size: 8px) {\n    &::-webkit-scrollbar {\n        background-color: transparent;\n        display: inherit;\n        height: $size;      // horizontal scroll\n        width: $size;       // vertical scroll\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: transparent;\n    }\n}\n\n\n// @mixin eui-ng-scrollbar() {\n//     --scrollbar-thickness: 10 !important;\n//     --scrollbar-hover-thickness: var(--scrollbar-thickness) !important;\n//     --scrollbar-border-radius: 5rem !important;\n// }\n","$outline-offset: -2px;\n$outline-size: 2px;\n\n// Call this mixin to enforce the accessibility visuals when on focus/active\n@mixin eui-accessible-focus($offset: $outline-offset, $size: $outline-size) {\n    &:focus:not([readonly]) {\n        outline: $size solid var(--eui-c-focus) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n\n    &:focus-visible:not([readonly]) {\n        outline: $size solid var(--eui-c-focus-visible) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n\n    // Forced focusable element\n    [tabindex=\"0\"] {\n        // &:active:not([readonly]),\n        &:focus:not([readonly]) {\n            outline: $size solid var(--eui-c-focus-visible) !important;\n            outline-offset: $offset !important;\n            transition: none;\n        }\n    }\n}\n\n@mixin eui-accessible-focus-only($offset: $outline-offset, $size: $outline-size) {\n    &:focus:not([readonly]) {\n        outline: $size solid var(--eui-c-focus) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n\n@mixin eui-accessible-focus-visible($offset: $outline-offset, $size: $outline-size) {\n    &:focus-visible:not([readonly]) {\n        outline: $size solid var(--eui-c-focus-visible) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n\n@mixin eui-accessible-focus-rounded($offset: $outline-offset, $size: $outline-size) {\n    &:focus:not([readonly]) {\n        border-radius: var(--eui-br-max);\n        outline: $size solid var(--eui-c-focus) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n\n    &:focus-visible:not([readonly]) {\n        border-radius: var(--eui-br-max);\n        outline: $size solid var(--eui-c-focus-visible) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n\n@mixin eui-accessible-focus-visible-rounded($offset: $outline-offset, $size: $outline-size) {\n    &:focus-visible:not([readonly]) {\n        border-radius: var(--eui-br-max);\n        outline: $size solid var(--eui-c-focus-visible) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n\n@mixin eui-accessible-focus-border() {\n    border-left: var(--eui-s-3xs) solid transparent;\n\n    &:focus:not([readonly]) {\n        border: var(--eui-s-3xs) solid var(--eui-c-focus-visible) !important;\n        transition: none;\n    }\n}\n\n\n\n@mixin eui-accessible-focus-ring($offset: 1px) {\n    &:focus:not([readonly]) {\n        outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eui-br-xs) !important;\n    }\n}\n@mixin eui-accessible-focus-ring-rounded($offset: 1px) {\n    &:focus:not([readonly]) {\n        outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eui-br-max) !important;\n    }\n}\n@mixin eui-accessible-focus-visible-ring($offset: 1px) {\n    &:focus-visible:not([readonly]) {\n        outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eui-br-xs) !important;\n    }\n}\n@mixin eui-accessible-focus-visible-ring-rounded($offset: 1px) {\n    &:focus-visible:not([readonly]) {\n        outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eui-br-max) !important;\n    }\n}\n\n// Mixin for applying focus outline to pseudo-elements (like scrollbar thumbs)\n// This doesn't use :not([readonly]) since pseudo-elements don't support attribute selectors, that's why a new mixin is needed\n@mixin eui-accessible-focus-pseudo($offset: $outline-offset, $size: $outline-size) {\n    background-color: var(--eui-c-primary-surface);\n    outline: $size solid var(--eui-c-focus-visible) !important;\n    outline-offset: $offset !important;\n}\n","@use '../../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n.eui-icon-svg {\n    fill: currentColor;\n    margin: 0;\n    transform: scaleX(1) scaleY(1) rotateZ(0deg);\n    transition: transform 300ms ease-in-out;\n    display: inline-flex;\n    align-items: center;\n}\n\n@each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n    .eui-icon-svg {\n        &.eui-icon-svg--size {\n            &-#{$icon-size} {\n                svg {\n                    height: var(--eui-is-#{$icon-size});\n                    width: var(--eui-is-#{$icon-size});\n\n                    // Custom icons\n                    > image {\n                        height: var(--eui-is-#{$icon-size});\n                        width: var(--eui-is-#{$icon-size});\n                    }\n                }\n\n                &.eui-icon-svg--stack {\n                    svg {\n                        height: var(--eui-is-#{$icon-size});\n                        width: var(--eui-is-#{$icon-size});\n                    }\n                }\n            }\n        }\n    }\n}\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n    .eui-badge,\n    .eui-badge--size-m {\n        position: absolute;\n        left: 40%;\n        top: -40%;\n    }\n\n    .eui-badge--empty {\n        left: 70%;\n        top: -5%\n    }\n}\n\n.eui-icon-svg--size-l {\n    .eui-badge--size-s {\n        left: 70%;\n    }\n}\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n    .eui-badge {\n        height: inherit;\n    }\n}\n"]}
+{"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","../base/04-elements/index.scss","../base/01-base/mixins/_eui-scrollbars.scss","../base/01-base/mixins/_accessibility.mixins.scss","../base/05-assets/icons/index.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKC;EACG;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,QACQ;EACN;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,SACS;EACP;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;ACnVJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAKQ;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMJ;EACA;EACA;EACA;EACA;EAKA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;;ACtHJ;EACI;EACA;EACA;EACA;;ACFA;EACI;EACA,QAJsB;EAKtB,OALsB;EAOlB,kBAPgG;;AAexG;EAEQ,kBAjB0C;EAkB1C,eAlByJ;EAoBzJ;EACA;;AAEA;EACI;EACA;EACA;;AASZ;EC2EA;EACA;EACA;;ADvEA;ECqEA;EACA;EACA;;ADhEA;EAEQ,kBAlDgG;EAmDhG;;AAQR;ED3DJ;IC4DQ;IAEA;;;AAMA;EAFJ;IAGQ;;;;AD7DZ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AGtBJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAOY;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAWpB;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAKJ;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAOJ;EACI","file":"eui-base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n    line-height: var(--eui-base-line-height); /* 1 */\n    -webkit-text-size-adjust: 100%; /* 2 */\n  }\n\n  /* Sections\n     ========================================================================== */\n\n  /**\n   * Remove the margin in all browsers.\n   */\n\n  body {\n    margin: 0;\n  }\n\n  /**\n   * Render the `main` element consistently in IE.\n   */\n\n  main {\n    display: block;\n  }\n\n  /**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\n  h1 {\n    font-size: 2em;\n    margin: 0.67em 0;\n  }\n\n  /* Grouping content\n     ========================================================================== */\n\n  /**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\n  hr {\n    box-sizing: content-box; /* 1 */\n    height: 0; /* 1 */\n    overflow: visible; /* 2 */\n  }\n\n  /**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\n  pre {\n    font-family: monospace, monospace; /* 1 */\n    font-size: 1em; /* 2 */\n  }\n\n  /* Text-level semantics\n     ========================================================================== */\n\n  /**\n   * Remove the gray background on active links in IE 10.\n   */\n\n  a {\n    background-color: transparent;\n  }\n\n  /**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\n  abbr[title] {\n    border-bottom: none; /* 1 */\n    text-decoration: underline; /* 2 */\n    text-decoration: underline dotted; /* 2 */\n  }\n\n  /**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\n  b,\n  strong {\n    font-weight: bolder;\n  }\n\n  /**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\n  code,\n  kbd,\n  samp {\n    font-family: monospace, monospace; /* 1 */\n    font-size: 1em; /* 2 */\n  }\n\n  /**\n   * Add the correct font size in all browsers.\n   */\n\n  small {\n    font-size: 80%;\n  }\n\n  /**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\n  sub,\n  sup {\n    font-size: 75%;\n    line-height: 0;\n    position: relative;\n    vertical-align: baseline;\n  }\n\n  sub {\n    bottom: -0.25em;\n  }\n\n  sup {\n    top: -0.5em;\n  }\n\n  /* Embedded content\n     ========================================================================== */\n\n  /**\n   * Remove the border on images inside links in IE 10.\n   */\n\n  img {\n    border-style: none;\n  }\n\n  /* Forms\n     ========================================================================== */\n\n  /**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\n  button,\n  input,\n  optgroup,\n  select,\n  textarea {\n    font-family: inherit; /* 1 */\n    font-size: 100%; /* 1 */\n    line-height: 1; /* 1 */   // eUI adapations forced to \"1\"\n    margin: 0; /* 2 */\n  }\n\n  /**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\n  button,\n  input { /* 1 */\n    overflow: visible;\n  }\n\n  /**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\n  button,\n  select { /* 1 */\n    text-transform: none;\n  }\n\n  /**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\n  button,\n  [type=\"button\"],\n  [type=\"reset\"],\n  [type=\"submit\"] {\n    -webkit-appearance: button;\n  }\n\n  /**\n   * Remove the inner border and padding in Firefox.\n   */\n\n  button::-moz-focus-inner,\n  [type=\"button\"]::-moz-focus-inner,\n  [type=\"reset\"]::-moz-focus-inner,\n  [type=\"submit\"]::-moz-focus-inner {\n    border-style: none;\n    padding: 0;\n  }\n\n  /**\n   * Restore the focus styles unset by the previous rule.\n   */\n\n  button:-moz-focusring,\n  [type=\"button\"]:-moz-focusring,\n  [type=\"reset\"]:-moz-focusring,\n  [type=\"submit\"]:-moz-focusring {\n    outline: 1px dotted ButtonText;\n  }\n\n  /**\n   * Correct the padding in Firefox.\n   */\n\n  fieldset {\n    padding: 0.35em 0.75em 0.625em;\n  }\n\n  /**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\n  legend {\n    box-sizing: border-box; /* 1 */\n    color: inherit; /* 2 */\n    display: table; /* 1 */\n    max-width: 100%; /* 1 */\n    padding: 0; /* 3 */\n    white-space: normal; /* 1 */\n  }\n\n  /**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\n  progress {\n    vertical-align: baseline;\n  }\n\n  /**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\n  textarea {\n    overflow: auto;\n  }\n\n  /**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n  [type=\"checkbox\"],\n  [type=\"radio\"] {\n    box-sizing: border-box; /* 1 */\n    padding: 0; /* 2 */\n  }\n\n  /**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n  [type=\"number\"]::-webkit-inner-spin-button,\n  [type=\"number\"]::-webkit-outer-spin-button {\n    height: auto;\n  }\n\n  /**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n  [type=\"search\"] {\n    -webkit-appearance: textfield; /* 1 */\n    outline-offset: -2px; /* 2 */\n  }\n\n  /**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n  [type=\"search\"]::-webkit-search-decoration {\n    -webkit-appearance: none;\n  }\n\n  /**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n  ::-webkit-file-upload-button {\n    -webkit-appearance: button; /* 1 */\n    font: inherit; /* 2 */\n  }\n\n  /* Interactive\n     ========================================================================== */\n\n  /*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\n  details {\n    display: block;\n  }\n\n  /*\n   * Add the correct display in all browsers.\n   */\n\n  summary {\n    display: list-item;\n  }\n\n  /* Misc\n     ========================================================================== */\n\n  /**\n   * Add the correct display in IE 10+.\n   */\n\n  template {\n    display: none;\n  }\n\n  /**\n   * Add the correct display in IE 10.\n   */\n\n  [hidden] {\n    display: none;\n  }\n","@use 'sass:map';\n@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n@use '../02-tokens/colors-semantic' as semantic;\n@use '../02-tokens/typography-primitive' as typography-primitive;\n@use '../02-tokens/typography-semantic' as typography-semantic;\n@use '../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n@font-face {\n  font-family: 'Inter';\n  src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n  font-weight: 100 900;\n  font-style: normal;\n  font-display: block;\n}\n\n@font-face {\n  font-family: 'Inter';\n  src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n  font-weight: 100 900;\n  font-display: block;\n  font-style: italic;\n}\n\n:root {\n    // SPACING - eui-s\n    // ---------------\n\n    @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {\n        --eui-s-#{$spacing}: calc( #{var(--eui-s-breakpoint-ratio)} * #{$value} );\n    }\n\n    \n    // BORDER RADIUS - eui-br\n    // ----------------------\n\n    @each $br, $value in maps.$border-radius-map {\n        --eui-br-#{$br}: #{$value};\n    }\n\n\n    // LAYOUT-BREAKPOINTS - eui-bp\n    // ---------------------------\n\n    @each $bp, $value in maps.$breakpoint-map {\n        --eui-bp-#{$bp}: #{$value};\n    }\n\n\n    // BORDER WIDTH - eui-bw\n    // ---------------------\n\n    @each $br, $value in maps.$border-width-map {\n        --eui-bw-#{$br}: #{$value};\n    }\n\n\n    // BOX-SHADOWS - eui-sh\n    // --------------------\n\n    @each $sh, $value in maps.$box-shadow-map {\n        --eui-sh-#{$sh}: #{$value};\n    }\n\n\n    // ICON-SIZES - eui-is\n    // -------------------\n\n    @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n        --eui-is-#{$icon-size}: #{$value};\n    }\n\n\n    // OPACITY - eui-o\n    // ---------------\n\n    @each $idx, $value in maps.$opacity-map {\n        --eui-o-#{$idx}: #{$value};\n    }\n\n\n    // Z-INDEXES - eui-zi\n    // -------------------\n\n    @each $idx, $value in maps.$z-index-map {\n        --eui-zi-#{$idx}: #{$value};\n    }\n\n\n    // OTHERS \n    // ------\n    --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n    --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n    --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n    --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n    --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg');    \n\n\n\n    // Animations related\n    --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n    --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n    --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);    // ease\n    --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n    --eui-base-animation-duration-fast: 0.25s;\n    --eui-base-animation-duration-medium: 0.5s;\n    --eui-base-animation-duration-slow: 1s;\n    --eui-base-animation-duration-base: 500ms;\n    --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n    --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n    --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n    --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n    --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n    --eui-base-animation-delay: 0s;\n    --eui-base-animation-direction: normal;\n    --eui-base-animation-fill-mode: forwards;    // this prevents the animation from restarting\n    --eui-base-animation-background-color: var(--eui-c-primary-surface-light);\n}","@use '../../base' as base;\n\nhtml {\n    display: block;\n    height: 100%;\n    font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );\n    line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );\n    @include base.eui-scrollbars();\n}\n\nbody {\n    background-color: var(--eui-c-surface-page);\n    color: var(--eui-c-text);\n    font-family: var(--eui-f-family);\n    font-feature-settings: 'liga';\n    font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );\n    -moz-font-smoothing: antialiased;\n    -webkit-font-smoothing: antialiased;\n    font-style: normal;\n    font-weight: normal;\n    height: 100%;\n    line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );\n    margin: 0;\n    text-align: start;\n    text-rendering: optimizeLegibility;\n}\n","@use 'accessibility.mixins' as a11y;\n\n@mixin eui-scrollbars( $size: 9px, $foreground-color: var(--eui-c-neutral-dark-surface), $background-color: var(--eui-c-neutral-dark-surface-light), $border-radius: 5rem, $state: active ) {\n    \n    &::-webkit-scrollbar {\n        display: inherit;\n        height: $size;      // horizontal scroll\n        width: $size;       // vertical scroll\n        @if ($state == active) {\n            background-color: $background-color;\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n\n    // This is the scrolling bar\n    &::-webkit-scrollbar-thumb {\n        @if ($state == active) {\n            background-color: $foreground-color;\n            border-radius: $border-radius;\n            // Uses the border instead of width to make it grow when on hover\n            background-clip: padding-box;   // make the border work\n            border: 1px solid transparent;\n\n            &:hover {\n                background-color: var(--eui-c-secondary-surface-dark);\n                border: 0;\n                cursor: grab;\n            }\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n\n    // Apply focus and keyboard focus to scrollbar thumb when the scrollable container is focused\n    &:focus::-webkit-scrollbar-thumb {\n        @if ($state == active) {\n            @include a11y.eui-accessible-focus-pseudo;\n        }\n    }\n\n    &:focus-visible::-webkit-scrollbar-thumb {\n        @if ($state == active) {\n            @include a11y.eui-accessible-focus-pseudo;\n        }\n    }\n\n    // This is the scroll container\n    &::-webkit-scrollbar-track {\n        @if ($state == active) {\n            background-color: $background-color;\n            border-radius: 0;\n        }\n        @else {\n            background-color: transparent;\n        }\n    }\n\n    // Firefox only CSS-specific extension - Attention those properties overrides :webkit pseudos!\n    @-moz-document url-prefix() {\n        scrollbar-color: var(--eui-c-secondary-surface) var(--eui-c-secondary-surface-light);\n        // scrollbar-gutter: stable;\n        scrollbar-width: auto;\n    }\n\n    // Firefox focus state for scrollbar\n    &:focus,\n    &:focus-visible {\n        @-moz-document url-prefix() {\n            scrollbar-color: var(--eui-c-focus-visible) var(--eui-c-s-secondary-surface-light);\n        }\n    }\n}\n@mixin eui-scrollbars-inactive($size: 8px) {\n    &::-webkit-scrollbar {\n        background-color: transparent;\n        display: inherit;\n        height: $size;      // horizontal scroll\n        width: $size;       // vertical scroll\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: transparent;\n    }\n}\n\n\n// @mixin eui-ng-scrollbar() {\n//     --scrollbar-thickness: 10 !important;\n//     --scrollbar-hover-thickness: var(--scrollbar-thickness) !important;\n//     --scrollbar-border-radius: 5rem !important;\n// }\n","$outline-offset: -2px;\n$outline-size: 2px;\n\n// Call this mixin to enforce the accessibility visuals when on focus/active\n@mixin eui-accessible-focus($offset: $outline-offset, $size: $outline-size) {\n    &:focus:not([readonly]) {\n        outline: $size solid var(--eui-c-focus) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n\n    &:focus-visible:not([readonly]) {\n        outline: $size solid var(--eui-c-focus-visible) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n\n    // Forced focusable element\n    [tabindex=\"0\"] {\n        // &:active:not([readonly]),\n        &:focus:not([readonly]) {\n            outline: $size solid var(--eui-c-focus-visible) !important;\n            outline-offset: $offset !important;\n            transition: none;\n        }\n    }\n}\n\n@mixin eui-accessible-focus-only($offset: $outline-offset, $size: $outline-size) {\n    &:focus:not([readonly]) {\n        outline: $size solid var(--eui-c-focus) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n\n@mixin eui-accessible-focus-visible($offset: $outline-offset, $size: $outline-size) {\n    &:focus-visible:not([readonly]) {\n        outline: $size solid var(--eui-c-focus-visible) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n\n@mixin eui-accessible-focus-rounded($offset: $outline-offset, $size: $outline-size) {\n    &:focus:not([readonly]) {\n        border-radius: var(--eui-br-max);\n        outline: $size solid var(--eui-c-focus) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n\n    &:focus-visible:not([readonly]) {\n        border-radius: var(--eui-br-max);\n        outline: $size solid var(--eui-c-focus-visible) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n\n@mixin eui-accessible-focus-visible-rounded($offset: $outline-offset, $size: $outline-size) {\n    &:focus-visible:not([readonly]) {\n        border-radius: var(--eui-br-max);\n        outline: $size solid var(--eui-c-focus-visible) !important;\n        outline-offset: $offset !important;\n        transition: none;\n    }\n}\n\n@mixin eui-accessible-focus-border() {\n    border-left: var(--eui-s-3xs) solid transparent;\n\n    &:focus:not([readonly]) {\n        border: var(--eui-s-3xs) solid var(--eui-c-focus-visible) !important;\n        transition: none;\n    }\n}\n\n\n\n@mixin eui-accessible-focus-ring($offset: 1px) {\n    &:focus:not([readonly]) {\n        outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eui-br-xs) !important;\n    }\n}\n@mixin eui-accessible-focus-ring-rounded($offset: 1px) {\n    &:focus:not([readonly]) {\n        outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eui-br-max) !important;\n    }\n}\n@mixin eui-accessible-focus-visible-ring($offset: 1px) {\n    &:focus-visible:not([readonly]) {\n        outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eui-br-xs) !important;\n    }\n}\n@mixin eui-accessible-focus-visible-ring-rounded($offset: 1px) {\n    &:focus-visible:not([readonly]) {\n        outline: var(--eui-bw-s) solid var(--eui-c-primary-border) !important;\n        outline-offset: $offset !important;\n        border-radius: var(--eui-br-max) !important;\n    }\n}\n\n// Mixin for applying focus outline to pseudo-elements (like scrollbar thumbs)\n// This doesn't use :not([readonly]) since pseudo-elements don't support attribute selectors, that's why a new mixin is needed\n@mixin eui-accessible-focus-pseudo($offset: $outline-offset, $size: $outline-size) {\n    background-color: var(--eui-c-primary-surface);\n    outline: $size solid var(--eui-c-focus-visible) !important;\n    outline-offset: $offset !important;\n}\n","@use '../../02-tokens/dimensions-semantic' as dimensions-semantic;\n\n.eui-icon-svg {\n    fill: currentColor;\n    margin: 0;\n    transform: scaleX(1) scaleY(1) rotateZ(0deg);\n    transition: transform 300ms ease-in-out;\n    display: inline-flex;\n    align-items: center;\n}\n\n@each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {\n    .eui-icon-svg {\n        &.eui-icon-svg--size {\n            &-#{$icon-size} {\n                svg {\n                    height: var(--eui-is-#{$icon-size});\n                    width: var(--eui-is-#{$icon-size});\n\n                    // Custom icons\n                    > image {\n                        height: var(--eui-is-#{$icon-size});\n                        width: var(--eui-is-#{$icon-size});\n                    }\n                }\n\n                &.eui-icon-svg--stack {\n                    svg {\n                        height: var(--eui-is-#{$icon-size});\n                        width: var(--eui-is-#{$icon-size});\n                    }\n                }\n            }\n        }\n    }\n}\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n    .eui-badge,\n    .eui-badge--size-m {\n        position: absolute;\n        left: 40%;\n        top: -40%;\n    }\n\n    .eui-badge--empty {\n        left: 70%;\n        top: -5%\n    }\n}\n\n.eui-icon-svg--size-l {\n    .eui-badge--size-s {\n        left: 70%;\n    }\n}\n\n.eui-icon-svg {\n    .eui-badge-eds,\n    .eui-badge-eds--size-m {\n        position: absolute;\n        left: 60%;\n        top: -20%;\n    }\n\n    .eui-badge-eds--empty {\n        left: 60%;\n        top: -10%;\n    }\n\n    .eui-badge-eds--size-xs.eui-badge-eds--empty {\n        left: 70%;\n        top: -10%;\n    }    \n}\n\n.eui-icon-svg--size-l {\n    .eui-badge-eds--size-s {\n        left: 70%;\n    }\n}\n\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n    .eui-badge {\n        height: inherit;\n    }\n}\n"]}

package/dist/eui-eds.css

@@ -0,0 +1 @@
+: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

@@ -0,0 +1 @@
+{"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"]}