@eui/styles 19.3.11-snapshot-1765528216041 → 19.3.11-snapshot-1765958867581
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base/01-base/functions/_other.functions.scss +15 -0
- package/dist/base/03-vars-eds/maps-colors-dark-theme.scss +232 -0
- package/dist/base/03-vars-eds/maps-colors-default.scss +451 -0
- package/dist/base/03-vars-eds/maps.scss +403 -0
- package/dist/base/03-vars-eds/vars-dark-theme.scss +105 -0
- package/dist/base/{03-vars/vars-eds-theme.scss → 03-vars-eds/vars.scss} +108 -126
- package/dist/eui-theme-eds.css +1 -0
- package/dist/eui-theme-eds.css.map +1 -0
- package/package.json +1 -1
|
@@ -1,152 +1,138 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '../01-base' as base;
|
|
3
|
-
@use '
|
|
3
|
+
@use './maps' as maps;
|
|
4
|
+
@use './maps-colors-default' as colors;
|
|
4
5
|
|
|
5
6
|
@font-face {
|
|
6
7
|
font-family: 'Inter';
|
|
7
8
|
src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');
|
|
8
9
|
font-weight: 100 900;
|
|
9
10
|
font-style: normal;
|
|
10
|
-
font-display:
|
|
11
|
+
font-display: block;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
14
|
@font-face {
|
|
14
15
|
font-family: 'Inter';
|
|
15
16
|
src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable-Italic.woff2') format('woff2');
|
|
16
17
|
font-weight: 100 900;
|
|
17
|
-
font-display:
|
|
18
|
+
font-display: block;
|
|
18
19
|
font-style: italic;
|
|
19
20
|
}
|
|
20
21
|
|
|
21
22
|
:root {
|
|
22
|
-
// COLOR BASE - eui-bc
|
|
23
|
-
// -------------------
|
|
24
|
-
|
|
25
|
-
--eui-bc-transparent: transparent;
|
|
26
|
-
|
|
27
|
-
@each $color, $shades in maps.$color-map {
|
|
28
|
-
@each $shade, $value in $shades {
|
|
29
|
-
--eui-bc-#{$color + '-' + $shade}: #{$value};
|
|
30
|
-
--eui-bc-#{$color + '-' + $shade}-contrast: #{base.getContrast($value)};
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
@each $color, $shades in maps.$color-map {
|
|
35
|
-
@each $shade, $value in $shades {
|
|
36
|
-
--eui-bc-#{$color + '-' + $shade}-rgb: #{base.toRGB($value)};
|
|
37
|
-
--eui-bc-#{$color + '-' + $shade}-rgb-contrast: #{base.toRGB(base.getContrast($value))};
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
23
|
// GENERIC CONTEXT COLORS
|
|
42
24
|
// ----------------------
|
|
43
|
-
|
|
44
|
-
|
|
25
|
+
|
|
26
|
+
--eui-c-transparent: transparent;
|
|
45
27
|
--eui-c-white: #fff;
|
|
46
28
|
--eui-c-black: #000;
|
|
47
29
|
|
|
48
|
-
--eui-c-secondary-min:
|
|
49
|
-
--eui-c-secondary-max:
|
|
30
|
+
--eui-c-secondary-min: #{map.get(map.get(colors.$color-map, grn), 25)};
|
|
31
|
+
--eui-c-secondary-max: #{map.get(map.get(colors.$color-map, grn), 950)};
|
|
50
32
|
|
|
51
|
-
--eui-c-surface-page:
|
|
33
|
+
--eui-c-surface-page: #{map.get(map.get(colors.$color-map, grn), 25)};
|
|
52
34
|
--eui-c-surface-container: var(--eui-c-white);
|
|
53
|
-
|
|
54
|
-
--eui-c-surface-shell: var(--eui-bc-grn-50);
|
|
55
|
-
--eui-c-surface-container-1: var(--eui-bc-grn-75);
|
|
56
|
-
--eui-c-surface-container-2: var(--eui-bc-grn-100);
|
|
57
|
-
--eui-c-surface-container-3: var(--eui-bc-grn-200);
|
|
58
|
-
|
|
59
|
-
--eui-c-text: var(--eui-bc-gr-950);
|
|
60
|
-
--eui-c-text-light: var(--eui-bc-gr-800);
|
|
61
|
-
--eui-c-text-lighter: var(--eui-bc-gr-700);
|
|
62
|
-
--eui-c-text-lightest: var(--eui-bc-gr-600);
|
|
63
|
-
|
|
64
|
-
--eui-c-focus-visible: var(--eui-bc-pr-600);
|
|
65
|
-
--eui-c-focus: var(--eui-bc-pr-200);
|
|
66
35
|
|
|
67
|
-
--eui-c-
|
|
68
|
-
--eui-c-
|
|
69
|
-
|
|
70
|
-
--eui-c-
|
|
71
|
-
|
|
72
|
-
--eui-c-
|
|
73
|
-
--eui-c-
|
|
36
|
+
--eui-c-surface-shell: #{map.get(map.get(colors.$color-map, grn), 50)};
|
|
37
|
+
--eui-c-surface-container-1: #{map.get(map.get(colors.$color-map, grn), 75)};
|
|
38
|
+
--eui-c-surface-container-2: #{map.get(map.get(colors.$color-map, grn), 100)};
|
|
39
|
+
--eui-c-surface-container-3: #{map.get(map.get(colors.$color-map, grn), 200)};
|
|
40
|
+
|
|
41
|
+
--eui-c-text: #{map.get(map.get(colors.$color-map, gr), 950)};
|
|
42
|
+
--eui-c-text-light: #{map.get(map.get(colors.$color-map, gr), 800)};
|
|
43
|
+
--eui-c-text-lighter: #{map.get(map.get(colors.$color-map, gr), 700)};
|
|
44
|
+
--eui-c-text-lightest: #{map.get(map.get(colors.$color-map, gr), 600)};
|
|
45
|
+
|
|
46
|
+
--eui-c-focus-visible: #{map.get(map.get(colors.$color-map, pr), 600)};
|
|
47
|
+
--eui-c-focus: #{map.get(map.get(colors.$color-map, pr), 200)};
|
|
48
|
+
|
|
49
|
+
--eui-c-hover: #{map.get(map.get(colors.$color-map, pr), 75)};
|
|
50
|
+
--eui-c-hover-disabled: #{map.get(map.get(colors.$color-map, gr), 100)};
|
|
74
51
|
|
|
75
|
-
--eui-c-
|
|
76
|
-
--eui-c-
|
|
77
|
-
--eui-c-
|
|
52
|
+
--eui-c-active: #{map.get(map.get(colors.$color-map, pr), 600)};
|
|
53
|
+
--eui-c-active-bg: #{map.get(map.get(colors.$color-map, pr), 200)};
|
|
54
|
+
--eui-c-active-bg-alt: #{map.get(map.get(colors.$color-map, pr), 300)};
|
|
55
|
+
--eui-c-active-bg-light: #{map.get(map.get(colors.$color-map, pr), 100)};
|
|
56
|
+
--eui-c-active-bg-lighter: #{map.get(map.get(colors.$color-map, pr), 75)};
|
|
78
57
|
|
|
79
|
-
--eui-c-
|
|
58
|
+
--eui-c-disabled: #{map.get(map.get(colors.$color-map, gr), 500)};
|
|
59
|
+
--eui-c-disabled-bg: #{map.get(map.get(colors.$color-map, gr), 50)};
|
|
60
|
+
--eui-c-readonly: #{map.get(map.get(colors.$color-map, gr), 600)};
|
|
80
61
|
|
|
81
|
-
--eui-c-
|
|
82
|
-
--eui-c-divider-light: var(--eui-bc-gr-75);
|
|
62
|
+
--eui-c-link: #{map.get(map.get(colors.$color-map, pr), 600)};
|
|
83
63
|
|
|
64
|
+
--eui-c-divider: #{map.get(map.get(colors.$color-map, gr), 100)};
|
|
65
|
+
--eui-c-divider-dark: #{map.get(map.get(colors.$color-map, gr), 200)};
|
|
66
|
+
--eui-c-divider-light: #{map.get(map.get(colors.$color-map, gr), 75)};
|
|
84
67
|
|
|
85
|
-
|
|
86
|
-
--eui-c-secondary-min-rgb: var(--eui-bc-gr-25-rgb);
|
|
87
|
-
--eui-c-secondary-max-rgb: var(--eui-bc-gr-950-rgb);
|
|
88
68
|
|
|
89
|
-
|
|
90
|
-
--eui-c-surface-container-rgb: var(--eui-c-white-rgb);
|
|
69
|
+
// RGB
|
|
91
70
|
|
|
92
|
-
--eui-c-
|
|
93
|
-
--eui-c-
|
|
94
|
-
--eui-c-surface-container-2-rgb: var(--eui-bc-grn-100-rgb);
|
|
95
|
-
--eui-c-surface-container-3-rgb: var(--eui-bc-grn-200-rgb);
|
|
71
|
+
--eui-c-white-rgb: #{base.toRGB(#fff)};
|
|
72
|
+
--eui-c-black-rgb: #{base.toRGB(#000)};
|
|
96
73
|
|
|
97
|
-
--eui-c-
|
|
98
|
-
--eui-c-
|
|
99
|
-
--eui-c-text-lighter-rgb: var(--eui-bc-gr-700-rgb);
|
|
100
|
-
--eui-c-text-lightest-rgb: var(--eui-bc-gr-600-rgb);
|
|
74
|
+
--eui-c-secondary-min-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 25))};
|
|
75
|
+
--eui-c-secondary-max-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 950))};
|
|
101
76
|
|
|
102
|
-
--eui-c-
|
|
103
|
-
--eui-c-
|
|
77
|
+
--eui-c-surface-page-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 25))};
|
|
78
|
+
--eui-c-surface-container: var(--eui-c-white);
|
|
104
79
|
|
|
105
|
-
--eui-c-
|
|
106
|
-
--eui-c-
|
|
80
|
+
--eui-c-surface-shell-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 50))};
|
|
81
|
+
--eui-c-surface-container-1-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 75))};
|
|
82
|
+
--eui-c-surface-container-2-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 100))};
|
|
83
|
+
--eui-c-surface-container-3-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 200))};
|
|
84
|
+
|
|
85
|
+
--eui-c-text-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 950))};
|
|
86
|
+
--eui-c-text-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 800))};
|
|
87
|
+
--eui-c-text-lighter-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 700))};
|
|
88
|
+
--eui-c-text-lightest-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 600))};
|
|
89
|
+
|
|
90
|
+
--eui-c-focus-visible-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};
|
|
91
|
+
--eui-c-focus-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 200))};
|
|
92
|
+
|
|
93
|
+
--eui-c-hover-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 75))};
|
|
94
|
+
--eui-c-hover-disabled-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 100))};
|
|
95
|
+
|
|
96
|
+
--eui-c-active-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};
|
|
97
|
+
--eui-c-active-bg-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 200))};
|
|
98
|
+
--eui-c-active-bg-alt-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 300))};
|
|
99
|
+
--eui-c-active-bg-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 100))};
|
|
100
|
+
--eui-c-active-bg-lighter-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 75))};
|
|
107
101
|
|
|
108
|
-
--eui-c-
|
|
109
|
-
--eui-c-
|
|
110
|
-
--eui-c-
|
|
111
|
-
--eui-c-active-bg-light: var(--eui-bc-pr-100-rgb);
|
|
102
|
+
--eui-c-disabled-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 500))};
|
|
103
|
+
--eui-c-disabled-bg-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 50))};
|
|
104
|
+
--eui-c-readonly-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 600))};
|
|
112
105
|
|
|
113
|
-
--eui-c-
|
|
114
|
-
--eui-c-disabled-bg-rgb: var(--eui-bc-gr-50-rgb);
|
|
115
|
-
--eui-c-readonly-rgb: var(--eui-bc-gr-600-rgb);
|
|
106
|
+
--eui-c-link-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};
|
|
116
107
|
|
|
117
|
-
--eui-c-
|
|
108
|
+
--eui-c-divider-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 100))};
|
|
109
|
+
--eui-c-divider-dark-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 200))};
|
|
110
|
+
--eui-c-divider-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 75))};
|
|
118
111
|
|
|
119
|
-
--eui-c-divider-rgb: var(--eui-bc-gr-100-rgb);
|
|
120
|
-
--eui-c-divider-light-rgb: var(--eui-bc-gr-75-rgb);
|
|
121
112
|
|
|
113
|
+
--eui-c-black-alpha-025: rgba(0,0,0, 0.025);
|
|
114
|
+
--eui-c-black-alpha-10: rgba(0,0,0, 0.1);
|
|
115
|
+
--eui-c-black-alpha-075: rgba(0,0,0, 0.075);
|
|
122
116
|
|
|
123
117
|
|
|
124
118
|
// CONTEXT COLORS FROM PALETTES
|
|
125
119
|
// ----------------------------
|
|
126
120
|
|
|
127
|
-
@each $color, $shades in
|
|
121
|
+
@each $color, $shades in colors.$color-state-map {
|
|
128
122
|
@each $shade, $value in $shades {
|
|
129
123
|
@if $shade == default {
|
|
130
|
-
--eui-c-#{$color}:
|
|
131
|
-
|
|
132
|
-
--eui-c-on-#{$color}: var(--eui-bc-#{$value});
|
|
124
|
+
--eui-c-#{$color}: #{$value};
|
|
125
|
+
--eui-c-#{$color}-rgb: #{base.toRGB($value)};
|
|
133
126
|
} @else {
|
|
134
|
-
--eui-c-#{$color + '-' + $shade}:
|
|
127
|
+
--eui-c-#{$color + '-' + $shade}: #{$value};
|
|
128
|
+
--eui-c-#{$color + '-' + $shade}-rgb: #{base.toRGB($value)};
|
|
135
129
|
}
|
|
136
130
|
}
|
|
137
131
|
}
|
|
138
132
|
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
--eui-c-#{$color}-rgb: var(--eui-bc-#{$value}-rgb);
|
|
143
|
-
} @else if $shade == on-default {
|
|
144
|
-
--eui-c-on-#{$color}-rgb: var(--eui-bc-#{$value}-rgb);
|
|
145
|
-
} @else {
|
|
146
|
-
--eui-c-#{$color + '-' + $shade}-rgb: var(--eui-bc-#{$value}-rgb);
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
}
|
|
133
|
+
|
|
134
|
+
// TYPOGRAPHY - eui-f
|
|
135
|
+
// ------------------
|
|
150
136
|
|
|
151
137
|
// TYPOGRAPHY
|
|
152
138
|
--eui-f-family: 'Inter', arial, sans-serif;
|
|
@@ -168,56 +154,52 @@
|
|
|
168
154
|
--eui-f-semi-bold: var(--eui-f-m-semi-bold);
|
|
169
155
|
--eui-f-bold: var(--eui-f-m-bold);
|
|
170
156
|
|
|
171
|
-
@each $size, $def in maps.$font-size-map {
|
|
172
|
-
--eui-f-s-r-#{$size}: #{$def};
|
|
173
|
-
}
|
|
174
|
-
|
|
175
157
|
@each $size, $sizeDef in maps.$font-map {
|
|
176
158
|
$desktop: map.get($sizeDef, 'desktop');
|
|
177
|
-
--eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s
|
|
178
|
-
--eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s
|
|
179
|
-
--eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s
|
|
180
|
-
--eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s
|
|
181
|
-
--eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s
|
|
182
|
-
--eui-f-s-#{$size}: var(--eui-f-s-r-#{map.get($desktop, 'font-size')});
|
|
159
|
+
--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);
|
|
160
|
+
--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);
|
|
161
|
+
--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);
|
|
162
|
+
--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);
|
|
163
|
+
--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);
|
|
183
164
|
}
|
|
184
165
|
|
|
185
166
|
@include base.media(maps.$eui-bkp-tablet) {
|
|
186
167
|
@each $size, $sizeDef in maps.$font-map {
|
|
187
168
|
$tablet: map.get($sizeDef, 'tablet');
|
|
188
|
-
--eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s
|
|
189
|
-
--eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s
|
|
190
|
-
--eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s
|
|
191
|
-
--eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s
|
|
192
|
-
--eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s
|
|
193
|
-
--eui-f-s-#{$size}: var(--eui-f-s-r-#{map.get($tablet, 'font-size')});
|
|
169
|
+
--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);
|
|
170
|
+
--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);
|
|
171
|
+
--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);
|
|
172
|
+
--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);
|
|
173
|
+
--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);
|
|
194
174
|
}
|
|
195
175
|
}
|
|
196
176
|
|
|
197
177
|
@include base.media(maps.$eui-bkp-mobile-s) {
|
|
198
178
|
@each $size, $sizeDef in maps.$font-map {
|
|
199
179
|
$mobile: map.get($sizeDef, 'mobile');
|
|
200
|
-
--eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s
|
|
201
|
-
--eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s
|
|
202
|
-
--eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s
|
|
203
|
-
--eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s
|
|
204
|
-
--eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s
|
|
205
|
-
--eui-f-s-#{$size}: var(--eui-f-s-r-#{map.get($mobile, 'font-size')});
|
|
180
|
+
--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);
|
|
181
|
+
--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);
|
|
182
|
+
--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);
|
|
183
|
+
--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);
|
|
184
|
+
--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);
|
|
206
185
|
}
|
|
207
186
|
}
|
|
208
187
|
|
|
209
188
|
@include base.media(maps.$eui-bkp-mobile-xs) {
|
|
210
189
|
@each $size, $sizeDef in maps.$font-map {
|
|
211
190
|
$mobilexs: map.get($sizeDef, 'mobile-xs');
|
|
212
|
-
--eui-f-#{$size}-light: normal normal var(--eui-f-w-light) var(--eui-f-s
|
|
213
|
-
--eui-f-#{$size}: normal normal var(--eui-f-w-regular) var(--eui-f-s
|
|
214
|
-
--eui-f-#{$size}-medium: normal normal var(--eui-f-w-medium) var(--eui-f-s
|
|
215
|
-
--eui-f-#{$size}-semi-bold: normal normal var(--eui-f-w-semi-bold) var(--eui-f-s
|
|
216
|
-
--eui-f-#{$size}-bold: normal normal var(--eui-f-w-bold) var(--eui-f-s
|
|
217
|
-
--eui-f-s-#{$size}: var(--eui-f-s-r-#{map.get($mobilexs, 'font-size')});
|
|
191
|
+
--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);
|
|
192
|
+
--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);
|
|
193
|
+
--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);
|
|
194
|
+
--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);
|
|
195
|
+
--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);
|
|
218
196
|
}
|
|
219
197
|
}
|
|
220
198
|
|
|
199
|
+
@each $size, $def in maps.$font-size-map {
|
|
200
|
+
--eui-f-s-#{$size}: #{$def};
|
|
201
|
+
}
|
|
202
|
+
|
|
221
203
|
@each $size, $def in maps.$font-line-height-map {
|
|
222
204
|
--eui-f-lh-#{$size}: #{$def};
|
|
223
205
|
}
|
|
@@ -290,6 +272,7 @@
|
|
|
290
272
|
--eui-zi-#{$idx}: #{$value};
|
|
291
273
|
}
|
|
292
274
|
|
|
275
|
+
|
|
293
276
|
// OTHERS
|
|
294
277
|
// ------
|
|
295
278
|
--eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');
|
|
@@ -298,8 +281,7 @@
|
|
|
298
281
|
--eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');
|
|
299
282
|
--eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg');
|
|
300
283
|
|
|
301
|
-
|
|
302
|
-
--eui-base-scale-factor: 1;
|
|
284
|
+
|
|
303
285
|
|
|
304
286
|
// Animations related
|
|
305
287
|
--eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@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-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-white-rgb:255,255,255;--eui-c-black-rgb:0,0,0;--eui-c-secondary-min-rgb:251,251,251;--eui-c-secondary-max-rgb:23,23,23;--eui-c-surface-page-rgb:251,251,251;--eui-c-surface-container:var(--eui-c-white);--eui-c-surface-shell-rgb:247,247,247;--eui-c-surface-container-1-rgb:239,239,239;--eui-c-surface-container-2-rgb:228,228,228;--eui-c-surface-container-3-rgb:216,216,216;--eui-c-text-rgb:0,0,46;--eui-c-text-light-rgb:53,53,89;--eui-c-text-lighter-rgb:80,80,112;--eui-c-text-lightest-rgb:105,105,132;--eui-c-focus-visible-rgb:0,70,255;--eui-c-focus-rgb:217,227,255;--eui-c-hover-rgb:238,242,255;--eui-c-hover-disabled-rgb:225,225,231;--eui-c-active-rgb:0,70,255;--eui-c-active-bg-rgb:217,227,255;--eui-c-active-bg-alt-rgb:176,198,255;--eui-c-active-bg-light-rgb:230,237,255;--eui-c-active-bg-lighter-rgb:238,242,255;--eui-c-disabled-rgb:132,132,155;--eui-c-disabled-bg-rgb:246,246,248;--eui-c-readonly-rgb:105,105,132;--eui-c-link-rgb:0,70,255;--eui-c-divider-rgb:225,225,231;--eui-c-divider-dark-rgb:212,212,220;--eui-c-divider-light-rgb:237,237,240;--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-base-rgb:28,28,69;--eui-c-branding:#1c1c45;--eui-c-branding-rgb:28,28,69;--eui-c-branding-lighter:#505070;--eui-c-branding-lighter-rgb:80,80,112;--eui-c-branding-light:#353559;--eui-c-branding-light-rgb:53,53,89;--eui-c-branding-dark:#00002e;--eui-c-branding-dark-rgb:0,0,46;--eui-c-branding-surface:#1c1c45;--eui-c-branding-surface-rgb:28,28,69;--eui-c-branding-on-surface:#fff;--eui-c-branding-on-surface-rgb:255,255,255;--eui-c-branding-surface-light:#353559;--eui-c-branding-surface-light-rgb:53,53,89;--eui-c-branding-on-surface-light:#fff;--eui-c-branding-on-surface-light-rgb:255,255,255;--eui-c-branding-surface-dark:#00002e;--eui-c-branding-surface-dark-rgb:0,0,46;--eui-c-branding-on-surface-dark:#fff;--eui-c-branding-on-surface-dark-rgb:255,255,255;--eui-c-primary-base:#0046ff;--eui-c-primary-base-rgb:0,70,255;--eui-c-primary:#0035bf;--eui-c-primary-rgb:0,53,191;--eui-c-primary-lighter:#5987ff;--eui-c-primary-lighter-rgb:89,135,255;--eui-c-primary-light:#0046ff;--eui-c-primary-light-rgb:0,70,255;--eui-c-primary-dark:#001f73;--eui-c-primary-dark-rgb:0,31,115;--eui-c-primary-darker:#001959;--eui-c-primary-darker-rgb:0,25,89;--eui-c-primary-surface-light:#eef2ff;--eui-c-primary-surface-light-rgb:238,242,255;--eui-c-primary-on-surface-light:#001f73;--eui-c-primary-on-surface-light-rgb:0,31,115;--eui-c-primary-surface-light-hover:#e6edff;--eui-c-primary-surface-light-hover-rgb:230,237,255;--eui-c-primary-on-surface-light-hover:#001959;--eui-c-primary-on-surface-light-hover-rgb:0,25,89;--eui-c-primary-surface-medium:#d9e3ff;--eui-c-primary-surface-medium-rgb:217,227,255;--eui-c-primary-on-surface-medium:#000;--eui-c-primary-on-surface-medium-rgb:0,0,0;--eui-c-primary-surface-medium-hover:#b0c6ff;--eui-c-primary-surface-medium-hover-rgb:176,198,255;--eui-c-primary-on-surface-medium-hover:#000;--eui-c-primary-on-surface-medium-hover-rgb:0,0,0;--eui-c-primary-surface:#0046ff;--eui-c-primary-surface-rgb:0,70,255;--eui-c-primary-on-surface:#fff;--eui-c-primary-on-surface-rgb:255,255,255;--eui-c-primary-surface-hover:#0035bf;--eui-c-primary-surface-hover-rgb:0,53,191;--eui-c-primary-on-surface-hover:#fff;--eui-c-primary-on-surface-hover-rgb:255,255,255;--eui-c-primary-surface-dark:#001f73;--eui-c-primary-surface-dark-rgb:0,31,115;--eui-c-primary-on-surface-dark:#fff;--eui-c-primary-on-surface-dark-rgb:255,255,255;--eui-c-primary-border:#5987ff;--eui-c-primary-border-rgb:89,135,255;--eui-c-primary-border-light:#b0c6ff;--eui-c-primary-border-light-rgb:176,198,255;--eui-c-primary-border-lighter:#d9e3ff;--eui-c-primary-border-lighter-rgb:217,227,255;--eui-c-secondary-base:#84849b;--eui-c-secondary-base-rgb:132,132,155;--eui-c-secondary:#353559;--eui-c-secondary-rgb:53,53,89;--eui-c-secondary-lighter:#696984;--eui-c-secondary-lighter-rgb:105,105,132;--eui-c-secondary-light:#505070;--eui-c-secondary-light-rgb:80,80,112;--eui-c-secondary-dark:#1c1c45;--eui-c-secondary-dark-rgb:28,28,69;--eui-c-secondary-darker:#00002e;--eui-c-secondary-darker-rgb:0,0,46;--eui-c-secondary-surface-light:#f6f6f8;--eui-c-secondary-surface-light-rgb:246,246,248;--eui-c-secondary-on-surface-light:#1c1c45;--eui-c-secondary-on-surface-light-rgb:28,28,69;--eui-c-secondary-surface-light-hover:#ededf0;--eui-c-secondary-surface-light-hover-rgb:237,237,240;--eui-c-secondary-on-surface-light-hover:#00002e;--eui-c-secondary-on-surface-light-hover-rgb:0,0,46;--eui-c-secondary-surface-medium:#ededf0;--eui-c-secondary-surface-medium-rgb:237,237,240;--eui-c-secondary-on-surface-medium:#1c1c45;--eui-c-secondary-on-surface-medium-rgb:28,28,69;--eui-c-secondary-surface-medium-hover:#e1e1e7;--eui-c-secondary-surface-medium-hover-rgb:225,225,231;--eui-c-secondary-on-surface-medium-hover:#00002e;--eui-c-secondary-on-surface-medium-hover-rgb:0,0,46;--eui-c-secondary-surface:#696984;--eui-c-secondary-surface-rgb:105,105,132;--eui-c-secondary-on-surface:#fff;--eui-c-secondary-on-surface-rgb:255,255,255;--eui-c-secondary-surface-hover:#505070;--eui-c-secondary-surface-hover-rgb:80,80,112;--eui-c-secondary-on-surface-hover:#fff;--eui-c-secondary-on-surface-hover-rgb:255,255,255;--eui-c-secondary-surface-dark:#1c1c45;--eui-c-secondary-surface-dark-rgb:28,28,69;--eui-c-secondary-on-surface-dark:#fff;--eui-c-secondary-on-surface-dark-rgb:255,255,255;--eui-c-secondary-border:#84849b;--eui-c-secondary-border-rgb:132,132,155;--eui-c-secondary-border-light:#b9b9c5;--eui-c-secondary-border-light-rgb:185,185,197;--eui-c-secondary-border-lighter:#d4d4dc;--eui-c-secondary-border-lighter-rgb:212,212,220;--eui-c-neutral-base:#909090;--eui-c-neutral-base-rgb:144,144,144;--eui-c-neutral:#909090;--eui-c-neutral-rgb:144,144,144;--eui-c-neutral-lighter:#777;--eui-c-neutral-lighter-rgb:119,119,119;--eui-c-neutral-light:#606060;--eui-c-neutral-light-rgb:96,96,96;--eui-c-neutral-dark:#313131;--eui-c-neutral-dark-rgb:49,49,49;--eui-c-neutral-darker:#171717;--eui-c-neutral-darker-rgb:23,23,23;--eui-c-neutral-surface-light:#f7f7f7;--eui-c-neutral-surface-light-rgb:247,247,247;--eui-c-neutral-on-surface-light:#313131;--eui-c-neutral-on-surface-light-rgb:49,49,49;--eui-c-neutral-surface-light-hover:#efefef;--eui-c-neutral-surface-light-hover-rgb:239,239,239;--eui-c-neutral-on-surface-light-hover:#171717;--eui-c-neutral-on-surface-light-hover-rgb:23,23,23;--eui-c-neutral-surface-medium:#efefef;--eui-c-neutral-surface-medium-rgb:239,239,239;--eui-c-neutral-on-surface-medium:#313131;--eui-c-neutral-on-surface-medium-rgb:49,49,49;--eui-c-neutral-surface-medium-hover:#e4e4e4;--eui-c-neutral-surface-medium-hover-rgb:228,228,228;--eui-c-neutral-on-surface-medium-hover:#171717;--eui-c-neutral-on-surface-medium-hover-rgb:23,23,23;--eui-c-neutral-surface:#a9a9a9;--eui-c-neutral-surface-rgb:169,169,169;--eui-c-neutral-on-surface:#000;--eui-c-neutral-on-surface-rgb:0,0,0;--eui-c-neutral-surface-hover:#bfbfbf;--eui-c-neutral-surface-hover-rgb:191,191,191;--eui-c-neutral-on-surface-hover:#000;--eui-c-neutral-on-surface-hover-rgb:0,0,0;--eui-c-neutral-surface-dark:#313131;--eui-c-neutral-surface-dark-rgb:49,49,49;--eui-c-neutral-on-surface-dark:#fff;--eui-c-neutral-on-surface-dark-rgb:255,255,255;--eui-c-neutral-border:#909090;--eui-c-neutral-border-rgb:144,144,144;--eui-c-neutral-border-light:#a9a9a9;--eui-c-neutral-border-light-rgb:169,169,169;--eui-c-neutral-border-lighter:#bfbfbf;--eui-c-neutral-border-lighter-rgb:191,191,191;--eui-c-cta-base:#ffbe5c;--eui-c-cta-base-rgb:255,190,92;--eui-c-cta:#9e4107;--eui-c-cta-rgb:158,65,7;--eui-c-cta-lighter:#ffbe5c;--eui-c-cta-lighter-rgb:255,190,92;--eui-c-cta-light:#fea439;--eui-c-cta-light-rgb:254,164,57;--eui-c-cta-dark:#c55109;--eui-c-cta-dark-rgb:197,81,9;--eui-c-cta-darker:#9e4107;--eui-c-cta-darker-rgb:158,65,7;--eui-c-cta-surface-light:#fffcf7;--eui-c-cta-surface-light-rgb:255,252,247;--eui-c-cta-on-surface-light:#c55109;--eui-c-cta-on-surface-light-rgb:197,81,9;--eui-c-cta-surface-light-hover:#fff5e5;--eui-c-cta-surface-light-hover-rgb:255,245,229;--eui-c-cta-on-surface-light-hover:#763105;--eui-c-cta-on-surface-light-hover-rgb:118,49,5;--eui-c-cta-surface-medium:#ffebcc;--eui-c-cta-surface-medium-rgb:255,235,204;--eui-c-cta-on-surface-medium:#9e4107;--eui-c-cta-on-surface-medium-rgb:158,65,7;--eui-c-cta-surface-medium-hover:#ffe1b4;--eui-c-cta-surface-medium-hover-rgb:255,225,180;--eui-c-cta-on-surface-medium-hover:#763105;--eui-c-cta-on-surface-medium-hover-rgb:118,49,5;--eui-c-cta-surface:#ffbe5c;--eui-c-cta-surface-rgb:255,190,92;--eui-c-cta-on-surface:#000;--eui-c-cta-on-surface-rgb:0,0,0;--eui-c-cta-surface-hover:#fea439;--eui-c-cta-surface-hover-rgb:254,164,57;--eui-c-cta-on-surface-hover:#000;--eui-c-cta-on-surface-hover-rgb:0,0,0;--eui-c-cta-surface-dark:#fc8713;--eui-c-cta-surface-dark-rgb:252,135,19;--eui-c-cta-on-surface-dark:#000;--eui-c-cta-on-surface-dark-rgb:0,0,0;--eui-c-cta-border:#ffcb7d;--eui-c-cta-border-rgb:255,203,125;--eui-c-cta-border-light:#ffe1b4;--eui-c-cta-border-light-rgb:255,225,180;--eui-c-cta-border-lighter:#ffebcc;--eui-c-cta-border-lighter-rgb:255,235,204;--eui-c-info-base:#6685c2;--eui-c-info-base-rgb:102,133,194;--eui-c-info:#3b62b0;--eui-c-info-rgb:59,98,176;--eui-c-info-lighter:#859dce;--eui-c-info-lighter-rgb:133,157,206;--eui-c-info-light:#6685c2;--eui-c-info-light-rgb:102,133,194;--eui-c-info-dark:#039;--eui-c-info-dark-rgb:0,51,153;--eui-c-info-darker:#00297a;--eui-c-info-darker-rgb:0,41,122;--eui-c-info-surface-light:#ebeff7;--eui-c-info-surface-light-rgb:235,239,247;--eui-c-info-on-surface-light:#3b62b0;--eui-c-info-on-surface-light-rgb:59,98,176;--eui-c-info-surface-light-hover:#dee4f2;--eui-c-info-surface-light-hover-rgb:222,228,242;--eui-c-info-on-surface-light-hover:#039;--eui-c-info-on-surface-light-hover-rgb:0,51,153;--eui-c-info-surface-medium:#bfcce6;--eui-c-info-surface-medium-rgb:191,204,230;--eui-c-info-on-surface-medium:#001f5c;--eui-c-info-on-surface-medium-rgb:0,31,92;--eui-c-info-surface-medium-hover:#a3b6da;--eui-c-info-surface-medium-hover-rgb:163,182,218;--eui-c-info-on-surface-medium-hover:#000;--eui-c-info-on-surface-medium-hover-rgb:0,0,0;--eui-c-info-surface:#3b62b0;--eui-c-info-surface-rgb:59,98,176;--eui-c-info-on-surface:#fff;--eui-c-info-on-surface-rgb:255,255,255;--eui-c-info-surface-hover:#039;--eui-c-info-surface-hover-rgb:0,51,153;--eui-c-info-on-surface-hover:#fff;--eui-c-info-on-surface-hover-rgb:255,255,255;--eui-c-info-surface-dark:#039;--eui-c-info-surface-dark-rgb:0,51,153;--eui-c-info-on-surface-dark:#fff;--eui-c-info-on-surface-dark-rgb:255,255,255;--eui-c-info-border:#859dce;--eui-c-info-border-rgb:133,157,206;--eui-c-info-border-light:#a3b6da;--eui-c-info-border-light-rgb:163,182,218;--eui-c-info-border-lighter:#bfcce6;--eui-c-info-border-lighter-rgb:191,204,230;--eui-c-success-base:#049e62;--eui-c-success-base-rgb:4,158,98;--eui-c-success:#025f3b;--eui-c-success-rgb:2,95,59;--eui-c-success-lighter:#049e62;--eui-c-success-lighter-rgb:4,158,98;--eui-c-success-light:#037e4e;--eui-c-success-light-rgb:3,126,78;--eui-c-success-dark:#025f3b;--eui-c-success-dark-rgb:2,95,59;--eui-c-success-darker:#02472c;--eui-c-success-darker-rgb:2,71,44;--eui-c-success-surface-light:#daf6eb;--eui-c-success-surface-light-rgb:218,246,235;--eui-c-success-on-surface-light:#02472c;--eui-c-success-on-surface-light-rgb:2,71,44;--eui-c-success-surface-light-hover:#b2edd6;--eui-c-success-surface-light-hover-rgb:178,237,214;--eui-c-success-on-surface-light-hover:#02472c;--eui-c-success-on-surface-light-hover-rgb:2,71,44;--eui-c-success-surface-medium:#8fe5c4;--eui-c-success-surface-medium-rgb:143,229,196;--eui-c-success-on-surface-medium:#000;--eui-c-success-on-surface-medium-rgb:0,0,0;--eui-c-success-surface-medium-hover:#5ddaa9;--eui-c-success-surface-medium-hover-rgb:93,218,169;--eui-c-success-on-surface-medium-hover:#000;--eui-c-success-on-surface-medium-hover-rgb:0,0,0;--eui-c-success-surface:#025f3b;--eui-c-success-surface-rgb:2,95,59;--eui-c-success-on-surface:#fff;--eui-c-success-on-surface-rgb:255,255,255;--eui-c-success-surface-hover:#02472c;--eui-c-success-surface-hover-rgb:2,71,44;--eui-c-success-on-surface-hover:#fff;--eui-c-success-on-surface-hover-rgb:255,255,255;--eui-c-success-surface-dark:#02472c;--eui-c-success-surface-dark-rgb:2,71,44;--eui-c-success-on-surface-dark:#fff;--eui-c-success-on-surface-dark-rgb:255,255,255;--eui-c-success-border:#05b26f;--eui-c-success-border-rgb:5,178,111;--eui-c-success-border-light:#5ddaa9;--eui-c-success-border-light-rgb:93,218,169;--eui-c-success-border-lighter:#8fe5c4;--eui-c-success-border-lighter-rgb:143,229,196;--eui-c-warning-base:#ff8a20;--eui-c-warning-base-rgb:255,138,32;--eui-c-warning:#68390d;--eui-c-warning-rgb:104,57,13;--eui-c-warning-lighter:#ba6517;--eui-c-warning-lighter-rgb:186,101,23;--eui-c-warning-light:#8b4c11;--eui-c-warning-light-rgb:139,76,17;--eui-c-warning-dark:#512c0a;--eui-c-warning-dark-rgb:81,44,10;--eui-c-warning-darker:#512c0a;--eui-c-warning-darker-rgb:81,44,10;--eui-c-warning-surface-light:#fff3e8;--eui-c-warning-surface-light-rgb:255,243,232;--eui-c-warning-on-surface-light:#68390d;--eui-c-warning-on-surface-light-rgb:104,57,13;--eui-c-warning-surface-light-hover:#ffeddc;--eui-c-warning-surface-light-hover-rgb:255,237,220;--eui-c-warning-on-surface-light-hover:#512c0a;--eui-c-warning-on-surface-light-hover-rgb:81,44,10;--eui-c-warning-surface-medium:#ffdbba;--eui-c-warning-surface-medium-rgb:255,219,186;--eui-c-warning-on-surface-medium:#68390d;--eui-c-warning-on-surface-medium-rgb:104,57,13;--eui-c-warning-surface-medium-hover:#ffc998;--eui-c-warning-surface-medium-hover-rgb:255,201,152;--eui-c-warning-on-surface-medium-hover:#512c0a;--eui-c-warning-on-surface-medium-hover-rgb:81,44,10;--eui-c-warning-surface:#ff8a20;--eui-c-warning-surface-rgb:255,138,32;--eui-c-warning-on-surface:#000;--eui-c-warning-on-surface-rgb:0,0,0;--eui-c-warning-surface-hover:#e87e1d;--eui-c-warning-surface-hover-rgb:232,126,29;--eui-c-warning-on-surface-hover:#000;--eui-c-warning-on-surface-hover-rgb:0,0,0;--eui-c-warning-surface-dark:#68390d;--eui-c-warning-surface-dark-rgb:104,57,13;--eui-c-warning-on-surface-dark:#fff;--eui-c-warning-on-surface-dark-rgb:255,255,255;--eui-c-warning-border:#ffa14d;--eui-c-warning-border-rgb:255,161,77;--eui-c-warning-border-light:#ffc998;--eui-c-warning-border-light-rgb:255,201,152;--eui-c-warning-border-lighter:#ffdbba;--eui-c-warning-border-lighter-rgb:255,219,186;--eui-c-danger-base:#df232d;--eui-c-danger-base-rgb:223,35,45;--eui-c-danger:#cb2029;--eui-c-danger-rgb:203,32,41;--eui-c-danger-lighter:#e54f57;--eui-c-danger-lighter-rgb:229,79,87;--eui-c-danger-light:#df232d;--eui-c-danger-light-rgb:223,35,45;--eui-c-danger-dark:#9e1920;--eui-c-danger-dark-rgb:158,25,32;--eui-c-danger-darker:#7b1319;--eui-c-danger-darker-rgb:123,19,25;--eui-c-danger-surface-light:#fce9ea;--eui-c-danger-surface-light-rgb:252,233,234;--eui-c-danger-on-surface-light:#9e1920;--eui-c-danger-on-surface-light-rgb:158,25,32;--eui-c-danger-surface-light-hover:#f5bbbe;--eui-c-danger-surface-light-hover-rgb:245,187,190;--eui-c-danger-on-surface-light-hover:#5a0e12;--eui-c-danger-on-surface-light-hover-rgb:90,14,18;--eui-c-danger-surface-medium:#f09a9e;--eui-c-danger-surface-medium-rgb:240,154,158;--eui-c-danger-on-surface-medium:#5a0e12;--eui-c-danger-on-surface-medium-rgb:90,14,18;--eui-c-danger-surface-medium-hover:#ea6c72;--eui-c-danger-surface-medium-hover-rgb:234,108,114;--eui-c-danger-on-surface-medium-hover:#1f0506;--eui-c-danger-on-surface-medium-hover-rgb:31,5,6;--eui-c-danger-surface:#cb2029;--eui-c-danger-surface-rgb:203,32,41;--eui-c-danger-on-surface:#fff;--eui-c-danger-on-surface-rgb:255,255,255;--eui-c-danger-surface-hover:#cb2029;--eui-c-danger-surface-hover-rgb:203,32,41;--eui-c-danger-on-surface-hover:#fff;--eui-c-danger-on-surface-hover-rgb:255,255,255;--eui-c-danger-surface-dark:#7b1319;--eui-c-danger-surface-dark-rgb:123,19,25;--eui-c-danger-on-surface-dark:#fff;--eui-c-danger-on-surface-dark-rgb:255,255,255;--eui-c-danger-border:#df232d;--eui-c-danger-border-rgb:223,35,45;--eui-c-danger-border-light:#ea6c72;--eui-c-danger-border-light-rgb:234,108,114;--eui-c-danger-border-lighter:#f09a9e;--eui-c-danger-border-lighter-rgb:240,154,158;--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:3rem;--eui-s-7xl:3.5rem;--eui-s-8xl:4rem;--eui-s-9xl:4.5rem;--eui-s-10xl:5rem;--eui-br-none:0;--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.eui-t-dark{--eui-c-secondary-min:#fafafb;--eui-c-secondary-max:#00002e;--eui-c-surface-page:#171717;--eui-c-surface-shell:#313131;--eui-c-surface-container:#313131;--eui-c-surface-container-1:#313131;--eui-c-surface-container-2:#474747;--eui-c-surface-container-3:#474747;--eui-c-text:#fafafb;--eui-c-text-light:#ededf0;--eui-c-text-lighter:#e1e1e7;--eui-c-text-lightest:#d4d4dc;--eui-c-focus-visible:#d9e3ff;--eui-c-focus:#8cacff;--eui-c-hover:#002a99;--eui-c-hover-disabled:#505070;--eui-c-active:#d9e3ff;--eui-c-active-bg:#0046ff;--eui-c-active-bg-alt:#0035bf;--eui-c-active-bg-light:#0035bf;--eui-c-active-bg-lighter:#002a99;--eui-c-disabled:#b9b9c5;--eui-c-disabled-bg:#1c1c45;--eui-c-readonly:#d4d4dc;--eui-c-link:#d9e3ff;--eui-c-divider:#84849b;--eui-c-divider-dark:#505070;--eui-c-divider-light:#696984;--eui-c-black:#fff;--eui-c-white:#000;--eui-c-secondary-min-rgb:250,250,251;--eui-c-secondary-max-rgb:0,0,46;--eui-c-surface-page-rgb:23,23,23;--eui-c-surface-shell-rgb:49,49,49;--eui-c-surface-container-rgb:49,49,49;--eui-c-surface-container-1-rgb:49,49,49;--eui-c-surface-container-2-rgb:71,71,71;--eui-c-surface-container-3-rgb:71,71,71;--eui-c-text-rgb:250,250,251;--eui-c-text-light-rgb:237,237,240;--eui-c-text-lighter-rgb:225,225,231;--eui-c-text-lightest-rgb:212,212,220;--eui-c-focus-visible-rgb:217,227,255;--eui-c-focus-rgb:140,172,255;--eui-c-hover-rgb:0,42,153;--eui-c-hover-disabled-rgb:80,80,112;--eui-c-active-rgb:217,227,255;--eui-c-active-bg-rgb:0,70,255;--eui-c-active-bg-alt-rgb:0,53,191;--eui-c-active-bg-light-rgb:0,53,191;--eui-c-active-bg-lighter-rgb:0,42,153;--eui-c-disabled-rgb:185,185,197;--eui-c-disabled-bg-rgb:28,28,69;--eui-c-readonly-rgb:212,212,220;--eui-c-link-rgb:217,227,255;--eui-c-divider-rgb:132,132,155;--eui-c-divider-dark-rgb:80,80,112;--eui-c-divider-light-rgb:105,105,132;--eui-c-branding-base:#353559;--eui-c-branding-base-rgb:53,53,89;--eui-c-branding:#353559;--eui-c-branding-rgb:53,53,89;--eui-c-branding-lighter:#00002e;--eui-c-branding-lighter-rgb:0,0,46;--eui-c-branding-light:#1c1c45;--eui-c-branding-light-rgb:28,28,69;--eui-c-branding-dark:#505070;--eui-c-branding-dark-rgb:80,80,112;--eui-c-branding-surface:#353559;--eui-c-branding-surface-rgb:53,53,89;--eui-c-branding-on-surface:#fff;--eui-c-branding-on-surface-rgb:255,255,255;--eui-c-branding-surface-light:#1c1c45;--eui-c-branding-surface-light-rgb:28,28,69;--eui-c-branding-on-surface-light:#fff;--eui-c-branding-on-surface-light-rgb:255,255,255;--eui-c-branding-surface-dark:#505070;--eui-c-branding-surface-dark-rgb:80,80,112;--eui-c-branding-on-surface-dark:#fff;--eui-c-branding-on-surface-dark-rgb:255,255,255;--eui-c-primary-base:#d9e3ff;--eui-c-primary-base-rgb:217,227,255;--eui-c-primary:#e6edff;--eui-c-primary-rgb:230,237,255;--eui-c-primary-lighter:#b0c6ff;--eui-c-primary-lighter-rgb:176,198,255;--eui-c-primary-light:#d9e3ff;--eui-c-primary-light-rgb:217,227,255;--eui-c-primary-dark:#f2f6ff;--eui-c-primary-dark-rgb:242,246,255;--eui-c-primary-darker:#f7f9ff;--eui-c-primary-darker-rgb:247,249,255;--eui-c-primary-surface-light:#002a99;--eui-c-primary-surface-light-rgb:0,42,153;--eui-c-primary-on-surface-light:#f2f6ff;--eui-c-primary-on-surface-light-rgb:242,246,255;--eui-c-primary-surface-light-hover:#0035bf;--eui-c-primary-surface-light-hover-rgb:0,53,191;--eui-c-primary-on-surface-light-hover:#f7f9ff;--eui-c-primary-on-surface-light-hover-rgb:247,249,255;--eui-c-primary-surface-medium:#0046ff;--eui-c-primary-surface-medium-rgb:0,70,255;--eui-c-primary-on-surface-medium:#fff;--eui-c-primary-on-surface-medium-rgb:255,255,255;--eui-c-primary-surface-medium-hover:#5987ff;--eui-c-primary-surface-medium-hover-rgb:89,135,255;--eui-c-primary-on-surface-medium-hover:#000;--eui-c-primary-on-surface-medium-hover-rgb:0,0,0;--eui-c-primary-surface:#d9e3ff;--eui-c-primary-surface-rgb:217,227,255;--eui-c-primary-on-surface:#000;--eui-c-primary-on-surface-rgb:0,0,0;--eui-c-primary-surface-hover:#e6edff;--eui-c-primary-surface-hover-rgb:230,237,255;--eui-c-primary-on-surface-hover:#000;--eui-c-primary-on-surface-hover-rgb:0,0,0;--eui-c-primary-surface-dark:#f2f6ff;--eui-c-primary-surface-dark-rgb:242,246,255;--eui-c-primary-on-surface-dark:#000;--eui-c-primary-on-surface-dark-rgb:0,0,0;--eui-c-primary-border:#b0c6ff;--eui-c-primary-border-rgb:176,198,255;--eui-c-primary-border-light:#5987ff;--eui-c-primary-border-light-rgb:89,135,255;--eui-c-primary-border-lighter:#0046ff;--eui-c-primary-border-lighter-rgb:0,70,255;--eui-c-secondary-base:#b9b9c5;--eui-c-secondary-base-rgb:185,185,197;--eui-c-secondary:#ededf0;--eui-c-secondary-rgb:237,237,240;--eui-c-secondary-lighter:#d4d4dc;--eui-c-secondary-lighter-rgb:212,212,220;--eui-c-secondary-light:#e1e1e7;--eui-c-secondary-light-rgb:225,225,231;--eui-c-secondary-dark:#f6f6f8;--eui-c-secondary-dark-rgb:246,246,248;--eui-c-secondary-darker:#fafafb;--eui-c-secondary-darker-rgb:250,250,251;--eui-c-secondary-surface-light:#1c1c45;--eui-c-secondary-surface-light-rgb:28,28,69;--eui-c-secondary-on-surface-light:#f6f6f8;--eui-c-secondary-on-surface-light-rgb:246,246,248;--eui-c-secondary-surface-light-hover:#353559;--eui-c-secondary-surface-light-hover-rgb:53,53,89;--eui-c-secondary-on-surface-light-hover:#fafafb;--eui-c-secondary-on-surface-light-hover-rgb:250,250,251;--eui-c-secondary-surface-medium:#353559;--eui-c-secondary-surface-medium-rgb:53,53,89;--eui-c-secondary-on-surface-medium:#f6f6f8;--eui-c-secondary-on-surface-medium-rgb:246,246,248;--eui-c-secondary-surface-medium-hover:#505070;--eui-c-secondary-surface-medium-hover-rgb:80,80,112;--eui-c-secondary-on-surface-medium-hover:#fafafb;--eui-c-secondary-on-surface-medium-hover-rgb:250,250,251;--eui-c-secondary-surface:#d4d4dc;--eui-c-secondary-surface-rgb:212,212,220;--eui-c-secondary-on-surface:#000;--eui-c-secondary-on-surface-rgb:0,0,0;--eui-c-secondary-surface-hover:#e1e1e7;--eui-c-secondary-surface-hover-rgb:225,225,231;--eui-c-secondary-on-surface-hover:#000;--eui-c-secondary-on-surface-hover-rgb:0,0,0;--eui-c-secondary-surface-dark:#f6f6f8;--eui-c-secondary-surface-dark-rgb:246,246,248;--eui-c-secondary-on-surface-dark:#000;--eui-c-secondary-on-surface-dark-rgb:0,0,0;--eui-c-secondary-border:#b9b9c5;--eui-c-secondary-border-rgb:185,185,197;--eui-c-secondary-border-light:#84849b;--eui-c-secondary-border-light-rgb:132,132,155;--eui-c-secondary-border-lighter:#696984;--eui-c-secondary-border-lighter-rgb:105,105,132;--eui-c-neutral-base:#bfbfbf;--eui-c-neutral-base-rgb:191,191,191;--eui-c-neutral:#bfbfbf;--eui-c-neutral-rgb:191,191,191;--eui-c-neutral-lighter:#d8d8d8;--eui-c-neutral-lighter-rgb:216,216,216;--eui-c-neutral-light:#e4e4e4;--eui-c-neutral-light-rgb:228,228,228;--eui-c-neutral-dark:#f7f7f7;--eui-c-neutral-dark-rgb:247,247,247;--eui-c-neutral-darker:#fbfbfb;--eui-c-neutral-darker-rgb:251,251,251;--eui-c-neutral-surface-light:#313131;--eui-c-neutral-surface-light-rgb:49,49,49;--eui-c-neutral-on-surface-light:#f7f7f7;--eui-c-neutral-on-surface-light-rgb:247,247,247;--eui-c-neutral-surface-light-hover:#474747;--eui-c-neutral-surface-light-hover-rgb:71,71,71;--eui-c-neutral-on-surface-light-hover:#fbfbfb;--eui-c-neutral-on-surface-light-hover-rgb:251,251,251;--eui-c-neutral-surface-medium:#474747;--eui-c-neutral-surface-medium-rgb:71,71,71;--eui-c-neutral-on-surface-medium:#f7f7f7;--eui-c-neutral-on-surface-medium-rgb:247,247,247;--eui-c-neutral-surface-medium-hover:#606060;--eui-c-neutral-surface-medium-hover-rgb:96,96,96;--eui-c-neutral-on-surface-medium-hover:#fbfbfb;--eui-c-neutral-on-surface-medium-hover-rgb:251,251,251;--eui-c-neutral-surface:#a9a9a9;--eui-c-neutral-surface-rgb:169,169,169;--eui-c-neutral-on-surface:#000;--eui-c-neutral-on-surface-rgb:0,0,0;--eui-c-neutral-surface-hover:#909090;--eui-c-neutral-surface-hover-rgb:144,144,144;--eui-c-neutral-on-surface-hover:#000;--eui-c-neutral-on-surface-hover-rgb:0,0,0;--eui-c-neutral-surface-dark:#f7f7f7;--eui-c-neutral-surface-dark-rgb:247,247,247;--eui-c-neutral-on-surface-dark:#000;--eui-c-neutral-on-surface-dark-rgb:0,0,0;--eui-c-neutral-border:#bfbfbf;--eui-c-neutral-border-rgb:191,191,191;--eui-c-neutral-border-light:#a9a9a9;--eui-c-neutral-border-light-rgb:169,169,169;--eui-c-neutral-border-lighter:#909090;--eui-c-neutral-border-lighter-rgb:144,144,144;--eui-c-cta-base:#ffbe5c;--eui-c-cta-base-rgb:255,190,92;--eui-c-cta:#fff5e5;--eui-c-cta-rgb:255,245,229;--eui-c-cta-lighter:#ffbe5c;--eui-c-cta-lighter-rgb:255,190,92;--eui-c-cta-light:#ffcb7d;--eui-c-cta-light-rgb:255,203,125;--eui-c-cta-dark:#ffebcc;--eui-c-cta-dark-rgb:255,235,204;--eui-c-cta-darker:#fff5e5;--eui-c-cta-darker-rgb:255,245,229;--eui-c-cta-surface-light:#763105;--eui-c-cta-surface-light-rgb:118,49,5;--eui-c-cta-on-surface-light:#ffebcc;--eui-c-cta-on-surface-light-rgb:255,235,204;--eui-c-cta-surface-light-hover:#9e4107;--eui-c-cta-surface-light-hover-rgb:158,65,7;--eui-c-cta-on-surface-light-hover:#fffcf7;--eui-c-cta-on-surface-light-hover-rgb:255,252,247;--eui-c-cta-surface-medium:#c55109;--eui-c-cta-surface-medium-rgb:197,81,9;--eui-c-cta-on-surface-medium:#fff5e5;--eui-c-cta-on-surface-medium-rgb:255,245,229;--eui-c-cta-surface-medium-hover:#ed6c09;--eui-c-cta-surface-medium-hover-rgb:237,108,9;--eui-c-cta-on-surface-medium-hover:#fffcf7;--eui-c-cta-on-surface-medium-hover-rgb:255,252,247;--eui-c-cta-surface:#ffbe5c;--eui-c-cta-surface-rgb:255,190,92;--eui-c-cta-on-surface:#000;--eui-c-cta-on-surface-rgb:0,0,0;--eui-c-cta-surface-hover:#ffcb7d;--eui-c-cta-surface-hover-rgb:255,203,125;--eui-c-cta-on-surface-hover:#000;--eui-c-cta-on-surface-hover-rgb:0,0,0;--eui-c-cta-surface-dark:#ffd392;--eui-c-cta-surface-dark-rgb:255,211,146;--eui-c-cta-on-surface-dark:#000;--eui-c-cta-on-surface-dark-rgb:0,0,0;--eui-c-cta-border:#fea439;--eui-c-cta-border-rgb:254,164,57;--eui-c-cta-border-light:#ed6c09;--eui-c-cta-border-light-rgb:237,108,9;--eui-c-cta-border-lighter:#c55109;--eui-c-cta-border-lighter-rgb:197,81,9;--eui-c-info-base:#a3b6da;--eui-c-info-base-rgb:163,182,218;--eui-c-info:#bfcce6;--eui-c-info-rgb:191,204,230;--eui-c-info-lighter:#859dce;--eui-c-info-lighter-rgb:133,157,206;--eui-c-info-light:#a3b6da;--eui-c-info-light-rgb:163,182,218;--eui-c-info-dark:#ebeff7;--eui-c-info-dark-rgb:235,239,247;--eui-c-info-darker:#f5f7fb;--eui-c-info-darker-rgb:245,247,251;--eui-c-info-surface-light:#039;--eui-c-info-surface-light-rgb:0,51,153;--eui-c-info-on-surface-light:#bfcce6;--eui-c-info-on-surface-light-rgb:191,204,230;--eui-c-info-surface-light-hover:#1c49a4;--eui-c-info-surface-light-hover-rgb:28,73,164;--eui-c-info-on-surface-light-hover:#ebeff7;--eui-c-info-on-surface-light-hover-rgb:235,239,247;--eui-c-info-surface-medium:#3b62b0;--eui-c-info-surface-medium-rgb:59,98,176;--eui-c-info-on-surface-medium:#f9fbfd;--eui-c-info-on-surface-medium-rgb:249,251,253;--eui-c-info-surface-medium-hover:#6685c2;--eui-c-info-surface-medium-hover-rgb:102,133,194;--eui-c-info-on-surface-medium-hover:#000;--eui-c-info-on-surface-medium-hover-rgb:0,0,0;--eui-c-info-surface:#bfcce6;--eui-c-info-surface-rgb:191,204,230;--eui-c-info-on-surface:#000;--eui-c-info-on-surface-rgb:0,0,0;--eui-c-info-surface-hover:#ebeff7;--eui-c-info-surface-hover-rgb:235,239,247;--eui-c-info-on-surface-hover:#000;--eui-c-info-on-surface-hover-rgb:0,0,0;--eui-c-info-surface-dark:#ebeff7;--eui-c-info-surface-dark-rgb:235,239,247;--eui-c-info-on-surface-dark:#000;--eui-c-info-on-surface-dark-rgb:0,0,0;--eui-c-info-border:#859dce;--eui-c-info-border-rgb:133,157,206;--eui-c-info-border-light:#6685c2;--eui-c-info-border-light-rgb:102,133,194;--eui-c-info-border-lighter:#3b62b0;--eui-c-info-border-lighter-rgb:59,98,176;--eui-c-success-base:#daf6eb;--eui-c-success-base-rgb:218,246,235;--eui-c-success:#edfbf6;--eui-c-success-rgb:237,251,246;--eui-c-success-lighter:#daf6eb;--eui-c-success-lighter-rgb:218,246,235;--eui-c-success-light:#e3f9f0;--eui-c-success-light-rgb:227,249,240;--eui-c-success-dark:#edfbf6;--eui-c-success-dark-rgb:237,251,246;--eui-c-success-darker:#f9fefc;--eui-c-success-darker-rgb:249,254,252;--eui-c-success-surface-light:#049e62;--eui-c-success-surface-light-rgb:4,158,98;--eui-c-success-on-surface-light:#f9fefc;--eui-c-success-on-surface-light-rgb:249,254,252;--eui-c-success-surface-light-hover:#05b26f;--eui-c-success-surface-light-hover-rgb:5,178,111;--eui-c-success-on-surface-light-hover:#f9fefc;--eui-c-success-on-surface-light-hover-rgb:249,254,252;--eui-c-success-surface-medium:#05c67b;--eui-c-success-surface-medium-rgb:5,198,123;--eui-c-success-on-surface-medium:#000;--eui-c-success-on-surface-medium-rgb:0,0,0;--eui-c-success-surface-medium-hover:#5ddaa9;--eui-c-success-surface-medium-hover-rgb:93,218,169;--eui-c-success-on-surface-medium-hover:#000;--eui-c-success-on-surface-medium-hover-rgb:0,0,0;--eui-c-success-surface:#edfbf6;--eui-c-success-surface-rgb:237,251,246;--eui-c-success-on-surface:#000;--eui-c-success-on-surface-rgb:0,0,0;--eui-c-success-surface-hover:#f9fefc;--eui-c-success-surface-hover-rgb:249,254,252;--eui-c-success-on-surface-hover:#000;--eui-c-success-on-surface-hover-rgb:0,0,0;--eui-c-success-surface-dark:#f9fefc;--eui-c-success-surface-dark-rgb:249,254,252;--eui-c-success-on-surface-dark:#000;--eui-c-success-on-surface-dark-rgb:0,0,0;--eui-c-success-border:#b2edd6;--eui-c-success-border-rgb:178,237,214;--eui-c-success-border-light:#5ddaa9;--eui-c-success-border-light-rgb:93,218,169;--eui-c-success-border-lighter:#05c67b;--eui-c-success-border-lighter-rgb:5,198,123;--eui-c-warning-base:#ffb16a;--eui-c-warning-base-rgb:255,177,106;--eui-c-warning:#fff3e8;--eui-c-warning-rgb:255,243,232;--eui-c-warning-lighter:#ffdbba;--eui-c-warning-lighter-rgb:255,219,186;--eui-c-warning-light:#ffeddc;--eui-c-warning-light-rgb:255,237,220;--eui-c-warning-dark:#fffaf5;--eui-c-warning-dark-rgb:255,250,245;--eui-c-warning-darker:#fffaf5;--eui-c-warning-darker-rgb:255,250,245;--eui-c-warning-surface-light:#68390d;--eui-c-warning-surface-light-rgb:104,57,13;--eui-c-warning-on-surface-light:#fff3e8;--eui-c-warning-on-surface-light-rgb:255,243,232;--eui-c-warning-surface-light-hover:#8b4c11;--eui-c-warning-surface-light-hover-rgb:139,76,17;--eui-c-warning-on-surface-light-hover:#fffaf5;--eui-c-warning-on-surface-light-hover-rgb:255,250,245;--eui-c-warning-surface-medium:#ba6517;--eui-c-warning-surface-medium-rgb:186,101,23;--eui-c-warning-on-surface-medium:#fff3e8;--eui-c-warning-on-surface-medium-rgb:255,243,232;--eui-c-warning-surface-medium-hover:#e87e1d;--eui-c-warning-surface-medium-hover-rgb:232,126,29;--eui-c-warning-on-surface-medium-hover:#fffaf5;--eui-c-warning-on-surface-medium-hover-rgb:255,250,245;--eui-c-warning-surface:#ffb16a;--eui-c-warning-surface-rgb:255,177,106;--eui-c-warning-on-surface:#000;--eui-c-warning-on-surface-rgb:0,0,0;--eui-c-warning-surface-hover:#ffc998;--eui-c-warning-surface-hover-rgb:255,201,152;--eui-c-warning-on-surface-hover:#000;--eui-c-warning-on-surface-hover-rgb:0,0,0;--eui-c-warning-surface-dark:#fff3e8;--eui-c-warning-surface-dark-rgb:255,243,232;--eui-c-warning-on-surface-dark:#000;--eui-c-warning-on-surface-dark-rgb:0,0,0;--eui-c-warning-border:#ffa14d;--eui-c-warning-border-rgb:255,161,77;--eui-c-warning-border-light:#e87e1d;--eui-c-warning-border-light-rgb:232,126,29;--eui-c-warning-border-lighter:#ba6517;--eui-c-warning-border-lighter-rgb:186,101,23;--eui-c-danger-base:#ea6c72;--eui-c-danger-base-rgb:234,108,114;--eui-c-danger:#f09a9e;--eui-c-danger-rgb:240,154,158;--eui-c-danger-lighter:#e54f57;--eui-c-danger-lighter-rgb:229,79,87;--eui-c-danger-light:#ea6c72;--eui-c-danger-light-rgb:234,108,114;--eui-c-danger-dark:#f5bbbe;--eui-c-danger-dark-rgb:245,187,190;--eui-c-danger-darker:#fce9ea;--eui-c-danger-darker-rgb:252,233,234;--eui-c-danger-surface-light:#7b1319;--eui-c-danger-surface-light-rgb:123,19,25;--eui-c-danger-on-surface-light:#f5bbbe;--eui-c-danger-on-surface-light-rgb:245,187,190;--eui-c-danger-surface-light-hover:#9e1920;--eui-c-danger-surface-light-hover-rgb:158,25,32;--eui-c-danger-on-surface-light-hover:#fdefef;--eui-c-danger-on-surface-light-hover-rgb:253,239,239;--eui-c-danger-surface-medium:#cb2029;--eui-c-danger-surface-medium-rgb:203,32,41;--eui-c-danger-on-surface-medium:#fdefef;--eui-c-danger-on-surface-medium-rgb:253,239,239;--eui-c-danger-surface-medium-hover:#df232d;--eui-c-danger-surface-medium-hover-rgb:223,35,45;--eui-c-danger-on-surface-medium-hover:#fefafa;--eui-c-danger-on-surface-medium-hover-rgb:254,250,250;--eui-c-danger-surface:#f09a9e;--eui-c-danger-surface-rgb:240,154,158;--eui-c-danger-on-surface:#000;--eui-c-danger-on-surface-rgb:0,0,0;--eui-c-danger-surface-hover:#f09a9e;--eui-c-danger-surface-hover-rgb:240,154,158;--eui-c-danger-on-surface-hover:#000;--eui-c-danger-on-surface-hover-rgb:0,0,0;--eui-c-danger-surface-dark:#fce9ea;--eui-c-danger-surface-dark-rgb:252,233,234;--eui-c-danger-on-surface-dark:#000;--eui-c-danger-on-surface-dark-rgb:0,0,0;--eui-c-danger-border:#ea6c72;--eui-c-danger-border-rgb:234,108,114;--eui-c-danger-border-light:#df232d;--eui-c-danger-border-light-rgb:223,35,45;--eui-c-danger-border-lighter:#cb2029;--eui-c-danger-border-lighter-rgb:203,32,41}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../base/03-vars-eds/vars.scss","../base/01-base/mixins/_media.mixins.scss","../base/03-vars-eds/vars-dark-theme.scss"],"names":[],"mappings":"AAKA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAII;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAKA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAGA;EACA;EACA;EAYY;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAUZ;EAGA;EAGA;EAGA;EACA;EAGA;EACA;EACA;EACA;EACA;EAII;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAJA;EACA;EACA;EACA;EACA;EAqCA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;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;;AC1RI;EDHR;IAmJY;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;;;ACpJJ;EDHR;IA8JY;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;;;AC/JJ;EDHR;IAyKY;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;IAJA;IACA;IACA;IACA;IACA;;;;AE9LZ;EACI;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAIA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAYY;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA","file":"eui-theme-eds.css","sourcesContent":["@use 'sass:map';\n@use '../01-base' as base;\n@use './maps' as maps;\n@use './maps-colors-default' as colors;\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 // GENERIC CONTEXT COLORS\n // ----------------------\n \n --eui-c-transparent: transparent;\n --eui-c-white: #fff;\n --eui-c-black: #000;\n\n --eui-c-secondary-min: #{map.get(map.get(colors.$color-map, grn), 25)};\n --eui-c-secondary-max: #{map.get(map.get(colors.$color-map, grn), 950)};\n\n --eui-c-surface-page: #{map.get(map.get(colors.$color-map, grn), 25)};\n --eui-c-surface-container: var(--eui-c-white);\n \n --eui-c-surface-shell: #{map.get(map.get(colors.$color-map, grn), 50)};\n --eui-c-surface-container-1: #{map.get(map.get(colors.$color-map, grn), 75)};\n --eui-c-surface-container-2: #{map.get(map.get(colors.$color-map, grn), 100)};\n --eui-c-surface-container-3: #{map.get(map.get(colors.$color-map, grn), 200)};\n\n --eui-c-text: #{map.get(map.get(colors.$color-map, gr), 950)};\n --eui-c-text-light: #{map.get(map.get(colors.$color-map, gr), 800)};\n --eui-c-text-lighter: #{map.get(map.get(colors.$color-map, gr), 700)};\n --eui-c-text-lightest: #{map.get(map.get(colors.$color-map, gr), 600)};\n\n --eui-c-focus-visible: #{map.get(map.get(colors.$color-map, pr), 600)};\n --eui-c-focus: #{map.get(map.get(colors.$color-map, pr), 200)};\n \n --eui-c-hover: #{map.get(map.get(colors.$color-map, pr), 75)};\n --eui-c-hover-disabled: #{map.get(map.get(colors.$color-map, gr), 100)};\n\n --eui-c-active: #{map.get(map.get(colors.$color-map, pr), 600)};\n --eui-c-active-bg: #{map.get(map.get(colors.$color-map, pr), 200)};\n --eui-c-active-bg-alt: #{map.get(map.get(colors.$color-map, pr), 300)};\n --eui-c-active-bg-light: #{map.get(map.get(colors.$color-map, pr), 100)};\n --eui-c-active-bg-lighter: #{map.get(map.get(colors.$color-map, pr), 75)};\n\n --eui-c-disabled: #{map.get(map.get(colors.$color-map, gr), 500)};\n --eui-c-disabled-bg: #{map.get(map.get(colors.$color-map, gr), 50)};\n --eui-c-readonly: #{map.get(map.get(colors.$color-map, gr), 600)};\n\n --eui-c-link: #{map.get(map.get(colors.$color-map, pr), 600)};\n\n --eui-c-divider: #{map.get(map.get(colors.$color-map, gr), 100)};\n --eui-c-divider-dark: #{map.get(map.get(colors.$color-map, gr), 200)};\n --eui-c-divider-light: #{map.get(map.get(colors.$color-map, gr), 75)};\n\n\n // RGB\n\n --eui-c-white-rgb: #{base.toRGB(#fff)};\n --eui-c-black-rgb: #{base.toRGB(#000)};\n\n --eui-c-secondary-min-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 25))};\n --eui-c-secondary-max-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 950))};\n\n --eui-c-surface-page-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 25))};\n --eui-c-surface-container: var(--eui-c-white);\n \n --eui-c-surface-shell-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 50))};\n --eui-c-surface-container-1-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 75))};\n --eui-c-surface-container-2-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 100))};\n --eui-c-surface-container-3-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 200))};\n\n --eui-c-text-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 950))};\n --eui-c-text-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 800))};\n --eui-c-text-lighter-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 700))};\n --eui-c-text-lightest-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 600))};\n\n --eui-c-focus-visible-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};\n --eui-c-focus-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 200))};\n \n --eui-c-hover-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 75))};\n --eui-c-hover-disabled-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 100))};\n\n --eui-c-active-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};\n --eui-c-active-bg-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 200))};\n --eui-c-active-bg-alt-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 300))};\n --eui-c-active-bg-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 100))};\n --eui-c-active-bg-lighter-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 75))};\n\n --eui-c-disabled-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 500))};\n --eui-c-disabled-bg-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 50))};\n --eui-c-readonly-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 600))};\n\n --eui-c-link-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};\n\n --eui-c-divider-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 100))};\n --eui-c-divider-dark-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 200))};\n --eui-c-divider-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 75))};\n\n\n --eui-c-black-alpha-025: rgba(0,0,0, 0.025);\n --eui-c-black-alpha-10: rgba(0,0,0, 0.1);\n --eui-c-black-alpha-075: rgba(0,0,0, 0.075);\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in colors.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: #{$value};\n --eui-c-#{$color}-rgb: #{base.toRGB($value)};\n } @else {\n --eui-c-#{$color + '-' + $shade}: #{$value};\n --eui-c-#{$color + '-' + $shade}-rgb: #{base.toRGB($value)};\n }\n }\n }\n\n\n // TYPOGRAPHY - eui-f\n // ------------------\n\n // TYPOGRAPHY\n --eui-f-family: 'Inter', arial, sans-serif;\n\n // font families\n --eui-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\n // font sizes\n --eui-f-size-base: 16px;\n\n // base line-height / scale-factor (for compact mode)\n --eui-base-line-height: 1.5;\n --eui-base-scale-factor: 1;\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-light: var(--eui-f-m-light);\n --eui-f-medium: var(--eui-f-m-medium);\n --eui-f-semi-bold: var(--eui-f-m-semi-bold);\n --eui-f-bold: var(--eui-f-m-bold);\n\n @each $size, $sizeDef in maps.$font-map {\n $desktop: map.get($sizeDef, 'desktop');\n --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);\n --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);\n --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);\n --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);\n --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);\n }\n\n @include base.media(maps.$eui-bkp-tablet) {\n @each $size, $sizeDef in maps.$font-map {\n $tablet: map.get($sizeDef, 'tablet');\n --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);\n --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);\n --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);\n --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);\n --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);\n }\n }\n\n @include base.media(maps.$eui-bkp-mobile-s) {\n @each $size, $sizeDef in maps.$font-map { \n $mobile: map.get($sizeDef, 'mobile');\n --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);\n --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);\n --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);\n --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);\n --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);\n }\n }\n\n @include base.media(maps.$eui-bkp-mobile-xs) {\n @each $size, $sizeDef in maps.$font-map { \n $mobilexs: map.get($sizeDef, 'mobile-xs');\n --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);\n --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);\n --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);\n --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);\n --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);\n }\n }\n\n @each $size, $def in maps.$font-size-map {\n --eui-f-s-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-line-height-map {\n --eui-f-lh-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-weight-map {\n --eui-f-w-#{$size}: #{$def};\n }\n\n\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: #{$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 maps.$icon-size-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 '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 './maps-colors-dark-theme' as colors;\n\nhtml.eui-t-dark {\n --eui-c-black: #fff;\n --eui-c-white: #000;\n\n --eui-c-secondary-min: #{map.get(map.get(colors.$color-map, gr), 950)};\n --eui-c-secondary-max: #{map.get(map.get(colors.$color-map, gr), 25)};\n\n --eui-c-surface-page: #{map.get(map.get(colors.$color-map, grn), 25)};\n --eui-c-surface-shell: #{map.get(map.get(colors.$color-map, grn), 50)};\n --eui-c-surface-container: #{map.get(map.get(colors.$color-map, grn), 50)};\n --eui-c-surface-container-1: #{map.get(map.get(colors.$color-map, grn), 50)};\n --eui-c-surface-container-2: #{map.get(map.get(colors.$color-map, grn), 75)};\n --eui-c-surface-container-3: #{map.get(map.get(colors.$color-map, grn), 75)};\n\n\n --eui-c-text: #{map.get(map.get(colors.$color-map, gr), 950)};\n --eui-c-text-light: #{map.get(map.get(colors.$color-map, gr), 800)};\n --eui-c-text-lighter: #{map.get(map.get(colors.$color-map, gr), 700)};\n --eui-c-text-lightest: #{map.get(map.get(colors.$color-map, gr), 600)};\n\n --eui-c-focus-visible: #{map.get(map.get(colors.$color-map, pr), 600)};\n --eui-c-focus: #{map.get(map.get(colors.$color-map, pr), 400)};\n \n --eui-c-hover: #{map.get(map.get(colors.$color-map, pr), 75)};\n --eui-c-hover-disabled: #{map.get(map.get(colors.$color-map, gr), 100)};\n\n --eui-c-active: #{map.get(map.get(colors.$color-map, pr), 600)};\n --eui-c-active-bg: #{map.get(map.get(colors.$color-map, pr), 200)};\n --eui-c-active-bg-alt: #{map.get(map.get(colors.$color-map, pr), 100)};\n --eui-c-active-bg-light: #{map.get(map.get(colors.$color-map, pr), 100)};\n --eui-c-active-bg-lighter: #{map.get(map.get(colors.$color-map, pr), 75)};\n\n --eui-c-disabled: #{map.get(map.get(colors.$color-map, gr), 500)};\n --eui-c-disabled-bg: #{map.get(map.get(colors.$color-map, gr), 50)};\n --eui-c-readonly: #{map.get(map.get(colors.$color-map, gr), 600)};\n\n --eui-c-link: #{map.get(map.get(colors.$color-map, pr), 600)};\n\n --eui-c-divider: #{map.get(map.get(colors.$color-map, gr), 300)};\n --eui-c-divider-dark: #{map.get(map.get(colors.$color-map, gr), 100)};\n --eui-c-divider-light: #{map.get(map.get(colors.$color-map, gr), 200)};\n\n // RGB\n\n --eui-c-black: #fff;\n --eui-c-white: #000;\n\n --eui-c-secondary-min-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 950))};\n --eui-c-secondary-max-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 25))};\n\n --eui-c-surface-page-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 25))};\n --eui-c-surface-shell-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 50))};\n --eui-c-surface-container-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 50))};\n --eui-c-surface-container-1-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 50))};\n --eui-c-surface-container-2-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 75))};\n --eui-c-surface-container-3-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, grn), 75))};\n\n\n --eui-c-text-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 950))};\n --eui-c-text-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 800))};\n --eui-c-text-lighter-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 700))};\n --eui-c-text-lightest-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 600))};\n\n --eui-c-focus-visible-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};\n --eui-c-focus-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 400))};\n \n --eui-c-hover-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 75))};\n --eui-c-hover-disabled-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 100))};\n\n --eui-c-active-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};\n --eui-c-active-bg-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 200))};\n --eui-c-active-bg-alt-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 100))};\n --eui-c-active-bg-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 100))};\n --eui-c-active-bg-lighter-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 75))};\n\n --eui-c-disabled-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 500))};\n --eui-c-disabled-bg-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 50))};\n --eui-c-readonly-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 600))};\n\n --eui-c-link-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, pr), 600))};\n\n --eui-c-divider-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 300))};\n --eui-c-divider-dark-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 100))};\n --eui-c-divider-light-rgb: #{base.toRGB(map.get(map.get(colors.$color-map, gr), 200))};\n\n\n // CONTEXT COLORS FROM PALETTES\n // ----------------------------\n\n @each $color, $shades in colors.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-#{$color}: #{$value};\n --eui-c-#{$color}-rgb: #{base.toRGB($value)};\n } @else {\n --eui-c-#{$color + '-' + $shade}: #{$value};\n --eui-c-#{$color + '-' + $shade}-rgb: #{base.toRGB($value)};\n }\n }\n }\n}"]}
|