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

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

@@ -1,7 +1,10 @@
 @use 'sass:map';
 @use '../01-base' as base;
 @use '../02-tokens/maps' as maps;
-@use '../02-tokens/colors-default' as colors;
+@use '../02-tokens/colors-semantic' as semantic;
+@use '../02-tokens/typography-primitive' as typography-primitive;
+@use '../02-tokens/typography-semantic' as typography-semantic;
+@use '../02-tokens/dimensions-semantic' as dimensions-semantic;
 
 @font-face {
   font-family: 'Inter';
@@ -20,153 +23,11 @@
 }
 
 :root {
-    // GENERIC CONTEXT COLORS
-    // ----------------------
-    
-    --eui-c-transparent: transparent;
-    --eui-c-white: #fff;
-    --eui-c-black: #000;
-
-    --eui-c-secondary-min: #{map.get(map.get(colors.$color-map, grn), 25)};
-    --eui-c-secondary-max: #{map.get(map.get(colors.$color-map, grn), 950)};
-
-    --eui-c-surface-page: #{map.get(map.get(colors.$color-map, grn), 25)};
-    --eui-c-surface-container: var(--eui-c-white);
-    
-    --eui-c-surface-shell: #{map.get(map.get(colors.$color-map, grn), 50)};
-    --eui-c-surface-container-1: #{map.get(map.get(colors.$color-map, grn), 75)};
-    --eui-c-surface-container-2: #{map.get(map.get(colors.$color-map, grn), 100)};
-    --eui-c-surface-container-3: #{map.get(map.get(colors.$color-map, grn), 200)};
-
-    --eui-c-text: #{map.get(map.get(colors.$color-map, gr), 950)};
-    --eui-c-text-light: #{map.get(map.get(colors.$color-map, gr), 800)};
-    --eui-c-text-lighter: #{map.get(map.get(colors.$color-map, gr), 700)};
-    --eui-c-text-lightest: #{map.get(map.get(colors.$color-map, gr), 600)};
-
-    --eui-c-focus-visible: #{map.get(map.get(colors.$color-map, pr), 600)};
-    --eui-c-focus: #{map.get(map.get(colors.$color-map, pr), 200)};
-    
-    --eui-c-hover: #{map.get(map.get(colors.$color-map, pr), 75)};
-    --eui-c-hover-disabled: #{map.get(map.get(colors.$color-map, gr), 100)};
-
-    --eui-c-active: #{map.get(map.get(colors.$color-map, pr), 600)};
-    --eui-c-active-bg: #{map.get(map.get(colors.$color-map, pr), 200)};
-    --eui-c-active-bg-alt: #{map.get(map.get(colors.$color-map, pr), 300)};
-    --eui-c-active-bg-light: #{map.get(map.get(colors.$color-map, pr), 100)};
-    --eui-c-active-bg-lighter: #{map.get(map.get(colors.$color-map, pr), 75)};
-
-    --eui-c-disabled: #{map.get(map.get(colors.$color-map, gr), 500)};
-    --eui-c-disabled-bg: #{map.get(map.get(colors.$color-map, gr), 50)};
-    --eui-c-readonly: #{map.get(map.get(colors.$color-map, gr), 600)};
-
-    --eui-c-link: #{map.get(map.get(colors.$color-map, pr), 600)};
-
-    --eui-c-divider: #{map.get(map.get(colors.$color-map, gr), 100)};
-    --eui-c-divider-dark: #{map.get(map.get(colors.$color-map, gr), 200)};
-    --eui-c-divider-light: #{map.get(map.get(colors.$color-map, gr), 75)};
-
-    --eui-c-black-alpha-025: rgba(0,0,0, 0.025);
-    --eui-c-black-alpha-10: rgba(0,0,0, 0.1);
-    --eui-c-black-alpha-075: rgba(0,0,0, 0.075);
-
-
-    // CONTEXT COLORS FROM PALETTES
-    // ----------------------------
-
-    @each $color, $shades in colors.$color-state-map {
-        @each $shade, $value in $shades {
-            @if $shade == default {
-                --eui-c-#{$color}: #{$value};
-            } @else {
-                --eui-c-#{$color + '-' + $shade}: #{$value};
-            }
-        }
-    }
-
-
-    // TYPOGRAPHY - eui-f
-    // ------------------
-
-    // TYPOGRAPHY
-    --eui-f-family: 'Inter', arial, sans-serif;
-
-    // font families
-    --eui-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;
-
-    // font sizes
-    --eui-f-size-base: 16px;
-
-    // base line-height / scale-factor (for compact mode)
-    --eui-base-line-height: 1.5;
-    --eui-base-scale-factor: 1;
-
-    // font aliases
-    --eui-f: var(--eui-f-m);
-    --eui-f-light: var(--eui-f-m-light);
-    --eui-f-medium: var(--eui-f-m-medium);
-    --eui-f-semi-bold: var(--eui-f-m-semi-bold);
-    --eui-f-bold: var(--eui-f-m-bold);
-
-    @each $size, $sizeDef in maps.$font-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);
-        --eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);
-        --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);
-        --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($desktop, 'font-size')})/var(--eui-f-lh-#{map.get($desktop, 'line-height')}) var(--eui-f-family);
-    }
-
-    @include base.media(maps.$eui-bkp-tablet) {
-        @each $size, $sizeDef in maps.$font-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);
-            --eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
-            --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
-            --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($tablet, 'font-size')})/var(--eui-f-lh-#{map.get($tablet, 'line-height')}) var(--eui-f-family);
-        }
-    }
-
-    @include base.media(maps.$eui-bkp-mobile-s) {
-        @each $size, $sizeDef in maps.$font-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);
-            --eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);
-            --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);
-            --eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s-#{map.get($mobile, 'font-size')})/var(--eui-f-lh-#{map.get($mobile, 'line-height')}) var(--eui-f-family);
-        }
-    }
-
-    @include base.media(maps.$eui-bkp-mobile-xs) {
-        @each $size, $sizeDef in maps.$font-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);
-            --eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);
-            --eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-#{map.get($mobilexs, 'font-size')})/var(--eui-f-lh-#{map.get($mobilexs, 'line-height')}) var(--eui-f-family);
-            --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 maps.$font-size-map {
-        --eui-f-s-#{$size}: #{$def};
-    }
-
-    @each $size, $def in maps.$font-line-height-map {
-        --eui-f-lh-#{$size}: #{$def};
-    }
-
-    @each $size, $def in maps.$font-weight-map {
-        --eui-f-w-#{$size}: #{$def};
-    }
-
-
     // SPACING - eui-s
     // ---------------
 
-    @each $spacing, $value in maps.$spacing-map {
-        --eui-s-#{$spacing}: #{$value};
+    @each $spacing, $value in dimensions-semantic.$spacing-semantic-map {
+        --eui-s-#{$spacing}: calc( #{var(--eui-s-breakpoint-ratio)} * #{$value} );
     }
 
     
@@ -205,7 +66,7 @@
     // ICON-SIZES - eui-is
     // -------------------
 
-    @each $icon-size, $value in maps.$icon-size-map {
+    @each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {
         --eui-is-#{$icon-size}: #{$value};
     }
 

package/dist/base/04-elements/index.scss

@@ -3,8 +3,8 @@
 html {
     display: block;
     height: 100%;
-    font-size: var(--eui-f-size-base);
-    line-height: var(--eui-base-line-height);
+    font-size: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-f-size-base)} );
+    line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );
     @include base.eui-scrollbars();
 }
 
@@ -13,13 +13,13 @@ body {
     color: var(--eui-c-text);
     font-family: var(--eui-f-family);
     font-feature-settings: 'liga';
-    font-size: var(--eui-f-size-base);
+    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: normal;
     height: 100%;
-    line-height: var(--eui-base-line-height);
+    line-height: calc( #{var(--eui-f-breakpoint-ratio)} * #{var(--eui-base-line-height)} );
     margin: 0;
     text-align: start;
     text-rendering: optimizeLegibility;

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

@@ -1,4 +1,4 @@
-@use '../../02-tokens/maps' as tokens;
+@use '../../02-tokens/dimensions-semantic' as dimensions-semantic;
 
 .eui-icon-svg {
     fill: currentColor;
@@ -9,7 +9,7 @@
     align-items: center;
 }
 
-@each $icon-size, $value in tokens.$icon-size-map {
+@each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {
     .eui-icon-svg {
         &.eui-icon-svg--size {
             &-#{$icon-size} {
@@ -36,8 +36,6 @@
 }
 
 
-
-
 // COMPOSITION: ICON + BADGE
 .eui-icon-svg {
     .eui-badge,

package/dist/base/99-utilities/others/_eui-u-flex.scss

@@ -1,4 +1,5 @@
 @use '../../../base/02-tokens/maps' as maps;
+@use '../../../base/02-tokens/dimensions-semantic' as dimensions-semantic;
 
 // CONTAINERS
 .eui-u-flex {
@@ -121,7 +122,7 @@
     flex-shrink: 0 !important;
 }
 
-@each $spacing, $value in maps.$spacing-map {
+@each $spacing, $value in dimensions-semantic.$spacing-semantic-map {
     .eui-u-flex-gap-#{$spacing} {
         gap: var(--eui-s-#{$spacing}) !important;
     }

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

@@ -1,5 +1,5 @@
 @use '../../../base/02-tokens/maps' as maps;
-@use '../../../base/02-tokens/colors-default' as colors;
+@use '../../../base/02-tokens/colors-semantic' as semantic;
 
 
 .eui-u-c-black {
@@ -21,7 +21,7 @@
 }
 
 
-@each $color, $shades in colors.$color-state-map {
+@each $color, $shades in semantic.$color-semantic-map {
     @each $shade, $value in $shades {
         @if $shade == default {
             .eui-u-c-#{$color} {
@@ -46,32 +46,3 @@
     }
 }
 
-
-
-// @each $color, $shades in tokens.$color-state-map {
-//     @each $shade, $value in $shades {
-//         @if $shade != border and $shade != hover {
-
-//             @if $shade == base {
-//                 .eui-u-c-#{$color} {
-//                     color: var(--eui-c-#{$color}) !important;
-//                 };
-
-//                 .eui-u-c-bg-#{$color} {
-//                     background-color: var(--eui-c-#{$color}) !important;
-//                     color: var(--eui-c-#{$color}-contrast) !important;
-//                 }
-
-//             } @else {
-//                 .eui-u-c-#{$color + '-' + $shade} {
-//                     color: var(--eui-c-#{$color + '-' + $shade}) !important;
-//                 };
-
-//                 .eui-u-c-bg-#{$color + '-' + $shade} {
-//                     background-color: var(--eui-c-#{$color + '-' + $shade}) !important;
-//                     color: var(--eui-c-#{$color + '-' + $shade}-contrast) !important;
-//                 }
-//             }
-//         }
-//     }
-// }

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

@@ -1,6 +1,7 @@
 @use '../../../base/02-tokens/maps' as tokens;
+@use '../../../base/02-tokens/dimensions-semantic' as dimensions-semantic;
 
-@each $spacing, $value in tokens.$spacing-map {
+@each $spacing, $value in dimensions-semantic.$spacing-semantic-map {
     .eui-u-mt-#{$spacing} {
         margin-top: var(--eui-s-#{$spacing}) !important;
     }

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

@@ -1,6 +1,7 @@
 @use '../../../base/02-tokens/maps' as tokens;
+@use '../../../base/02-tokens/dimensions-semantic' as dimensions-semantic;
 
-@each $spacing, $value in tokens.$spacing-map {
+@each $spacing, $value in dimensions-semantic.$spacing-semantic-map {
     .eui-u-pt-#{$spacing} {
         padding-top: var(--eui-s-#{$spacing}) !important;
     }

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

@@ -1,6 +1,7 @@
 @use '../../../base/02-tokens/maps' as tokens;
+@use '../../../base/02-tokens/dimensions-semantic' as dimensions-semantic;
 
-@each $spacing, $value in tokens.$spacing-map {
+@each $spacing, $value in dimensions-semantic.$spacing-semantic-map {
     .eui-u-spacing-#{$spacing} {
         min-width: var(--eui-s-#{$spacing}) !important;
         width: var(--eui-s-#{$spacing}) !important;

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

@@ -1,8 +1,10 @@
+@use 'sass:map';
 @use '../../../base/01-base' as base;
-@use '../../../base/02-tokens/maps' as tokens;
+@use '../../../base/02-tokens/typography-primitive' as typography-primitives;
+@use '../../../base/02-tokens/typography-semantic' as typography-semantic;
 
 // FONTS
-@each $size in tokens.$font-size-list {
+@each $size in typography-primitives.$font-size-list {
     .eui-u-f-#{$size} {
         font: var(--eui-f-#{$size}) !important;
     }
@@ -19,17 +21,26 @@
         font: var(--eui-f-#{$size}-bold) !important;
     }
 }
-@each $font, $def in tokens.$font-weight-map {
+@each $font, $def in typography-primitives.$font-weight-map {
     .eui-u-f-weight-#{$font} {
         font-weight: var(--eui-f-w-#{$font}) !important;
     }
 }
-@each $font, $def in tokens.$font-size-map {
+@each $font, $def in typography-primitives.$font-size-map {
     .eui-u-f-size-#{$font} {
         font-size: var(--eui-f-s-#{$font}) !important;
     }
 }
 
+@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;
@@ -125,6 +136,10 @@
     text-decoration: none !important;
     @include base.eui-accessible-focus(2px);
 
+    &[euiArrowKeyNavigable] {
+        @include base.eui-accessible-focus(-1px);
+    }
+
     &:hover {
         text-decoration: underline !important;
     }
@@ -301,13 +316,13 @@
 
 // HEADINGS
 .eui-u-text-h1 {
-    font: var(--eui-f-4xl) !important;
+    font: var(--eui-f-5xl) !important;
 }
 .eui-u-text-h2 {
-    font: var(--eui-f-3xl) !important;
+    font: var(--eui-f-4xl) !important;
 }
 .eui-u-text-h3 {
-    font: var(--eui-f-2xl) !important;
+    font: var(--eui-f-3xl) !important;
 }
 .eui-u-text-h4 {
     font: var(--eui-f-xl) !important;

package/dist/base/index.scss

@@ -1,3 +1,3 @@
 @forward '01-base';
 @forward '02-tokens/maps';
-@forward '02-tokens/colors-extra-palettes';
+@forward '02-tokens/colors-semantic';

package/dist/eui-base.css

@@ -1 +1 @@
-/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-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-c-transparent:transparent;--eui-c-white:#fff;--eui-c-black:#000;--eui-c-secondary-min:#fbfbfb;--eui-c-secondary-max:#171717;--eui-c-surface-page:#fbfbfb;--eui-c-surface-container:var(--eui-c-white);--eui-c-surface-shell:#f7f7f7;--eui-c-surface-container-1:#efefef;--eui-c-surface-container-2:#e4e4e4;--eui-c-surface-container-3:#d8d8d8;--eui-c-text:#00002e;--eui-c-text-light:#353559;--eui-c-text-lighter:#505070;--eui-c-text-lightest:#696984;--eui-c-focus-visible:#0046ff;--eui-c-focus:#d9e3ff;--eui-c-hover:#eef2ff;--eui-c-hover-disabled:#e1e1e7;--eui-c-active:#0046ff;--eui-c-active-bg:#d9e3ff;--eui-c-active-bg-alt:#b0c6ff;--eui-c-active-bg-light:#e6edff;--eui-c-active-bg-lighter:#eef2ff;--eui-c-disabled:#84849b;--eui-c-disabled-bg:#f6f6f8;--eui-c-readonly:#696984;--eui-c-link:#0046ff;--eui-c-divider:#e1e1e7;--eui-c-divider-dark:#d4d4dc;--eui-c-divider-light:#ededf0;--eui-c-black-alpha-025:rgba(0,0,0,.025);--eui-c-black-alpha-10:rgba(0,0,0,.1);--eui-c-black-alpha-075:rgba(0,0,0,.075);--eui-c-branding-base:#1c1c45;--eui-c-branding:#1c1c45;--eui-c-branding-lighter:#505070;--eui-c-branding-light:#353559;--eui-c-branding-dark:#00002e;--eui-c-branding-surface:#1c1c45;--eui-c-branding-on-surface:#fff;--eui-c-branding-surface-light:#353559;--eui-c-branding-on-surface-light:#fff;--eui-c-branding-surface-dark:#00002e;--eui-c-branding-on-surface-dark:#fff;--eui-c-primary-base:#0046ff;--eui-c-primary:#0035bf;--eui-c-primary-lighter:#5987ff;--eui-c-primary-light:#0046ff;--eui-c-primary-dark:#001f73;--eui-c-primary-darker:#001959;--eui-c-primary-surface-light:#eef2ff;--eui-c-primary-on-surface-light:#001f73;--eui-c-primary-surface-light-hover:#e6edff;--eui-c-primary-on-surface-light-hover:#001959;--eui-c-primary-surface-medium:#d9e3ff;--eui-c-primary-on-surface-medium:#000;--eui-c-primary-surface-medium-hover:#b0c6ff;--eui-c-primary-on-surface-medium-hover:#000;--eui-c-primary-surface:#0046ff;--eui-c-primary-on-surface:#fff;--eui-c-primary-surface-hover:#0035bf;--eui-c-primary-on-surface-hover:#fff;--eui-c-primary-surface-dark:#001f73;--eui-c-primary-on-surface-dark:#fff;--eui-c-primary-border:#5987ff;--eui-c-primary-border-light:#b0c6ff;--eui-c-primary-border-lighter:#d9e3ff;--eui-c-secondary-base:#84849b;--eui-c-secondary:#353559;--eui-c-secondary-lighter:#696984;--eui-c-secondary-light:#505070;--eui-c-secondary-dark:#1c1c45;--eui-c-secondary-darker:#00002e;--eui-c-secondary-surface-light:#f6f6f8;--eui-c-secondary-on-surface-light:#1c1c45;--eui-c-secondary-surface-light-hover:#ededf0;--eui-c-secondary-on-surface-light-hover:#00002e;--eui-c-secondary-surface-medium:#ededf0;--eui-c-secondary-on-surface-medium:#1c1c45;--eui-c-secondary-surface-medium-hover:#e1e1e7;--eui-c-secondary-on-surface-medium-hover:#00002e;--eui-c-secondary-surface:#696984;--eui-c-secondary-on-surface:#fff;--eui-c-secondary-surface-hover:#505070;--eui-c-secondary-on-surface-hover:#fff;--eui-c-secondary-surface-dark:#1c1c45;--eui-c-secondary-on-surface-dark:#fff;--eui-c-secondary-border:#84849b;--eui-c-secondary-border-light:#b9b9c5;--eui-c-secondary-border-lighter:#d4d4dc;--eui-c-neutral-base:#909090;--eui-c-neutral:#474747;--eui-c-neutral-lighter:#777;--eui-c-neutral-light:#606060;--eui-c-neutral-dark:#313131;--eui-c-neutral-darker:#171717;--eui-c-neutral-surface-light:#f7f7f7;--eui-c-neutral-on-surface-light:#313131;--eui-c-neutral-surface-light-hover:#efefef;--eui-c-neutral-on-surface-light-hover:#171717;--eui-c-neutral-surface-medium:#efefef;--eui-c-neutral-on-surface-medium:#313131;--eui-c-neutral-surface-medium-hover:#e4e4e4;--eui-c-neutral-on-surface-medium-hover:#171717;--eui-c-neutral-surface:#a9a9a9;--eui-c-neutral-on-surface:#000;--eui-c-neutral-surface-hover:#bfbfbf;--eui-c-neutral-on-surface-hover:#000;--eui-c-neutral-surface-dark:#313131;--eui-c-neutral-on-surface-dark:#fff;--eui-c-neutral-border:#909090;--eui-c-neutral-border-light:#a9a9a9;--eui-c-neutral-border-lighter:#bfbfbf;--eui-c-cta-base:#ffbe5c;--eui-c-cta:#9e4107;--eui-c-cta-lighter:#ffbe5c;--eui-c-cta-light:#fea439;--eui-c-cta-dark:#c55109;--eui-c-cta-darker:#9e4107;--eui-c-cta-surface-light:#fffcf7;--eui-c-cta-on-surface-light:#c55109;--eui-c-cta-surface-light-hover:#fff5e5;--eui-c-cta-on-surface-light-hover:#763105;--eui-c-cta-surface-medium:#ffebcc;--eui-c-cta-on-surface-medium:#9e4107;--eui-c-cta-surface-medium-hover:#ffe1b4;--eui-c-cta-on-surface-medium-hover:#763105;--eui-c-cta-surface:#ffbe5c;--eui-c-cta-on-surface:#000;--eui-c-cta-surface-hover:#fea439;--eui-c-cta-on-surface-hover:#000;--eui-c-cta-surface-dark:#fc8713;--eui-c-cta-on-surface-dark:#000;--eui-c-cta-border:#ffcb7d;--eui-c-cta-border-light:#ffe1b4;--eui-c-cta-border-lighter:#ffebcc;--eui-c-info-base:#6685c2;--eui-c-info:#3b62b0;--eui-c-info-lighter:#859dce;--eui-c-info-light:#6685c2;--eui-c-info-dark:#039;--eui-c-info-darker:#00297a;--eui-c-info-surface-light:#ebeff7;--eui-c-info-on-surface-light:#3b62b0;--eui-c-info-surface-light-hover:#dee4f2;--eui-c-info-on-surface-light-hover:#039;--eui-c-info-surface-medium:#bfcce6;--eui-c-info-on-surface-medium:#001f5c;--eui-c-info-surface-medium-hover:#a3b6da;--eui-c-info-on-surface-medium-hover:#000;--eui-c-info-surface:#3b62b0;--eui-c-info-on-surface:#fff;--eui-c-info-surface-hover:#039;--eui-c-info-on-surface-hover:#fff;--eui-c-info-surface-dark:#039;--eui-c-info-on-surface-dark:#fff;--eui-c-info-border:#859dce;--eui-c-info-border-light:#a3b6da;--eui-c-info-border-lighter:#bfcce6;--eui-c-success-base:#049e62;--eui-c-success:#025f3b;--eui-c-success-lighter:#049e62;--eui-c-success-light:#037e4e;--eui-c-success-dark:#025f3b;--eui-c-success-darker:#02472c;--eui-c-success-surface-light:#daf6eb;--eui-c-success-on-surface-light:#02472c;--eui-c-success-surface-light-hover:#b2edd6;--eui-c-success-on-surface-light-hover:#02472c;--eui-c-success-surface-medium:#8fe5c4;--eui-c-success-on-surface-medium:#000;--eui-c-success-surface-medium-hover:#5ddaa9;--eui-c-success-on-surface-medium-hover:#000;--eui-c-success-surface:#025f3b;--eui-c-success-on-surface:#fff;--eui-c-success-surface-hover:#02472c;--eui-c-success-on-surface-hover:#fff;--eui-c-success-surface-dark:#02472c;--eui-c-success-on-surface-dark:#fff;--eui-c-success-border:#05b26f;--eui-c-success-border-light:#5ddaa9;--eui-c-success-border-lighter:#8fe5c4;--eui-c-warning-base:#ff8a20;--eui-c-warning:#68390d;--eui-c-warning-lighter:#ba6517;--eui-c-warning-light:#8b4c11;--eui-c-warning-dark:#512c0a;--eui-c-warning-darker:#512c0a;--eui-c-warning-surface-light:#fff3e8;--eui-c-warning-on-surface-light:#68390d;--eui-c-warning-surface-light-hover:#ffeddc;--eui-c-warning-on-surface-light-hover:#512c0a;--eui-c-warning-surface-medium:#ffdbba;--eui-c-warning-on-surface-medium:#68390d;--eui-c-warning-surface-medium-hover:#ffc998;--eui-c-warning-on-surface-medium-hover:#512c0a;--eui-c-warning-surface:#ff8a20;--eui-c-warning-on-surface:#000;--eui-c-warning-surface-hover:#e87e1d;--eui-c-warning-on-surface-hover:#000;--eui-c-warning-surface-dark:#68390d;--eui-c-warning-on-surface-dark:#fff;--eui-c-warning-border:#ffa14d;--eui-c-warning-border-light:#ffc998;--eui-c-warning-border-lighter:#ffdbba;--eui-c-danger-base:#df232d;--eui-c-danger:#cb2029;--eui-c-danger-lighter:#e54f57;--eui-c-danger-light:#df232d;--eui-c-danger-dark:#9e1920;--eui-c-danger-darker:#7b1319;--eui-c-danger-surface-light:#fce9ea;--eui-c-danger-on-surface-light:#9e1920;--eui-c-danger-surface-light-hover:#f5bbbe;--eui-c-danger-on-surface-light-hover:#5a0e12;--eui-c-danger-surface-medium:#f09a9e;--eui-c-danger-on-surface-medium:#5a0e12;--eui-c-danger-surface-medium-hover:#ea6c72;--eui-c-danger-on-surface-medium-hover:#1f0506;--eui-c-danger-surface:#cb2029;--eui-c-danger-on-surface:#fff;--eui-c-danger-surface-hover:#cb2029;--eui-c-danger-on-surface-hover:#fff;--eui-c-danger-surface-dark:#7b1319;--eui-c-danger-on-surface-dark:#fff;--eui-c-danger-border:#df232d;--eui-c-danger-border-light:#ea6c72;--eui-c-danger-border-lighter:#f09a9e;--eui-f-family:"Inter",arial,sans-serif;--eui-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eui-f-size-base:16px;--eui-base-line-height:1.5;--eui-base-scale-factor:1;--eui-f:var(--eui-f-m);--eui-f-light:var(--eui-f-m-light);--eui-f-medium:var(--eui-f-m-medium);--eui-f-semi-bold:var(--eui-f-m-semi-bold);--eui-f-bold:var(--eui-f-m-bold);--eui-f-6xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-6xl)/var(--eui-f-lh-4xl) var(--eui-f-family);--eui-f-6xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-6xl)/var(--eui-f-lh-4xl) var(--eui-f-family);--eui-f-6xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-6xl)/var(--eui-f-lh-4xl) var(--eui-f-family);--eui-f-6xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-6xl)/var(--eui-f-lh-4xl) var(--eui-f-family);--eui-f-6xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-6xl)/var(--eui-f-lh-4xl) var(--eui-f-family);--eui-f-5xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-5xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-5xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-5xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-5xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-4xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-2xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-2xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-2xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-2xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-2xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-l-light:normal normal var(--eui-f-w-light) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l:normal normal var(--eui-f-w-regular) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-m-light:normal normal var(--eui-f-w-light) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m:normal normal var(--eui-f-w-regular) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-s-light:normal normal var(--eui-f-w-light) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s:normal normal var(--eui-f-w-regular) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-xs-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs:normal normal var(--eui-f-w-regular) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-2xs-light:normal normal var(--eui-f-w-light) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs:normal normal var(--eui-f-w-regular) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-s-6xl:2.5rem;--eui-f-s-5xl:2.25rem;--eui-f-s-4xl:2rem;--eui-f-s-3xl:1.75rem;--eui-f-s-2xl:1.5rem;--eui-f-s-xl:1.25rem;--eui-f-s-l:1.125rem;--eui-f-s-m:1rem;--eui-f-s-s:0.875rem;--eui-f-s-xs:0.75rem;--eui-f-s-2xs:0.625rem;--eui-f-lh-4xl:3rem;--eui-f-lh-3xl:2.75rem;--eui-f-lh-2xl:2.5rem;--eui-f-lh-xl:2rem;--eui-f-lh-l:1.75rem;--eui-f-lh-m:1.5rem;--eui-f-lh-s:1.25rem;--eui-f-lh-xs:1.125rem;--eui-f-lh-2xs:1rem;--eui-f-w-light:300;--eui-f-w-regular:400;--eui-f-w-medium:500;--eui-f-w-semi-bold:600;--eui-f-w-bold:700;--eui-s-none:0;--eui-s-5xs:0.0625rem;--eui-s-4xs:0.125rem;--eui-s-3xs:0.25rem;--eui-s-2xs:0.375rem;--eui-s-xs:0.5rem;--eui-s-s:0.75rem;--eui-s-m:1rem;--eui-s-l:1.25rem;--eui-s-xl:1.5rem;--eui-s-2xl:1.75rem;--eui-s-3xl:2rem;--eui-s-4xl:2.25rem;--eui-s-5xl:2.5rem;--eui-s-6xl:2.75rem;--eui-s-7xl:3rem;--eui-s-8xl:3.25rem;--eui-s-9xl:3.5rem;--eui-s-10xl:3.75rem;--eui-s-11xl:4rem;--eui-s-12xl:4.25rem;--eui-s-13xl:4.5rem;--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-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-is-fluid:1em;--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)}@media screen and (min-width:768px) and (max-width:995px){:root{--eui-f-6xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-6xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-6xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-6xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-6xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-5xl)/var(--eui-f-lh-3xl) var(--eui-f-family);--eui-f-5xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-3xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-2xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-2xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-l-light:normal normal var(--eui-f-w-light) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l:normal normal var(--eui-f-w-regular) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-m-light:normal normal var(--eui-f-w-light) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m:normal normal var(--eui-f-w-regular) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-s-light:normal normal var(--eui-f-w-light) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s:normal normal var(--eui-f-w-regular) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-xs-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs:normal normal var(--eui-f-w-regular) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-2xs-light:normal normal var(--eui-f-w-light) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs:normal normal var(--eui-f-w-regular) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family)}}@media screen and (min-width:480px) and (max-width:767px){:root{--eui-f-6xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-6xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-6xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-6xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-6xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-4xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-4xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-l-light:normal normal var(--eui-f-w-light) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l:normal normal var(--eui-f-w-regular) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-light:normal normal var(--eui-f-w-light) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m:normal normal var(--eui-f-w-regular) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-s-light:normal normal var(--eui-f-w-light) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s:normal normal var(--eui-f-w-regular) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-xs-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs:normal normal var(--eui-f-w-regular) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-2xs-light:normal normal var(--eui-f-w-light) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs:normal normal var(--eui-f-w-regular) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family)}}@media screen and (min-width:0) and (max-width:479px){:root{--eui-f-6xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-6xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-6xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-6xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-6xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-3xl)/var(--eui-f-lh-xl) var(--eui-f-family);--eui-f-5xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-5xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-5xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-5xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-5xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-2xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-4xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xl)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-3xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-2xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-l)/var(--eui-f-lh-l) var(--eui-f-family);--eui-f-xl-light:normal normal var(--eui-f-w-light) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-xl:normal normal var(--eui-f-w-regular) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-xl-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-xl-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-xl-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l-light:normal normal var(--eui-f-w-light) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l:normal normal var(--eui-f-w-regular) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-l-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-light:normal normal var(--eui-f-w-light) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m:normal normal var(--eui-f-w-regular) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-m-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-m)/var(--eui-f-lh-m) var(--eui-f-family);--eui-f-s-light:normal normal var(--eui-f-w-light) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s:normal normal var(--eui-f-w-regular) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-s-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-s)/var(--eui-f-lh-s) var(--eui-f-family);--eui-f-xs-light:normal normal var(--eui-f-w-light) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs:normal normal var(--eui-f-w-regular) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-xs-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-xs)/var(--eui-f-lh-xs) var(--eui-f-family);--eui-f-2xs-light:normal normal var(--eui-f-w-light) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs:normal normal var(--eui-f-w-regular) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-medium:normal normal var(--eui-f-w-medium) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-semi-bold:normal normal var(--eui-f-w-semi-bold) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family);--eui-f-2xs-bold:normal normal var(--eui-f-w-bold) var(--eui-f-s-2xs)/var(--eui-f-lh-2xs) var(--eui-f-family)}}html{display:block;font-size:var(--eui-f-size-base);height:100%;line-height:var(--eui-base-line-height)}html::-webkit-scrollbar{background-color:var(--eui-c-secondary-surface-light);display:inherit;height:10px;width:10px}html::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--eui-c-divider);border:2px solid transparent;border-radius:5rem}html::-webkit-scrollbar-thumb:hover{background-color:var(--eui-c-secondary-surface);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-secondary-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:var(--eui-f-size-base);-moz-font-smoothing:antialiased;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:400;height:100%;line-height: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-icon-svg--size-fluid svg,.eui-icon-svg.eui-icon-svg--size-fluid svg>image,.eui-icon-svg.eui-icon-svg--size-fluid.eui-icon-svg--stack svg{height:var(--eui-is-fluid);width:var(--eui-is-fluid)}.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-button .eui-badge{height:inherit}