@eui/styles 21.4.0-snapshot-1784309335958 → 21.4.0
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-eds/functions.scss +12 -0
- package/dist/base/01-base-eds/index.scss +6 -0
- package/dist/base/01-base-eds/mixins.scss +71 -0
- package/dist/base/01-base-eds/variables.scss +2 -0
- package/dist/base/02-tokens-eds/colors-primitive.scss +24 -0
- package/dist/base/02-tokens-eds/colors-semantic-dark-theme.scss +2 -2
- package/dist/base/02-tokens-eds/colors-semantic.scss +1 -1
- package/dist/base/02-tokens-eds/maps.scss +71 -0
- package/dist/base/03-vars-eds/vars-typography.scss +20 -4
- package/dist/base/03-vars-eds/vars.scss +15 -23
- package/dist/base/base-eds.scss +2 -0
- package/dist/eui-eds.css +1 -1
- package/dist/eui-eds.css.map +1 -1
- package/dist/eui-showcase-all.css +1 -1
- package/dist/eui-showcase-all.css.map +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
@use 'sass:list';
|
|
2
|
+
|
|
3
|
+
@function new-breakpoint($query: $feature $value) {
|
|
4
|
+
$default-feature-min: "min-width";
|
|
5
|
+
|
|
6
|
+
@if list.length($query) == 1 {
|
|
7
|
+
$query: $default-feature-min nth($query, 1);
|
|
8
|
+
} @else if is-even(list.length($query)) {
|
|
9
|
+
$query: list.append($query, 12);
|
|
10
|
+
}
|
|
11
|
+
@return $query;
|
|
12
|
+
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use 'sass:list';
|
|
3
|
+
|
|
4
|
+
$default-feature: "min-width";
|
|
5
|
+
@mixin media($query: $feature $value $columns) {
|
|
6
|
+
@if list.length($query) == 1 {
|
|
7
|
+
@media screen and ($default-feature: list.nth($query, 1)) {
|
|
8
|
+
@content;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
@else {
|
|
12
|
+
$loop-to: list.length($query);
|
|
13
|
+
$media-query: "screen and ";
|
|
14
|
+
@if is-not(is-even(list.length($query))) {
|
|
15
|
+
$loop-to: $loop-to - 1;
|
|
16
|
+
}
|
|
17
|
+
$i: 1;
|
|
18
|
+
@while $i <=$loop-to {
|
|
19
|
+
$media-query: $media-query + "(" + list.nth($query, $i) + ": " + list.nth($query, $i + 1) + ") ";
|
|
20
|
+
@if ($i + 1) != $loop-to {
|
|
21
|
+
$media-query: $media-query + "and ";
|
|
22
|
+
}
|
|
23
|
+
$i: $i+2;
|
|
24
|
+
}
|
|
25
|
+
@media #{$media-query} {
|
|
26
|
+
@content;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@mixin eds-ellipsis() {
|
|
32
|
+
overflow: hidden;
|
|
33
|
+
text-overflow: ellipsis;
|
|
34
|
+
white-space: nowrap;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
@mixin eds-focus-visible($offset: -2px, $size: 2px) {
|
|
38
|
+
&:focus-visible:not([readonly]) {
|
|
39
|
+
outline: $size solid var(--eds-c-border-primary) !important;
|
|
40
|
+
outline-offset: $offset !important;
|
|
41
|
+
transition: none;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
@mixin eds-focus-ring($offset: 1px) {
|
|
45
|
+
&:focus:not([readonly]) {
|
|
46
|
+
outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;
|
|
47
|
+
outline-offset: $offset !important;
|
|
48
|
+
border-radius: var(--eds-br-xs) !important;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
@mixin eds-focus-ring-rounded($offset: 1px) {
|
|
52
|
+
&:focus:not([readonly]) {
|
|
53
|
+
outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;
|
|
54
|
+
outline-offset: $offset !important;
|
|
55
|
+
border-radius: var(--eds-br-full) !important;
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
@mixin eds-focus-visible-ring($offset: 1px) {
|
|
59
|
+
&:focus-visible:not([readonly]) {
|
|
60
|
+
outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;
|
|
61
|
+
outline-offset: $offset !important;
|
|
62
|
+
border-radius: var(--eds-br-xs) !important;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
@mixin eds-focus-visible-ring-rounded($offset: 1px) {
|
|
66
|
+
&:focus-visible:not([readonly]) {
|
|
67
|
+
outline: var(--eds-bw-s) solid var(--eds-c-border-primary) !important;
|
|
68
|
+
outline-offset: $offset !important;
|
|
69
|
+
border-radius: var(--eds-br-full) !important;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
@@ -122,7 +122,10 @@ $color-map: (
|
|
|
122
122
|
'green-950': #02472c,
|
|
123
123
|
|
|
124
124
|
'alpha-silver-fog-0-0': rgba(255,255,255,0.0),
|
|
125
|
+
'alpha-silver-fog-0-8': rgba(255,255,255,0.08),
|
|
125
126
|
'alpha-silver-fog-0-10': rgba(255,255,255,0.1),
|
|
127
|
+
'alpha-silver-fog-0-12': rgba(255,255,255,0.12),
|
|
128
|
+
'alpha-silver-fog-0-14': rgba(255,255,255,0.14),
|
|
126
129
|
'alpha-silver-fog-0-20': rgba(255,255,255,0.2),
|
|
127
130
|
'alpha-silver-fog-0-30': rgba(255,255,255,0.3),
|
|
128
131
|
'alpha-silver-fog-0-40': rgba(255,255,255,0.4),
|
|
@@ -132,7 +135,10 @@ $color-map: (
|
|
|
132
135
|
'alpha-silver-fog-0-80': rgba(255,255,255,0.8),
|
|
133
136
|
'alpha-silver-fog-0-90': rgba(255,255,255,0.9),
|
|
134
137
|
'alpha-silver-fog-950-0': rgba(0,0,46,0.0),
|
|
138
|
+
'alpha-silver-fog-950-8': rgba(0,0,46,0.08),
|
|
135
139
|
'alpha-silver-fog-950-10': rgba(0,0,46,0.1),
|
|
140
|
+
'alpha-silver-fog-950-12': rgba(0,0,46,0.12),
|
|
141
|
+
'alpha-silver-fog-950-14': rgba(0,0,46,0.14),
|
|
136
142
|
'alpha-silver-fog-950-20': rgba(0,0,46,0.2),
|
|
137
143
|
'alpha-silver-fog-950-30': rgba(0,0,46,0.3),
|
|
138
144
|
'alpha-silver-fog-950-40': rgba(0,0,46,0.4),
|
|
@@ -143,7 +149,10 @@ $color-map: (
|
|
|
143
149
|
'alpha-silver-fog-950-90': rgba(0,0,46,0.9),
|
|
144
150
|
|
|
145
151
|
'alpha-graphite-0-0': rgba(255,255,255,0.0),
|
|
152
|
+
'alpha-graphite-0-8': rgba(255,255,255,0.08),
|
|
146
153
|
'alpha-graphite-0-10': rgba(255,255,255,0.1),
|
|
154
|
+
'alpha-graphite-0-12': rgba(255,255,255,0.12),
|
|
155
|
+
'alpha-graphite-0-14': rgba(255,255,255,0.14),
|
|
147
156
|
'alpha-graphite-0-20': rgba(255,255,255,0.2),
|
|
148
157
|
'alpha-graphite-0-30': rgba(255,255,255,0.3),
|
|
149
158
|
'alpha-graphite-0-40': rgba(255,255,255,0.4),
|
|
@@ -153,7 +162,10 @@ $color-map: (
|
|
|
153
162
|
'alpha-graphite-0-80': rgba(255,255,255,0.8),
|
|
154
163
|
'alpha-graphite-0-90': rgba(255,255,255,0.9),
|
|
155
164
|
'alpha-graphite-950-0': rgba(13,13,18,0.0),
|
|
165
|
+
'alpha-graphite-950-8': rgba(13,13,18,0.08),
|
|
156
166
|
'alpha-graphite-950-10': rgba(13,13,18,0.1),
|
|
167
|
+
'alpha-graphite-950-12': rgba(13,13,18,0.12),
|
|
168
|
+
'alpha-graphite-950-14': rgba(13,13,18,0.14),
|
|
157
169
|
'alpha-graphite-950-20': rgba(13,13,18,0.2),
|
|
158
170
|
'alpha-graphite-950-30': rgba(13,13,18,0.3),
|
|
159
171
|
'alpha-graphite-950-40': rgba(13,13,18,0.4),
|
|
@@ -290,7 +302,10 @@ $color-map-alt: (
|
|
|
290
302
|
),
|
|
291
303
|
alpha-silver-fog-0: (
|
|
292
304
|
0: map.get($color-map, 'alpha-silver-fog-0-0'),
|
|
305
|
+
8: map.get($color-map, 'alpha-silver-fog-0-8'),
|
|
293
306
|
10: map.get($color-map, 'alpha-silver-fog-0-10'),
|
|
307
|
+
12: map.get($color-map, 'alpha-silver-fog-0-12'),
|
|
308
|
+
14: map.get($color-map, 'alpha-silver-fog-0-14'),
|
|
294
309
|
20: map.get($color-map, 'alpha-silver-fog-0-20'),
|
|
295
310
|
30: map.get($color-map, 'alpha-silver-fog-0-30'),
|
|
296
311
|
40: map.get($color-map, 'alpha-silver-fog-0-40'),
|
|
@@ -302,7 +317,10 @@ $color-map-alt: (
|
|
|
302
317
|
),
|
|
303
318
|
alpha-silver-fog-950: (
|
|
304
319
|
0: map.get($color-map, 'alpha-silver-fog-950-0'),
|
|
320
|
+
8: map.get($color-map, 'alpha-silver-fog-950-8'),
|
|
305
321
|
10: map.get($color-map, 'alpha-silver-fog-950-10'),
|
|
322
|
+
12: map.get($color-map, 'alpha-silver-fog-950-12'),
|
|
323
|
+
14: map.get($color-map, 'alpha-silver-fog-950-14'),
|
|
306
324
|
20: map.get($color-map, 'alpha-silver-fog-950-20'),
|
|
307
325
|
30: map.get($color-map, 'alpha-silver-fog-950-30'),
|
|
308
326
|
40: map.get($color-map, 'alpha-silver-fog-950-40'),
|
|
@@ -314,7 +332,10 @@ $color-map-alt: (
|
|
|
314
332
|
),
|
|
315
333
|
alpha-graphite-0: (
|
|
316
334
|
0: map.get($color-map, 'alpha-graphite-0-0'),
|
|
335
|
+
8: map.get($color-map, 'alpha-graphite-0-8'),
|
|
317
336
|
10: map.get($color-map, 'alpha-graphite-0-10'),
|
|
337
|
+
12: map.get($color-map, 'alpha-graphite-0-12'),
|
|
338
|
+
14: map.get($color-map, 'alpha-graphite-0-14'),
|
|
318
339
|
20: map.get($color-map, 'alpha-graphite-0-20'),
|
|
319
340
|
30: map.get($color-map, 'alpha-graphite-0-30'),
|
|
320
341
|
40: map.get($color-map, 'alpha-graphite-0-40'),
|
|
@@ -326,7 +347,10 @@ $color-map-alt: (
|
|
|
326
347
|
),
|
|
327
348
|
alpha-graphite-950: (
|
|
328
349
|
0: map.get($color-map, 'alpha-graphite-950-0'),
|
|
350
|
+
8: map.get($color-map, 'alpha-graphite-950-8'),
|
|
329
351
|
10: map.get($color-map, 'alpha-graphite-950-10'),
|
|
352
|
+
12: map.get($color-map, 'alpha-graphite-950-12'),
|
|
353
|
+
14: map.get($color-map, 'alpha-graphite-950-14'),
|
|
330
354
|
20: map.get($color-map, 'alpha-graphite-950-20'),
|
|
331
355
|
30: map.get($color-map, 'alpha-graphite-950-30'),
|
|
332
356
|
40: map.get($color-map, 'alpha-graphite-950-40'),
|
|
@@ -158,8 +158,8 @@ $color-semantic-map: (
|
|
|
158
158
|
focus-inverted: map.get(primitive.$color-map, 'european-blue-800'),
|
|
159
159
|
focus-critical: map.get(primitive.$color-map, 'red-600'),
|
|
160
160
|
|
|
161
|
-
alpha-backdrop-strong: map.get(primitive.$color-map, 'alpha-graphite-0-
|
|
162
|
-
alpha-backdrop: map.get(primitive.$color-map, 'alpha-graphite-0-
|
|
161
|
+
alpha-backdrop-strong: map.get(primitive.$color-map, 'alpha-graphite-0-14'),
|
|
162
|
+
alpha-backdrop: map.get(primitive.$color-map, 'alpha-graphite-0-14'),
|
|
163
163
|
alpha-backdrop-subtle: map.get(primitive.$color-map, 'alpha-graphite-0-10'),
|
|
164
164
|
alpha-backdrop-inverted: map.get(primitive.$color-map, 'alpha-graphite-950-30'),
|
|
165
165
|
alpha-backdrop-inverted-subtle: map.get(primitive.$color-map, 'alpha-graphite-950-10'),
|
|
@@ -171,6 +171,6 @@ $color-semantic-map: (
|
|
|
171
171
|
alpha-backdrop-strong: map.get(primitive.$color-map, 'alpha-silver-fog-950-60'),
|
|
172
172
|
alpha-backdrop: map.get(primitive.$color-map, 'alpha-silver-fog-950-30'),
|
|
173
173
|
alpha-backdrop-subtle: map.get(primitive.$color-map, 'alpha-silver-fog-950-10'),
|
|
174
|
-
alpha-backdrop-inverted: map.get(primitive.$color-map, 'alpha-silver-fog-0-
|
|
174
|
+
alpha-backdrop-inverted: map.get(primitive.$color-map, 'alpha-silver-fog-0-14'),
|
|
175
175
|
alpha-backdrop-inverted-subtle: map.get(primitive.$color-map, 'alpha-silver-fog-0-10'),
|
|
176
176
|
);
|
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use '../01-base-eds/' as base;
|
|
3
|
+
@use './colors-primitive' as colors-primitive;
|
|
4
|
+
|
|
1
5
|
// BORDER RADIUS
|
|
2
6
|
|
|
3
7
|
$border-radius-map: (
|
|
@@ -35,3 +39,70 @@ $opacity-map: (
|
|
|
35
39
|
100: 1
|
|
36
40
|
);
|
|
37
41
|
|
|
42
|
+
// SHADOWS
|
|
43
|
+
|
|
44
|
+
$shadow-map: (
|
|
45
|
+
1: (
|
|
46
|
+
offset-x: 0px,
|
|
47
|
+
offset-y: 6px,
|
|
48
|
+
blur: 12px,
|
|
49
|
+
spread: 0px,
|
|
50
|
+
color: map.get(colors-primitive.$color-map, 'alpha-silver-fog-950-8'),
|
|
51
|
+
),
|
|
52
|
+
2: (
|
|
53
|
+
offset-x: 0px,
|
|
54
|
+
offset-y: 10px,
|
|
55
|
+
blur: 22px,
|
|
56
|
+
spread: 0px,
|
|
57
|
+
color: map.get(colors-primitive.$color-map, 'alpha-silver-fog-950-10'),
|
|
58
|
+
),
|
|
59
|
+
3: (
|
|
60
|
+
offset-x: 0px,
|
|
61
|
+
offset-y: 12px,
|
|
62
|
+
blur: 32px,
|
|
63
|
+
spread: 0px,
|
|
64
|
+
color: map.get(colors-primitive.$color-map, 'alpha-silver-fog-950-12'),
|
|
65
|
+
),
|
|
66
|
+
4: (
|
|
67
|
+
offset-x: 0px,
|
|
68
|
+
offset-y: 14px,
|
|
69
|
+
blur: 42px,
|
|
70
|
+
spread: 0px,
|
|
71
|
+
color: map.get(colors-primitive.$color-map, 'alpha-silver-fog-950-14'),
|
|
72
|
+
)
|
|
73
|
+
);
|
|
74
|
+
|
|
75
|
+
// BREAKPOINTS
|
|
76
|
+
|
|
77
|
+
$breakpoint-size-map: (
|
|
78
|
+
xs: 480px,
|
|
79
|
+
s: 768px,
|
|
80
|
+
m: 996px,
|
|
81
|
+
l: 1140px,
|
|
82
|
+
xl: 1440px,
|
|
83
|
+
2xl: 1600px,
|
|
84
|
+
);
|
|
85
|
+
|
|
86
|
+
$breakpoint-map: (
|
|
87
|
+
mobile-s: base.new-breakpoint(max-width map.get($breakpoint-size-map, 'xs') - 1),
|
|
88
|
+
mobile-m: base.new-breakpoint(min-width map.get($breakpoint-size-map, 'xs') max-width map.get($breakpoint-size-map, 's') - 1),
|
|
89
|
+
mobile: base.new-breakpoint(max-width map.get($breakpoint-size-map, 's') - 1),
|
|
90
|
+
tablet-s: base.new-breakpoint(min-width map.get($breakpoint-size-map, 's') max-width map.get($breakpoint-size-map, 'm') - 1),
|
|
91
|
+
tablet-m: base.new-breakpoint(min-width map.get($breakpoint-size-map, 'm') max-width map.get($breakpoint-size-map, 'l') - 1),
|
|
92
|
+
tablet: base.new-breakpoint(min-width map.get($breakpoint-size-map, 's') max-width map.get($breakpoint-size-map, 'l') - 1),
|
|
93
|
+
desktop-s: base.new-breakpoint(min-width map.get($breakpoint-size-map, 'l') max-width map.get($breakpoint-size-map, 'xl') - 1),
|
|
94
|
+
desktop-m: base.new-breakpoint(min-width map.get($breakpoint-size-map, 'xl') max-width map.get($breakpoint-size-map, '2xl') - 1),
|
|
95
|
+
desktop-l: base.new-breakpoint(min-width map.get($breakpoint-size-map, '2xl')),
|
|
96
|
+
desktop: base.new-breakpoint(min-width map.get($breakpoint-size-map, 'l')),
|
|
97
|
+
);
|
|
98
|
+
|
|
99
|
+
$eds-bkp-mobile-s: map.get($breakpoint-map, 'mobile-s') !default;
|
|
100
|
+
$eds-bkp-mobile-m: map.get($breakpoint-map, 'mobile-m') !default;
|
|
101
|
+
$eds-bkp-mobile: map.get($breakpoint-map, 'mobile') !default;
|
|
102
|
+
$eds-bkp-tablet-s: map.get($breakpoint-map, 'tablet-s') !default;
|
|
103
|
+
$eds-bkp-tablet-m: map.get($breakpoint-map, 'tablet-m') !default;
|
|
104
|
+
$eds-bkp-tablet: map.get($breakpoint-map, 'tablet') !default;
|
|
105
|
+
$eds-bkp-desktop-s: map.get($breakpoint-map, 'desktop-s') !default;
|
|
106
|
+
$eds-bkp-desktop-m: map.get($breakpoint-map, 'desktop-m') !default;
|
|
107
|
+
$eds-bkp-desktop-l: map.get($breakpoint-map, 'desktop-l') !default;
|
|
108
|
+
$eds-bkp-desktop: map.get($breakpoint-map, 'desktop') !default;
|
|
@@ -1,10 +1,26 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../01-base' as base;
|
|
2
|
+
@use '../01-base-eds' as base;
|
|
3
3
|
@use '../02-tokens/dimensions-semantic' as dimensions-semantic;
|
|
4
|
-
@use '../02-tokens/maps' as maps;
|
|
4
|
+
@use '../02-tokens-eds/maps' as maps;
|
|
5
5
|
@use '../02-tokens-eds/typography-primitive' as typography-primitive;
|
|
6
6
|
@use '../02-tokens-eds/typography-semantic' as typography-semantic;
|
|
7
7
|
|
|
8
|
+
@font-face {
|
|
9
|
+
font-family: 'Inter';
|
|
10
|
+
src: url('#{base.$eds-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');
|
|
11
|
+
font-weight: 100 900;
|
|
12
|
+
font-style: normal;
|
|
13
|
+
font-display: block;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
@font-face {
|
|
17
|
+
font-family: 'Inter';
|
|
18
|
+
src: url('#{base.$eds-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');
|
|
19
|
+
font-weight: 100 900;
|
|
20
|
+
font-display: block;
|
|
21
|
+
font-style: italic;
|
|
22
|
+
}
|
|
23
|
+
|
|
8
24
|
:root {
|
|
9
25
|
// TYPOGRAPHY
|
|
10
26
|
--eds-f-family: 'Inter', arial, sans-serif;
|
|
@@ -37,7 +53,7 @@
|
|
|
37
53
|
}
|
|
38
54
|
}
|
|
39
55
|
|
|
40
|
-
@include base.media(maps.$
|
|
56
|
+
@include base.media(maps.$eds-bkp-tablet) {
|
|
41
57
|
@each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'tablet') {
|
|
42
58
|
@each $size, $sizeDef in $typeDef {
|
|
43
59
|
--eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);
|
|
@@ -45,7 +61,7 @@
|
|
|
45
61
|
}
|
|
46
62
|
}
|
|
47
63
|
|
|
48
|
-
@include base.media(maps.$
|
|
64
|
+
@include base.media(maps.$eds-bkp-mobile) {
|
|
49
65
|
@each $type, $typeDef in map.get(typography-semantic.$typography-semantic-map, 'mobile') {
|
|
50
66
|
@each $size, $sizeDef in $typeDef {
|
|
51
67
|
--eds-f-#{$type}-#{$size}: normal normal var(--eds-f-w-#{map.get($sizeDef, 'weight')}) var(--eds-f-s-#{map.get($sizeDef, 'size')})/var(--eui-f-eds-lh-#{map.get($sizeDef, 'line-height')}) var(--eds-f-family);
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
|
-
@use '../01-base' as base;
|
|
3
2
|
@use '../02-tokens/dimensions-semantic' as dimensions-semantic;
|
|
4
3
|
@use '../02-tokens-eds/maps' as maps;
|
|
5
4
|
|
|
6
5
|
:root {
|
|
7
|
-
// SPACING -
|
|
6
|
+
// SPACING - eds-sp
|
|
8
7
|
// ---------------
|
|
9
8
|
|
|
10
9
|
@each $spacing, $value in dimensions-semantic.$spacing-semantic-map {
|
|
@@ -15,7 +14,7 @@
|
|
|
15
14
|
}
|
|
16
15
|
|
|
17
16
|
|
|
18
|
-
// BORDER RADIUS -
|
|
17
|
+
// BORDER RADIUS - eds-br
|
|
19
18
|
// ----------------------
|
|
20
19
|
|
|
21
20
|
@each $br, $value in maps.$border-radius-map {
|
|
@@ -23,15 +22,15 @@
|
|
|
23
22
|
}
|
|
24
23
|
|
|
25
24
|
|
|
26
|
-
//
|
|
25
|
+
// BREAKPOINTS - eds-bp
|
|
27
26
|
// ---------------------------
|
|
28
27
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
28
|
+
@each $bp, $value in maps.$breakpoint-size-map {
|
|
29
|
+
--eds-bp-#{$bp}: #{$value};
|
|
30
|
+
}
|
|
32
31
|
|
|
33
32
|
|
|
34
|
-
// BORDER WIDTH -
|
|
33
|
+
// BORDER WIDTH - eds-bw
|
|
35
34
|
// ---------------------
|
|
36
35
|
|
|
37
36
|
@each $br, $value in maps.$border-width-map {
|
|
@@ -39,15 +38,16 @@
|
|
|
39
38
|
}
|
|
40
39
|
|
|
41
40
|
|
|
42
|
-
// BOX-SHADOWS -
|
|
41
|
+
// BOX-SHADOWS - eds-sh
|
|
43
42
|
// --------------------
|
|
44
43
|
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
--eds-sh-none: none;
|
|
45
|
+
@each $sh, $shDef in maps.$shadow-map {
|
|
46
|
+
--eds-sh-#{$sh}: #{map.get($shDef, 'offset-x') map.get($shDef, 'offset-y') map.get($shDef, 'blur') map.get($shDef, 'spread') map.get($shDef, 'color')};
|
|
47
|
+
}
|
|
48
48
|
|
|
49
49
|
|
|
50
|
-
// ICON-SIZES -
|
|
50
|
+
// ICON-SIZES - eds-is
|
|
51
51
|
// -------------------
|
|
52
52
|
|
|
53
53
|
@each $icon-size, $value in dimensions-semantic.$icon-sizing-semantic-map {
|
|
@@ -55,18 +55,10 @@
|
|
|
55
55
|
}
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
// OPACITY -
|
|
59
|
-
//
|
|
58
|
+
// OPACITY - eds-op
|
|
59
|
+
// ----------------
|
|
60
60
|
|
|
61
61
|
@each $idx, $value in maps.$opacity-map {
|
|
62
62
|
--eds-op-#{$idx}: #{$value};
|
|
63
63
|
}
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
// Z-INDEXES - eui-zi
|
|
67
|
-
// -------------------
|
|
68
|
-
|
|
69
|
-
// @each $idx, $value in maps.$z-index-map {
|
|
70
|
-
// --eui-zi-#{$idx}: #{$value};
|
|
71
|
-
// }
|
|
72
64
|
}
|
package/dist/eui-eds.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--eds-c-surface-accent:#f2f6ff;--eds-c-surface-selected:#e6edff;--eds-c-surface-skeleton:#e1e1e7;--eds-c-surface-brand:#00002e;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#f6f6f8;--eds-c-surface-elevation-inset:#fafafb;--eds-c-surface-elevation:#fff;--eds-c-surface-elevation-raised:#fff;--eds-c-surface-elevation-elevated:#fff;--eds-c-surface-elevation-overlay:#fff;--eds-c-surface-disabled:#e1e1e7;--eds-c-on-surface-disabled:#a0a0b1;--eds-c-surface-disabled-subtle:#f6f6f8;--eds-c-on-surface-disabled-subtle:#a0a0b1;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#d9e3ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#763105;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#763105;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#763105;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#00002e;--eds-c-on-surface-inverted:#fff;--eds-c-surface-inverted-subtle:#00002e;--eds-c-on-surface-inverted-subtle:#b9b9c5;--eds-c-surface-inverted-disabled:#00002e;--eds-c-on-surface-inverted-disabled:#696984;--eds-c-surface-neutral:#696984;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#505070;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#353559;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#e1e1e7;--eds-c-on-surface-neutral-subtle:#171740;--eds-c-surface-neutral-subtle--hover:#d4d4dc;--eds-c-on-surface-neutral-subtle--hover:#171740;--eds-c-surface-neutral-subtler:#ededf0;--eds-c-on-surface-neutral-subtler:#171740;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#ebeff7;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-info-subtler--hover:#dee4f2;--eds-c-on-surface-info-subtler--hover:#00297a;--eds-c-surface-success:#037e4e;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-success-subtler--hover:#b2edd6;--eds-c-on-surface-success-subtler--hover:#025f3b;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-surface-warning-subtler--hover:#ffdbba;--eds-c-on-surface-warning-subtler--hover:#68390d;--eds-c-foreground:#00002e;--eds-c-foreground-subtle:#353559;--eds-c-foreground-subtler:#505070;--eds-c-foreground-placeholder:#84849b;--eds-c-foreground-disabled:#a0a0b1;--eds-c-foreground-primary:#0046ff;--eds-c-foreground-success:#037e4e;--eds-c-foreground-info:#00297a;--eds-c-foreground-warning:#8b4c11;--eds-c-foreground-critical:#cb2029;--eds-c-foreground-highlight:#9e4107;--eds-c-foreground-inverted:#fafafb;--eds-c-border-brand:#00002e;--eds-c-border-divider:#d4d4dc;--eds-c-border-disabled:#e1e1e7;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#5987ff;--eds-c-border-primary--pressed:#8cacff;--eds-c-border-primary-subtle:#8cacff;--eds-c-border-primary-subtler:#e6edff;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#a3b6da;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#8fe5c4;--eds-c-border-warning:#e87e1d;--eds-c-border-warning-subtle:#ffb16a;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#ea6c72;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight-subtle:#ffcb7d;--eds-c-border-inverted:#fafafb;--eds-c-border-inverted-disabled:#84849b;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral-subtle:#b9b9c5;--eds-c-border-neutral-subtle--hover:#a0a0b1;--eds-c-link:#0046ff;--eds-c-link--focused:#0046ff;--eds-c-link--hover:#0035bf;--eds-c-link--pressed:#002a99;--eds-c-link--visited:#0035bf;--eds-c-link-inverted:#fff;--eds-c-link-inverted--focused:#fff;--eds-c-link-inverted--hover:#f6f6f8;--eds-c-link-inverted--pressed:#e1e1e7;--eds-c-link-inverted--visited:#fafafb;--eds-c-link-contrast:#00002e;--eds-c-link-contrast--focused:#00002e;--eds-c-link-contrast--hover:#00002e;--eds-c-link-contrast--pressed:#353559;--eds-c-link-contrast--visited:#171740;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#b0c6ff;--eds-c-focus-critical:#e54f57;--eds-c-alpha-backdrop-strong:rgba(0,0,46,.6);--eds-c-alpha-backdrop:rgba(0,0,46,.3);--eds-c-alpha-backdrop-subtle:rgba(0,0,46,.1);--eds-c-alpha-backdrop-inverted:hsla(0,0%,100%,.2);--eds-c-alpha-backdrop-inverted-subtle:hsla(0,0%,100%,.1)}html.eui-t-dark{--eds-c-surface-accent:#131318;--eds-c-surface-selected:#18181c;--eds-c-surface-skeleton:#18181c;--eds-c-surface-brand:#131318;--eds-c-surface-elevation-sunken:#000;--eds-c-surface-elevation-inset:#0d0d12;--eds-c-surface-elevation:#131318;--eds-c-surface-elevation-raised:#18181c;--eds-c-surface-elevation-elevated:#1e1e25;--eds-c-surface-elevation-overlay:#24242c;--eds-c-surface-disabled:#1e1e25;--eds-c-on-surface-disabled:#6a6a71;--eds-c-surface-disabled-subtle:#18181c;--eds-c-on-surface-disabled-subtle:#6a6a71;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#f2f6ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#763105;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#763105;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#763105;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#e8e8ea;--eds-c-on-surface-inverted:#0d0d12;--eds-c-surface-inverted-subtle:#e8e8ea;--eds-c-on-surface-inverted-subtle:#18181c;--eds-c-surface-inverted-disabled:#e8e8ea;--eds-c-on-surface-inverted-disabled:#b4b4b9;--eds-c-surface-neutral:#6a6a71;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#6a6a71;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#2c2c36;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#18181c;--eds-c-on-surface-neutral-subtle:#fff;--eds-c-surface-neutral-subtle--hover:#131318;--eds-c-on-surface-neutral-subtle--hover:#fff;--eds-c-surface-neutral-subtler:#1e1e25;--eds-c-on-surface-neutral-subtler:#fff;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#f5f7fb;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-success:#037e4e;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-foreground:#f4f4f5;--eds-c-foreground-subtle:#d1d1d4;--eds-c-foreground-subtler:#b4b4b9;--eds-c-foreground-placeholder:#8e8e94;--eds-c-foreground-disabled:#6a6a71;--eds-c-foreground-primary:#5987ff;--eds-c-foreground-success:#05c67b;--eds-c-foreground-info:#6685c2;--eds-c-foreground-warning:#ff8a20;--eds-c-foreground-critical:#e54f57;--eds-c-foreground-highlight:#fc8713;--eds-c-foreground-inverted:#0d0d12;--eds-c-border-brand:#f6f6f8;--eds-c-border-divider:#2c2c36;--eds-c-border-disabled:#1e1e25;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#002a99;--eds-c-border-primary-subtle:#002a99;--eds-c-border-primary-subtler:#001f73;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#00297a;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#025f3b;--eds-c-border-warning:#e87e1d;--eds-c-border-warning-subtle:#68390d;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#5a0e12;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight-subtle:#ed6c09;--eds-c-border-inverted:#131318;--eds-c-border-inverted-disabled:#18181c;--eds-c-border-neutral:#2c2c36;--eds-c-border-neutral--hover:#24242c;--eds-c-link:#8cacff;--eds-c-link--focused:#8cacff;--eds-c-link--hover:#5987ff;--eds-c-link--pressed:#d9e3ff;--eds-c-link--visited:#b0c6ff;--eds-c-link-inverted:#0046ff;--eds-c-link-inverted--focused:#0046ff;--eds-c-link-inverted--hover:#0035bf;--eds-c-link-inverted--pressed:#002a99;--eds-c-link-inverted--visited:#0035bf;--eds-c-link-contrast:#fff;--eds-c-link-contrast--focused:#fff;--eds-c-link-contrast--hover:#e8e8ea;--eds-c-link-contrast--pressed:#b4b4b9;--eds-c-link-contrast--visited:#f4f4f5;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#002a99;--eds-c-focus-critical:#cb2029;--eds-c-alpha-backdrop-strong:hsla(0,0%,100%,.2);--eds-c-alpha-backdrop:hsla(0,0%,100%,.2);--eds-c-alpha-backdrop-subtle:hsla(0,0%,100%,.1);--eds-c-alpha-backdrop-inverted:rgba(13,13,18,.3);--eds-c-alpha-backdrop-inverted-subtle:rgba(13,13,18,.1)}:root{--eds-f-family:"Inter",arial,sans-serif;--eds-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eds-f-s-9xl:6rem;--eds-f-s-8xl:4rem;--eds-f-s-7xl:3.25rem;--eds-f-s-6xl:2.75rem;--eds-f-s-5xl:2.25rem;--eds-f-s-4xl:1.75rem;--eds-f-s-3xl:1.5rem;--eds-f-s-2xl:1.375rem;--eds-f-s-xl:1.25rem;--eds-f-s-l:1.125rem;--eds-f-s-m:1rem;--eds-f-s-s:0.875rem;--eds-f-s-xs:0.75rem;--eds-f-s-2xs:0.625rem;--eds-f-w-light:300;--eds-f-w-regular:400;--eds-f-w-medium:500;--eds-f-w-semi-bold:600;--eds-f-w-bold:700;--eds-f-lh-10xl:6rem;--eds-f-lh-9xl:4rem;--eds-f-lh-8xl:3.75rem;--eds-f-lh-7xl:3.5rem;--eds-f-lh-6xl:3.25rem;--eds-f-lh-5xl:3rem;--eds-f-lh-4xl:2.75rem;--eds-f-lh-3xl:2.5rem;--eds-f-lh-2xl:2.25rem;--eds-f-lh-xl:2rem;--eds-f-lh-l:1.75rem;--eds-f-lh-m:1.5rem;--eds-f-lh-s:1.25rem;--eds-f-lh-xs:1rem;--eds-f-lh-2xs:0.75rem;--eds-f-ls-9xl:-2%;--eds-f-ls-8xl:-2%;--eds-f-ls-7xl:-2%;--eds-f-ls-6xl:-1%;--eds-f-ls-5xl:-1%;--eds-f-ls-4xl:-1%;--eds-f-ls-3xl:-1%;--eds-f-ls-2xl:normal;--eds-f-ls-xl:normal;--eds-f-ls-l:normal;--eds-f-ls-m:normal;--eds-f-ls-s:normal;--eds-f-ls-xs:normal;--eds-f-ls-2xs:normal;--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-9xl)/var(--eds-f-lh-10xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-6xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-3xl)/var(--eds-f-lh-xl) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-3xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family)}@media screen and (min-width:768px) and (max-width:995px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-8xl)/var(--eui-f-eds-lh-9xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-7xl)/var(--eui-f-eds-lh-6xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eui-f-eds-lh-4xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eui-f-eds-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eui-f-eds-lh-2xs) var(--eds-f-family)}}@media screen and (max-width:767px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-6xl)/var(--eui-f-eds-lh-4xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eui-f-eds-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eui-f-eds-lh-2xs) var(--eds-f-family)}}:root{--eds-sp-none:0rem;--eds-sp-5xs:0.0625rem;--eds-sp-4xs:0.125rem;--eds-sp-3xs:0.25rem;--eds-sp-2xs:0.375rem;--eds-sp-xs:0.5rem;--eds-sp-s:0.75rem;--eds-sp-m:1rem;--eds-sp-l:1.25rem;--eds-sp-xl:1.5rem;--eds-sp-2xl:1.75rem;--eds-sp-3xl:2rem;--eds-sp-4xl:2.25rem;--eds-sp-5xl:2.5rem;--eds-sp-6xl:2.75rem;--eds-sp-7xl:3rem;--eds-sp-8xl:3.25rem;--eds-sp-9xl:3.5rem;--eds-sp-10xl:3.75rem;--eds-sp-11xl:4rem;--eds-si-none:0rem;--eds-si-3xs:0.125rem;--eds-si-2xs:0.25rem;--eds-si-xs:0.5rem;--eds-si-s:0.75rem;--eds-si-m:1rem;--eds-si-l:1.25rem;--eds-si-xl:1.5rem;--eds-si-2xl:1.75rem;--eds-si-3xl:2rem;--eds-si-4xl:2.5rem;--eds-si-5xl:2.75rem;--eds-si-6xl:3rem;--eds-si-7xl:3.5rem;--eds-si-8xl:3.75rem;--eds-si-9xl:4rem;--eds-br-none:0;--eds-br-xs:2px;--eds-br-s:4px;--eds-br-m:8px;--eds-br-l:12px;--eds-br-full:999px;--eds-bw-none:0;--eds-bw-xs:1px;--eds-bw-s:2px;--eds-bw-m:4px;--eds-is-2xs:0.75rem;--eds-is-xs:1rem;--eds-is-s:1.25rem;--eds-is-m:1.5rem;--eds-is-l:2rem;--eds-is-xl:2.5rem;--eds-is-2xl:3rem;--eds-is-3xl:3.5rem;--eds-is-4xl:4rem;--eds-op-none:0;--eds-op-10:0.1;--eds-op-20:0.2;--eds-op-30:0.3;--eds-op-40:0.4;--eds-op-50:0.5;--eds-op-60:0.6;--eds-op-70:0.7;--eds-op-80:0.8;--eds-op-90:0.9;--eds-op-100:1}.eds-u-f-weight-light{font-weight:var(--eds-f-w-light)!important}.eds-u-f-weight-regular{font-weight:var(--eds-f-w-regular)!important}.eds-u-f-weight-medium{font-weight:var(--eds-f-w-medium)!important}.eds-u-f-weight-semi-bold{font-weight:var(--eds-f-w-semi-bold)!important}.eds-u-f-weight-bold{font-weight:var(--eds-f-w-bold)!important}.eds-u-f-size-9xl{font-size:var(--eds-f-s-9xl)!important}.eds-u-f-size-8xl{font-size:var(--eds-f-s-8xl)!important}.eds-u-f-size-7xl{font-size:var(--eds-f-s-7xl)!important}.eds-u-f-size-6xl{font-size:var(--eds-f-s-6xl)!important}.eds-u-f-size-5xl{font-size:var(--eds-f-s-5xl)!important}.eds-u-f-size-4xl{font-size:var(--eds-f-s-4xl)!important}.eds-u-f-size-3xl{font-size:var(--eds-f-s-3xl)!important}.eds-u-f-size-2xl{font-size:var(--eds-f-s-2xl)!important}.eds-u-f-size-xl{font-size:var(--eds-f-s-xl)!important}.eds-u-f-size-l{font-size:var(--eds-f-s-l)!important}.eds-u-f-size-m{font-size:var(--eds-f-s-m)!important}.eds-u-f-size-s{font-size:var(--eds-f-s-s)!important}.eds-u-f-size-xs{font-size:var(--eds-f-s-xs)!important}.eds-u-f-size-2xs{font-size:var(--eds-f-s-2xs)!important}.eds-u-f-display-xl{font:var(--eds-f-display-xl)!important;letter-spacing:var(--eds-f-ls-9xl)!important}.eds-u-f-display-l{font:var(--eds-f-display-l)!important;letter-spacing:var(--eds-f-ls-8xl)!important}.eds-u-f-heading-2xl{font:var(--eds-f-heading-2xl)!important;letter-spacing:var(--eds-f-ls-6xl)!important}.eds-u-f-heading-xl{font:var(--eds-f-heading-xl)!important;letter-spacing:var(--eds-f-ls-5xl)!important}.eds-u-f-heading-l{font:var(--eds-f-heading-l)!important;letter-spacing:var(--eds-f-ls-4xl)!important}.eds-u-f-heading-m{font:var(--eds-f-heading-m)!important;letter-spacing:var(--eds-f-ls-3xl)!important}.eds-u-f-heading-s{font:var(--eds-f-heading-s)!important;letter-spacing:var(--eds-f-ls-xl)!important}.eds-u-f-heading-s-medium{font:var(--eds-f-heading-s-medium)!important;letter-spacing:var(--eds-f-ls-xl)!important}.eds-u-f-heading-xs{font:var(--eds-f-heading-xs)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-xl{font:var(--eds-f-paragraph-xl)!important;letter-spacing:var(--eds-f-ls-3xl)!important}.eds-u-f-paragraph-l{font:var(--eds-f-paragraph-l)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-l-semi-bold{font:var(--eds-f-paragraph-l-semi-bold)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-l-bold{font:var(--eds-f-paragraph-l-bold)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-m{font:var(--eds-f-paragraph-m)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-m-semi-bold{font:var(--eds-f-paragraph-m-semi-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-m-bold{font:var(--eds-f-paragraph-m-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-s{font:var(--eds-f-paragraph-s)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-paragraph-s-semi-bold{font:var(--eds-f-paragraph-s-semi-bold)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-paragraph-s-bold{font:var(--eds-f-paragraph-s-bold)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-label-l{font:var(--eds-f-label-l)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-label-m{font:var(--eds-f-label-m)!important}.eds-u-f-label-m,.eds-u-f-label-m-medium{letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-label-m-medium{font:var(--eds-f-label-m-medium)!important}.eds-u-f-label-m-semi-bold{font:var(--eds-f-label-m-semi-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-label-s{font:var(--eds-f-label-s)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-microcopy-xs{font:var(--eds-f-microcopy-xs)!important;letter-spacing:var(--eds-f-ls-xs)!important}.eds-u-f-microcopy-2xs{font:var(--eds-f-microcopy-2xs)!important;letter-spacing:var(--eds-f-ls-2xs)!important}.eds-u-c-surface-accent{background-color:var(--eds-c-surface-accent)!important}.eds-u-c-surface-selected{background-color:var(--eds-c-surface-selected)!important}.eds-u-c-surface-skeleton{background-color:var(--eds-c-surface-skeleton)!important}.eds-u-c-surface-brand{background-color:var(--eds-c-surface-brand)!important}.eds-u-c-surface-invisible{background-color:var(--eds-c-surface-invisible)!important}.eds-u-c-surface-elevation-sunken{background-color:var(--eds-c-surface-elevation-sunken)!important}.eds-u-c-surface-elevation-inset{background-color:var(--eds-c-surface-elevation-inset)!important}.eds-u-c-surface-elevation{background-color:var(--eds-c-surface-elevation)!important}.eds-u-c-surface-elevation-raised{background-color:var(--eds-c-surface-elevation-raised)!important}.eds-u-c-surface-elevation-elevated{background-color:var(--eds-c-surface-elevation-elevated)!important}.eds-u-c-surface-elevation-overlay{background-color:var(--eds-c-surface-elevation-overlay)!important}.eds-u-c-surface-disabled{background-color:var(--eds-c-surface-disabled)!important}.eds-u-c-on-surface-disabled{color:var(--eds-c-on-surface-disabled)!important}.eds-u-c-surface-disabled-subtle{background-color:var(--eds-c-surface-disabled-subtle)!important}.eds-u-c-on-surface-disabled-subtle{color:var(--eds-c-on-surface-disabled-subtle)!important}.eds-u-c-surface-primary{background-color:var(--eds-c-surface-primary)!important}.eds-u-c-on-surface-primary{color:var(--eds-c-on-surface-primary)!important}.eds-u-c-surface-primary--hover{background-color:var(--eds-c-surface-primary--hover)!important}.eds-u-c-on-surface-primary--hover{color:var(--eds-c-on-surface-primary--hover)!important}.eds-u-c-surface-primary--pressed{background-color:var(--eds-c-surface-primary--pressed)!important}.eds-u-c-on-surface-primary--pressed{color:var(--eds-c-on-surface-primary--pressed)!important}.eds-u-c-surface-primary-subtle{background-color:var(--eds-c-surface-primary-subtle)!important}.eds-u-c-on-surface-primary-subtle{color:var(--eds-c-on-surface-primary-subtle)!important}.eds-u-c-surface-highlight{background-color:var(--eds-c-surface-highlight)!important}.eds-u-c-on-surface-highlight{color:var(--eds-c-on-surface-highlight)!important}.eds-u-c-surface-highlight--hover{background-color:var(--eds-c-surface-highlight--hover)!important}.eds-u-c-on-surface-highlight--hover{color:var(--eds-c-on-surface-highlight--hover)!important}.eds-u-c-surface-highlight--pressed{background-color:var(--eds-c-surface-highlight--pressed)!important}.eds-u-c-on-surface-highlight--pressed{color:var(--eds-c-on-surface-highlight--pressed)!important}.eds-u-c-surface-highlight-subtler{background-color:var(--eds-c-surface-highlight-subtler)!important}.eds-u-c-on-surface-highlight-subtler{color:var(--eds-c-on-surface-highlight-subtler)!important}.eds-u-c-surface-inverted{background-color:var(--eds-c-surface-inverted)!important}.eds-u-c-on-surface-inverted{color:var(--eds-c-on-surface-inverted)!important}.eds-u-c-surface-inverted-subtle{background-color:var(--eds-c-surface-inverted-subtle)!important}.eds-u-c-on-surface-inverted-subtle{color:var(--eds-c-on-surface-inverted-subtle)!important}.eds-u-c-surface-inverted-disabled{background-color:var(--eds-c-surface-inverted-disabled)!important}.eds-u-c-on-surface-inverted-disabled{color:var(--eds-c-on-surface-inverted-disabled)!important}.eds-u-c-surface-neutral{background-color:var(--eds-c-surface-neutral)!important}.eds-u-c-on-surface-neutral{color:var(--eds-c-on-surface-neutral)!important}.eds-u-c-surface-neutral--hover{background-color:var(--eds-c-surface-neutral--hover)!important}.eds-u-c-on-surface-neutral--hover{color:var(--eds-c-on-surface-neutral--hover)!important}.eds-u-c-surface-neutral--pressed{background-color:var(--eds-c-surface-neutral--pressed)!important}.eds-u-c-on-surface-neutral--pressed{color:var(--eds-c-on-surface-neutral--pressed)!important}.eds-u-c-surface-neutral-subtle{background-color:var(--eds-c-surface-neutral-subtle)!important}.eds-u-c-on-surface-neutral-subtle{color:var(--eds-c-on-surface-neutral-subtle)!important}.eds-u-c-surface-neutral-subtle--hover{background-color:var(--eds-c-surface-neutral-subtle--hover)!important}.eds-u-c-on-surface-neutral-subtle--hover{color:var(--eds-c-on-surface-neutral-subtle--hover)!important}.eds-u-c-surface-neutral-subtler{background-color:var(--eds-c-surface-neutral-subtler)!important}.eds-u-c-on-surface-neutral-subtler{color:var(--eds-c-on-surface-neutral-subtler)!important}.eds-u-c-surface-critical{background-color:var(--eds-c-surface-critical)!important}.eds-u-c-on-surface-critical{color:var(--eds-c-on-surface-critical)!important}.eds-u-c-surface-critical--hover{background-color:var(--eds-c-surface-critical--hover)!important}.eds-u-c-on-surface-critical--hover{color:var(--eds-c-on-surface-critical--hover)!important}.eds-u-c-surface-critical--pressed{background-color:var(--eds-c-surface-critical--pressed)!important}.eds-u-c-on-surface-critical--pressed{color:var(--eds-c-on-surface-critical--pressed)!important}.eds-u-c-surface-critical-subtle{background-color:var(--eds-c-surface-critical-subtle)!important}.eds-u-c-on-surface-critical-subtle{color:var(--eds-c-on-surface-critical-subtle)!important}.eds-u-c-surface-critical-subtler{background-color:var(--eds-c-surface-critical-subtler)!important}.eds-u-c-on-surface-critical-subtler{color:var(--eds-c-on-surface-critical-subtler)!important}.eds-u-c-surface-critical-subtler--hover{background-color:var(--eds-c-surface-critical-subtler--hover)!important}.eds-u-c-on-surface-critical-subtler--hover{color:var(--eds-c-on-surface-critical-subtler--hover)!important}.eds-u-c-surface-info{background-color:var(--eds-c-surface-info)!important}.eds-u-c-on-surface-info{color:var(--eds-c-on-surface-info)!important}.eds-u-c-surface-info-subtle{background-color:var(--eds-c-surface-info-subtle)!important}.eds-u-c-on-surface-info-subtle{color:var(--eds-c-on-surface-info-subtle)!important}.eds-u-c-surface-info-subtler{background-color:var(--eds-c-surface-info-subtler)!important}.eds-u-c-on-surface-info-subtler{color:var(--eds-c-on-surface-info-subtler)!important}.eds-u-c-surface-info-subtler--hover{background-color:var(--eds-c-surface-info-subtler--hover)!important}.eds-u-c-on-surface-info-subtler--hover{color:var(--eds-c-on-surface-info-subtler--hover)!important}.eds-u-c-surface-success{background-color:var(--eds-c-surface-success)!important}.eds-u-c-on-surface-success{color:var(--eds-c-on-surface-success)!important}.eds-u-c-surface-success-subtle{background-color:var(--eds-c-surface-success-subtle)!important}.eds-u-c-on-surface-success-subtle{color:var(--eds-c-on-surface-success-subtle)!important}.eds-u-c-surface-success-subtler{background-color:var(--eds-c-surface-success-subtler)!important}.eds-u-c-on-surface-success-subtler{color:var(--eds-c-on-surface-success-subtler)!important}.eds-u-c-surface-success-subtler--hover{background-color:var(--eds-c-surface-success-subtler--hover)!important}.eds-u-c-on-surface-success-subtler--hover{color:var(--eds-c-on-surface-success-subtler--hover)!important}.eds-u-c-surface-warning{background-color:var(--eds-c-surface-warning)!important}.eds-u-c-on-surface-warning{color:var(--eds-c-on-surface-warning)!important}.eds-u-c-surface-warning-subtle{background-color:var(--eds-c-surface-warning-subtle)!important}.eds-u-c-on-surface-warning-subtle{color:var(--eds-c-on-surface-warning-subtle)!important}.eds-u-c-surface-warning-subtler{background-color:var(--eds-c-surface-warning-subtler)!important}.eds-u-c-on-surface-warning-subtler{color:var(--eds-c-on-surface-warning-subtler)!important}.eds-u-c-surface-warning-subtler--hover{background-color:var(--eds-c-surface-warning-subtler--hover)!important}.eds-u-c-on-surface-warning-subtler--hover{color:var(--eds-c-on-surface-warning-subtler--hover)!important}.eds-u-c-foreground{color:var(--eds-c-foreground)!important}.eds-u-c-foreground-subtle{color:var(--eds-c-foreground-subtle)!important}.eds-u-c-foreground-subtler{color:var(--eds-c-foreground-subtler)!important}.eds-u-c-foreground-placeholder{color:var(--eds-c-foreground-placeholder)!important}.eds-u-c-foreground-disabled{color:var(--eds-c-foreground-disabled)!important}.eds-u-c-foreground-primary{color:var(--eds-c-foreground-primary)!important}.eds-u-c-foreground-success{color:var(--eds-c-foreground-success)!important}.eds-u-c-foreground-info{color:var(--eds-c-foreground-info)!important}.eds-u-c-foreground-warning{color:var(--eds-c-foreground-warning)!important}.eds-u-c-foreground-critical{color:var(--eds-c-foreground-critical)!important}.eds-u-c-foreground-highlight{color:var(--eds-c-foreground-highlight)!important}.eds-u-c-foreground-inverted{color:var(--eds-c-foreground-inverted)!important}.eds-u-c-border-brand{border-color:var(--eds-c-border-brand)!important}.eds-u-c-border-divider{border-color:var(--eds-c-border-divider)!important}.eds-u-c-border-disabled{border-color:var(--eds-c-border-disabled)!important}.eds-u-c-border-primary{border-color:var(--eds-c-border-primary)!important}.eds-u-c-border-primary--hover{border-color:var(--eds-c-border-primary--hover)!important}.eds-u-c-border-primary--pressed{border-color:var(--eds-c-border-primary--pressed)!important}.eds-u-c-border-primary-subtle{border-color:var(--eds-c-border-primary-subtle)!important}.eds-u-c-border-primary-subtler{border-color:var(--eds-c-border-primary-subtler)!important}.eds-u-c-border-info{border-color:var(--eds-c-border-info)!important}.eds-u-c-border-info-subtle{border-color:var(--eds-c-border-info-subtle)!important}.eds-u-c-border-success{border-color:var(--eds-c-border-success)!important}.eds-u-c-border-success-subtle{border-color:var(--eds-c-border-success-subtle)!important}.eds-u-c-border-warning{border-color:var(--eds-c-border-warning)!important}.eds-u-c-border-warning-subtle{border-color:var(--eds-c-border-warning-subtle)!important}.eds-u-c-border-critical{border-color:var(--eds-c-border-critical)!important}.eds-u-c-border-critical-subtle{border-color:var(--eds-c-border-critical-subtle)!important}.eds-u-c-border-highlight{border-color:var(--eds-c-border-highlight)!important}.eds-u-c-border-highlight-subtle{border-color:var(--eds-c-border-highlight-subtle)!important}.eds-u-c-border-inverted{border-color:var(--eds-c-border-inverted)!important}.eds-u-c-border-inverted-disabled{border-color:var(--eds-c-border-inverted-disabled)!important}.eds-u-c-border-neutral{border-color:var(--eds-c-border-neutral)!important}.eds-u-c-border-neutral--hover{border-color:var(--eds-c-border-neutral--hover)!important}.eds-u-c-border-neutral-subtle{border-color:var(--eds-c-border-neutral-subtle)!important}.eds-u-c-border-neutral-subtle--hover{border-color:var(--eds-c-border-neutral-subtle--hover)!important}.eds-u-c-link{color:var(--eds-c-link)!important}.eds-u-c-link--focused{color:var(--eds-c-link--focused)!important}.eds-u-c-link--hover{color:var(--eds-c-link--hover)!important}.eds-u-c-link--pressed{color:var(--eds-c-link--pressed)!important}.eds-u-c-link--visited{color:var(--eds-c-link--visited)!important}.eds-u-c-link-inverted{color:var(--eds-c-link-inverted)!important}.eds-u-c-link-inverted--focused{color:var(--eds-c-link-inverted--focused)!important}.eds-u-c-link-inverted--hover{color:var(--eds-c-link-inverted--hover)!important}.eds-u-c-link-inverted--pressed{color:var(--eds-c-link-inverted--pressed)!important}.eds-u-c-link-inverted--visited{color:var(--eds-c-link-inverted--visited)!important}.eds-u-c-link-contrast{color:var(--eds-c-link-contrast)!important}.eds-u-c-link-contrast--focused{color:var(--eds-c-link-contrast--focused)!important}.eds-u-c-link-contrast--hover{color:var(--eds-c-link-contrast--hover)!important}.eds-u-c-link-contrast--pressed{color:var(--eds-c-link-contrast--pressed)!important}.eds-u-c-link-contrast--visited{color:var(--eds-c-link-contrast--visited)!important}.eds-u-c-focus{color:var(--eds-c-focus)!important}.eds-u-c-focus-inverted{color:var(--eds-c-focus-inverted)!important}.eds-u-c-focus-critical{color:var(--eds-c-focus-critical)!important}.eds-u-c-alpha-backdrop-strong{color:var(--eds-c-alpha-backdrop-strong)!important}.eds-u-c-alpha-backdrop{color:var(--eds-c-alpha-backdrop)!important}.eds-u-c-alpha-backdrop-subtle{color:var(--eds-c-alpha-backdrop-subtle)!important}.eds-u-c-alpha-backdrop-inverted{color:var(--eds-c-alpha-backdrop-inverted)!important}.eds-u-c-alpha-backdrop-inverted-subtle{color:var(--eds-c-alpha-backdrop-inverted-subtle)!important}
|
|
1
|
+
:root{--eds-c-surface-accent:#f2f6ff;--eds-c-surface-selected:#e6edff;--eds-c-surface-skeleton:#e1e1e7;--eds-c-surface-brand:#00002e;--eds-c-surface-invisible:hsla(0,0%,100%,0);--eds-c-surface-elevation-sunken:#f6f6f8;--eds-c-surface-elevation-inset:#fafafb;--eds-c-surface-elevation:#fff;--eds-c-surface-elevation-raised:#fff;--eds-c-surface-elevation-elevated:#fff;--eds-c-surface-elevation-overlay:#fff;--eds-c-surface-disabled:#e1e1e7;--eds-c-on-surface-disabled:#a0a0b1;--eds-c-surface-disabled-subtle:#f6f6f8;--eds-c-on-surface-disabled-subtle:#a0a0b1;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#d9e3ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#763105;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#763105;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#763105;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#00002e;--eds-c-on-surface-inverted:#fff;--eds-c-surface-inverted-subtle:#00002e;--eds-c-on-surface-inverted-subtle:#b9b9c5;--eds-c-surface-inverted-disabled:#00002e;--eds-c-on-surface-inverted-disabled:#696984;--eds-c-surface-neutral:#696984;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#505070;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#353559;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#e1e1e7;--eds-c-on-surface-neutral-subtle:#171740;--eds-c-surface-neutral-subtle--hover:#d4d4dc;--eds-c-on-surface-neutral-subtle--hover:#171740;--eds-c-surface-neutral-subtler:#ededf0;--eds-c-on-surface-neutral-subtler:#171740;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-critical-subtler--hover:#f5bbbe;--eds-c-on-surface-critical-subtler--hover:#5a0e12;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#ebeff7;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-info-subtler--hover:#dee4f2;--eds-c-on-surface-info-subtler--hover:#00297a;--eds-c-surface-success:#037e4e;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-success-subtler--hover:#b2edd6;--eds-c-on-surface-success-subtler--hover:#025f3b;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-surface-warning-subtler--hover:#ffdbba;--eds-c-on-surface-warning-subtler--hover:#68390d;--eds-c-foreground:#00002e;--eds-c-foreground-subtle:#353559;--eds-c-foreground-subtler:#505070;--eds-c-foreground-placeholder:#84849b;--eds-c-foreground-disabled:#a0a0b1;--eds-c-foreground-primary:#0046ff;--eds-c-foreground-success:#037e4e;--eds-c-foreground-info:#00297a;--eds-c-foreground-warning:#8b4c11;--eds-c-foreground-critical:#cb2029;--eds-c-foreground-highlight:#9e4107;--eds-c-foreground-inverted:#fafafb;--eds-c-border-brand:#00002e;--eds-c-border-divider:#d4d4dc;--eds-c-border-disabled:#e1e1e7;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#5987ff;--eds-c-border-primary--pressed:#8cacff;--eds-c-border-primary-subtle:#8cacff;--eds-c-border-primary-subtler:#e6edff;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#a3b6da;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#8fe5c4;--eds-c-border-warning:#e87e1d;--eds-c-border-warning-subtle:#ffb16a;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#ea6c72;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight-subtle:#ffcb7d;--eds-c-border-inverted:#fafafb;--eds-c-border-inverted-disabled:#84849b;--eds-c-border-neutral:#84849b;--eds-c-border-neutral--hover:#696984;--eds-c-border-neutral-subtle:#b9b9c5;--eds-c-border-neutral-subtle--hover:#a0a0b1;--eds-c-link:#0046ff;--eds-c-link--focused:#0046ff;--eds-c-link--hover:#0035bf;--eds-c-link--pressed:#002a99;--eds-c-link--visited:#0035bf;--eds-c-link-inverted:#fff;--eds-c-link-inverted--focused:#fff;--eds-c-link-inverted--hover:#f6f6f8;--eds-c-link-inverted--pressed:#e1e1e7;--eds-c-link-inverted--visited:#fafafb;--eds-c-link-contrast:#00002e;--eds-c-link-contrast--focused:#00002e;--eds-c-link-contrast--hover:#00002e;--eds-c-link-contrast--pressed:#353559;--eds-c-link-contrast--visited:#171740;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#b0c6ff;--eds-c-focus-critical:#e54f57;--eds-c-alpha-backdrop-strong:rgba(0,0,46,.6);--eds-c-alpha-backdrop:rgba(0,0,46,.3);--eds-c-alpha-backdrop-subtle:rgba(0,0,46,.1);--eds-c-alpha-backdrop-inverted:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-inverted-subtle:hsla(0,0%,100%,.1)}html.eui-t-dark{--eds-c-surface-accent:#131318;--eds-c-surface-selected:#18181c;--eds-c-surface-skeleton:#18181c;--eds-c-surface-brand:#131318;--eds-c-surface-elevation-sunken:#000;--eds-c-surface-elevation-inset:#0d0d12;--eds-c-surface-elevation:#131318;--eds-c-surface-elevation-raised:#18181c;--eds-c-surface-elevation-elevated:#1e1e25;--eds-c-surface-elevation-overlay:#24242c;--eds-c-surface-disabled:#1e1e25;--eds-c-on-surface-disabled:#6a6a71;--eds-c-surface-disabled-subtle:#18181c;--eds-c-on-surface-disabled-subtle:#6a6a71;--eds-c-surface-primary:#0046ff;--eds-c-on-surface-primary:#fff;--eds-c-surface-primary--hover:#0035bf;--eds-c-on-surface-primary--hover:#fff;--eds-c-surface-primary--pressed:#002a99;--eds-c-on-surface-primary--pressed:#fff;--eds-c-surface-primary-subtle:#f2f6ff;--eds-c-on-surface-primary-subtle:#002a99;--eds-c-surface-highlight:#ffcb7d;--eds-c-on-surface-highlight:#763105;--eds-c-surface-highlight--hover:#ffbe5c;--eds-c-on-surface-highlight--hover:#763105;--eds-c-surface-highlight--pressed:#fea439;--eds-c-on-surface-highlight--pressed:#763105;--eds-c-surface-highlight-subtler:#fff5e5;--eds-c-on-surface-highlight-subtler:#9e4107;--eds-c-surface-inverted:#e8e8ea;--eds-c-on-surface-inverted:#0d0d12;--eds-c-surface-inverted-subtle:#e8e8ea;--eds-c-on-surface-inverted-subtle:#18181c;--eds-c-surface-inverted-disabled:#e8e8ea;--eds-c-on-surface-inverted-disabled:#b4b4b9;--eds-c-surface-neutral:#6a6a71;--eds-c-on-surface-neutral:#fff;--eds-c-surface-neutral--hover:#6a6a71;--eds-c-on-surface-neutral--hover:#fff;--eds-c-surface-neutral--pressed:#2c2c36;--eds-c-on-surface-neutral--pressed:#fff;--eds-c-surface-neutral-subtle:#18181c;--eds-c-on-surface-neutral-subtle:#fff;--eds-c-surface-neutral-subtle--hover:#131318;--eds-c-on-surface-neutral-subtle--hover:#fff;--eds-c-surface-neutral-subtler:#1e1e25;--eds-c-on-surface-neutral-subtler:#fff;--eds-c-surface-critical:#cb2029;--eds-c-on-surface-critical:#fff;--eds-c-surface-critical--hover:#9e1920;--eds-c-on-surface-critical--hover:#fff;--eds-c-surface-critical--pressed:#7b1319;--eds-c-on-surface-critical--pressed:#fff;--eds-c-surface-critical-subtle:#f09a9e;--eds-c-on-surface-critical-subtle:#5a0e12;--eds-c-surface-critical-subtler:#fdefef;--eds-c-on-surface-critical-subtler:#9e1920;--eds-c-surface-info:#3b62b0;--eds-c-on-surface-info:#fff;--eds-c-surface-info-subtle:#bfcce6;--eds-c-on-surface-info-subtle:#00297a;--eds-c-surface-info-subtler:#f5f7fb;--eds-c-on-surface-info-subtler:#039;--eds-c-surface-success:#037e4e;--eds-c-on-surface-success:#fff;--eds-c-surface-success-subtle:#b2edd6;--eds-c-on-surface-success-subtle:#025f3b;--eds-c-surface-success-subtler:#edfbf6;--eds-c-on-surface-success-subtler:#037e4e;--eds-c-surface-warning:#ff8a20;--eds-c-on-surface-warning:#512c0a;--eds-c-surface-warning-subtle:#ffc998;--eds-c-on-surface-warning-subtle:#68390d;--eds-c-surface-warning-subtler:#fff3e8;--eds-c-on-surface-warning-subtler:#8b4c11;--eds-c-foreground:#f4f4f5;--eds-c-foreground-subtle:#d1d1d4;--eds-c-foreground-subtler:#b4b4b9;--eds-c-foreground-placeholder:#8e8e94;--eds-c-foreground-disabled:#6a6a71;--eds-c-foreground-primary:#5987ff;--eds-c-foreground-success:#05c67b;--eds-c-foreground-info:#6685c2;--eds-c-foreground-warning:#ff8a20;--eds-c-foreground-critical:#e54f57;--eds-c-foreground-highlight:#fc8713;--eds-c-foreground-inverted:#0d0d12;--eds-c-border-brand:#f6f6f8;--eds-c-border-divider:#2c2c36;--eds-c-border-disabled:#1e1e25;--eds-c-border-primary:#0046ff;--eds-c-border-primary--hover:#0035bf;--eds-c-border-primary--pressed:#002a99;--eds-c-border-primary-subtle:#002a99;--eds-c-border-primary-subtler:#001f73;--eds-c-border-info:#1c49a4;--eds-c-border-info-subtle:#00297a;--eds-c-border-success:#049e62;--eds-c-border-success-subtle:#025f3b;--eds-c-border-warning:#e87e1d;--eds-c-border-warning-subtle:#68390d;--eds-c-border-critical:#cb2029;--eds-c-border-critical-subtle:#5a0e12;--eds-c-border-highlight:#ffbe5c;--eds-c-border-highlight-subtle:#ed6c09;--eds-c-border-inverted:#131318;--eds-c-border-inverted-disabled:#18181c;--eds-c-border-neutral:#2c2c36;--eds-c-border-neutral--hover:#24242c;--eds-c-link:#8cacff;--eds-c-link--focused:#8cacff;--eds-c-link--hover:#5987ff;--eds-c-link--pressed:#d9e3ff;--eds-c-link--visited:#b0c6ff;--eds-c-link-inverted:#0046ff;--eds-c-link-inverted--focused:#0046ff;--eds-c-link-inverted--hover:#0035bf;--eds-c-link-inverted--pressed:#002a99;--eds-c-link-inverted--visited:#0035bf;--eds-c-link-contrast:#fff;--eds-c-link-contrast--focused:#fff;--eds-c-link-contrast--hover:#e8e8ea;--eds-c-link-contrast--pressed:#b4b4b9;--eds-c-link-contrast--visited:#f4f4f5;--eds-c-focus:#0046ff;--eds-c-focus-inverted:#002a99;--eds-c-focus-critical:#cb2029;--eds-c-alpha-backdrop-strong:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop:hsla(0,0%,100%,.14);--eds-c-alpha-backdrop-subtle:hsla(0,0%,100%,.1);--eds-c-alpha-backdrop-inverted:rgba(13,13,18,.3);--eds-c-alpha-backdrop-inverted-subtle:rgba(13,13,18,.1)}@font-face{font-display:block;font-family:Inter;font-style:normal;font-weight:100 900;src:url(@eui/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{--eds-f-family:"Inter",arial,sans-serif;--eds-f-family-monospace:"Consolas","Liberation Mono","Courier New",monospace;--eds-f-s-9xl:6rem;--eds-f-s-8xl:4rem;--eds-f-s-7xl:3.25rem;--eds-f-s-6xl:2.75rem;--eds-f-s-5xl:2.25rem;--eds-f-s-4xl:1.75rem;--eds-f-s-3xl:1.5rem;--eds-f-s-2xl:1.375rem;--eds-f-s-xl:1.25rem;--eds-f-s-l:1.125rem;--eds-f-s-m:1rem;--eds-f-s-s:0.875rem;--eds-f-s-xs:0.75rem;--eds-f-s-2xs:0.625rem;--eds-f-w-light:300;--eds-f-w-regular:400;--eds-f-w-medium:500;--eds-f-w-semi-bold:600;--eds-f-w-bold:700;--eds-f-lh-10xl:6rem;--eds-f-lh-9xl:4rem;--eds-f-lh-8xl:3.75rem;--eds-f-lh-7xl:3.5rem;--eds-f-lh-6xl:3.25rem;--eds-f-lh-5xl:3rem;--eds-f-lh-4xl:2.75rem;--eds-f-lh-3xl:2.5rem;--eds-f-lh-2xl:2.25rem;--eds-f-lh-xl:2rem;--eds-f-lh-l:1.75rem;--eds-f-lh-m:1.5rem;--eds-f-lh-s:1.25rem;--eds-f-lh-xs:1rem;--eds-f-lh-2xs:0.75rem;--eds-f-ls-9xl:-2%;--eds-f-ls-8xl:-2%;--eds-f-ls-7xl:-2%;--eds-f-ls-6xl:-1%;--eds-f-ls-5xl:-1%;--eds-f-ls-4xl:-1%;--eds-f-ls-3xl:-1%;--eds-f-ls-2xl:normal;--eds-f-ls-xl:normal;--eds-f-ls-l:normal;--eds-f-ls-m:normal;--eds-f-ls-s:normal;--eds-f-ls-xs:normal;--eds-f-ls-2xs:normal;--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-9xl)/var(--eds-f-lh-10xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-8xl)/var(--eds-f-lh-9xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-6xl)/var(--eds-f-lh-6xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eds-f-lh-4xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-3xl)/var(--eds-f-lh-xl) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-xl)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-3xl)/var(--eds-f-lh-2xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eds-f-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eds-f-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eds-f-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eds-f-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eds-f-lh-2xs) var(--eds-f-family)}@media screen and (min-width:768px) and (max-width:1139px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-8xl)/var(--eui-f-eds-lh-9xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-7xl)/var(--eui-f-eds-lh-6xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eui-f-eds-lh-4xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-xl) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eui-f-eds-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eui-f-eds-lh-2xs) var(--eds-f-family)}}@media screen and (max-width:767px){:root{--eds-f-display-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-6xl)/var(--eui-f-eds-lh-4xl) var(--eds-f-family);--eds-f-display-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-5xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-2xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-4xl)/var(--eui-f-eds-lh-2xl) var(--eds-f-family);--eds-f-heading-xl:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-2xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-heading-l:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-xl)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-m:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-s-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-heading-xs:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-xl:normal normal var(--eds-f-w-regular) var(--eds-f-s-xl)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-l-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-paragraph-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-m-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-paragraph-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-paragraph-s-bold:normal normal var(--eds-f-w-bold) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-label-l:normal normal var(--eds-f-w-regular) var(--eds-f-s-l)/var(--eui-f-eds-lh-l) var(--eds-f-family);--eds-f-label-m:normal normal var(--eds-f-w-regular) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-medium:normal normal var(--eds-f-w-medium) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-m-semi-bold:normal normal var(--eds-f-w-semi-bold) var(--eds-f-s-m)/var(--eui-f-eds-lh-m) var(--eds-f-family);--eds-f-label-s:normal normal var(--eds-f-w-regular) var(--eds-f-s-s)/var(--eui-f-eds-lh-s) var(--eds-f-family);--eds-f-microcopy-xs:normal normal var(--eds-f-w-medium) var(--eds-f-s-xs)/var(--eui-f-eds-lh-xs) var(--eds-f-family);--eds-f-microcopy-2xs:normal normal var(--eds-f-w-regular) var(--eds-f-s-2xs)/var(--eui-f-eds-lh-2xs) var(--eds-f-family)}}:root{--eds-sp-none:0rem;--eds-sp-5xs:0.0625rem;--eds-sp-4xs:0.125rem;--eds-sp-3xs:0.25rem;--eds-sp-2xs:0.375rem;--eds-sp-xs:0.5rem;--eds-sp-s:0.75rem;--eds-sp-m:1rem;--eds-sp-l:1.25rem;--eds-sp-xl:1.5rem;--eds-sp-2xl:1.75rem;--eds-sp-3xl:2rem;--eds-sp-4xl:2.25rem;--eds-sp-5xl:2.5rem;--eds-sp-6xl:2.75rem;--eds-sp-7xl:3rem;--eds-sp-8xl:3.25rem;--eds-sp-9xl:3.5rem;--eds-sp-10xl:3.75rem;--eds-sp-11xl:4rem;--eds-si-none:0rem;--eds-si-3xs:0.125rem;--eds-si-2xs:0.25rem;--eds-si-xs:0.5rem;--eds-si-s:0.75rem;--eds-si-m:1rem;--eds-si-l:1.25rem;--eds-si-xl:1.5rem;--eds-si-2xl:1.75rem;--eds-si-3xl:2rem;--eds-si-4xl:2.5rem;--eds-si-5xl:2.75rem;--eds-si-6xl:3rem;--eds-si-7xl:3.5rem;--eds-si-8xl:3.75rem;--eds-si-9xl:4rem;--eds-br-none:0;--eds-br-xs:2px;--eds-br-s:4px;--eds-br-m:8px;--eds-br-l:12px;--eds-br-full:999px;--eds-bp-xs:480px;--eds-bp-s:768px;--eds-bp-m:996px;--eds-bp-l:1140px;--eds-bp-xl:1440px;--eds-bp-2xl:1600px;--eds-bw-none:0;--eds-bw-xs:1px;--eds-bw-s:2px;--eds-bw-m:4px;--eds-sh-none:none;--eds-sh-1:0px 6px 12px 0px rgba(0,0,46,.08);--eds-sh-2:0px 10px 22px 0px rgba(0,0,46,.1);--eds-sh-3:0px 12px 32px 0px rgba(0,0,46,.12);--eds-sh-4:0px 14px 42px 0px rgba(0,0,46,.14);--eds-is-2xs:0.75rem;--eds-is-xs:1rem;--eds-is-s:1.25rem;--eds-is-m:1.5rem;--eds-is-l:2rem;--eds-is-xl:2.5rem;--eds-is-2xl:3rem;--eds-is-3xl:3.5rem;--eds-is-4xl:4rem;--eds-op-none:0;--eds-op-10:0.1;--eds-op-20:0.2;--eds-op-30:0.3;--eds-op-40:0.4;--eds-op-50:0.5;--eds-op-60:0.6;--eds-op-70:0.7;--eds-op-80:0.8;--eds-op-90:0.9;--eds-op-100:1}.eds-u-f-weight-light{font-weight:var(--eds-f-w-light)!important}.eds-u-f-weight-regular{font-weight:var(--eds-f-w-regular)!important}.eds-u-f-weight-medium{font-weight:var(--eds-f-w-medium)!important}.eds-u-f-weight-semi-bold{font-weight:var(--eds-f-w-semi-bold)!important}.eds-u-f-weight-bold{font-weight:var(--eds-f-w-bold)!important}.eds-u-f-size-9xl{font-size:var(--eds-f-s-9xl)!important}.eds-u-f-size-8xl{font-size:var(--eds-f-s-8xl)!important}.eds-u-f-size-7xl{font-size:var(--eds-f-s-7xl)!important}.eds-u-f-size-6xl{font-size:var(--eds-f-s-6xl)!important}.eds-u-f-size-5xl{font-size:var(--eds-f-s-5xl)!important}.eds-u-f-size-4xl{font-size:var(--eds-f-s-4xl)!important}.eds-u-f-size-3xl{font-size:var(--eds-f-s-3xl)!important}.eds-u-f-size-2xl{font-size:var(--eds-f-s-2xl)!important}.eds-u-f-size-xl{font-size:var(--eds-f-s-xl)!important}.eds-u-f-size-l{font-size:var(--eds-f-s-l)!important}.eds-u-f-size-m{font-size:var(--eds-f-s-m)!important}.eds-u-f-size-s{font-size:var(--eds-f-s-s)!important}.eds-u-f-size-xs{font-size:var(--eds-f-s-xs)!important}.eds-u-f-size-2xs{font-size:var(--eds-f-s-2xs)!important}.eds-u-f-display-xl{font:var(--eds-f-display-xl)!important;letter-spacing:var(--eds-f-ls-9xl)!important}.eds-u-f-display-l{font:var(--eds-f-display-l)!important;letter-spacing:var(--eds-f-ls-8xl)!important}.eds-u-f-heading-2xl{font:var(--eds-f-heading-2xl)!important;letter-spacing:var(--eds-f-ls-6xl)!important}.eds-u-f-heading-xl{font:var(--eds-f-heading-xl)!important;letter-spacing:var(--eds-f-ls-5xl)!important}.eds-u-f-heading-l{font:var(--eds-f-heading-l)!important;letter-spacing:var(--eds-f-ls-4xl)!important}.eds-u-f-heading-m{font:var(--eds-f-heading-m)!important;letter-spacing:var(--eds-f-ls-3xl)!important}.eds-u-f-heading-s{font:var(--eds-f-heading-s)!important;letter-spacing:var(--eds-f-ls-xl)!important}.eds-u-f-heading-s-medium{font:var(--eds-f-heading-s-medium)!important;letter-spacing:var(--eds-f-ls-xl)!important}.eds-u-f-heading-xs{font:var(--eds-f-heading-xs)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-xl{font:var(--eds-f-paragraph-xl)!important;letter-spacing:var(--eds-f-ls-3xl)!important}.eds-u-f-paragraph-l{font:var(--eds-f-paragraph-l)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-l-semi-bold{font:var(--eds-f-paragraph-l-semi-bold)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-l-bold{font:var(--eds-f-paragraph-l-bold)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-paragraph-m{font:var(--eds-f-paragraph-m)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-m-semi-bold{font:var(--eds-f-paragraph-m-semi-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-m-bold{font:var(--eds-f-paragraph-m-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-paragraph-s{font:var(--eds-f-paragraph-s)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-paragraph-s-semi-bold{font:var(--eds-f-paragraph-s-semi-bold)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-paragraph-s-bold{font:var(--eds-f-paragraph-s-bold)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-label-l{font:var(--eds-f-label-l)!important;letter-spacing:var(--eds-f-ls-l)!important}.eds-u-f-label-m{font:var(--eds-f-label-m)!important}.eds-u-f-label-m,.eds-u-f-label-m-medium{letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-label-m-medium{font:var(--eds-f-label-m-medium)!important}.eds-u-f-label-m-semi-bold{font:var(--eds-f-label-m-semi-bold)!important;letter-spacing:var(--eds-f-ls-m)!important}.eds-u-f-label-s{font:var(--eds-f-label-s)!important;letter-spacing:var(--eds-f-ls-s)!important}.eds-u-f-microcopy-xs{font:var(--eds-f-microcopy-xs)!important;letter-spacing:var(--eds-f-ls-xs)!important}.eds-u-f-microcopy-2xs{font:var(--eds-f-microcopy-2xs)!important;letter-spacing:var(--eds-f-ls-2xs)!important}.eds-u-c-surface-accent{background-color:var(--eds-c-surface-accent)!important}.eds-u-c-surface-selected{background-color:var(--eds-c-surface-selected)!important}.eds-u-c-surface-skeleton{background-color:var(--eds-c-surface-skeleton)!important}.eds-u-c-surface-brand{background-color:var(--eds-c-surface-brand)!important}.eds-u-c-surface-invisible{background-color:var(--eds-c-surface-invisible)!important}.eds-u-c-surface-elevation-sunken{background-color:var(--eds-c-surface-elevation-sunken)!important}.eds-u-c-surface-elevation-inset{background-color:var(--eds-c-surface-elevation-inset)!important}.eds-u-c-surface-elevation{background-color:var(--eds-c-surface-elevation)!important}.eds-u-c-surface-elevation-raised{background-color:var(--eds-c-surface-elevation-raised)!important}.eds-u-c-surface-elevation-elevated{background-color:var(--eds-c-surface-elevation-elevated)!important}.eds-u-c-surface-elevation-overlay{background-color:var(--eds-c-surface-elevation-overlay)!important}.eds-u-c-surface-disabled{background-color:var(--eds-c-surface-disabled)!important}.eds-u-c-on-surface-disabled{color:var(--eds-c-on-surface-disabled)!important}.eds-u-c-surface-disabled-subtle{background-color:var(--eds-c-surface-disabled-subtle)!important}.eds-u-c-on-surface-disabled-subtle{color:var(--eds-c-on-surface-disabled-subtle)!important}.eds-u-c-surface-primary{background-color:var(--eds-c-surface-primary)!important}.eds-u-c-on-surface-primary{color:var(--eds-c-on-surface-primary)!important}.eds-u-c-surface-primary--hover{background-color:var(--eds-c-surface-primary--hover)!important}.eds-u-c-on-surface-primary--hover{color:var(--eds-c-on-surface-primary--hover)!important}.eds-u-c-surface-primary--pressed{background-color:var(--eds-c-surface-primary--pressed)!important}.eds-u-c-on-surface-primary--pressed{color:var(--eds-c-on-surface-primary--pressed)!important}.eds-u-c-surface-primary-subtle{background-color:var(--eds-c-surface-primary-subtle)!important}.eds-u-c-on-surface-primary-subtle{color:var(--eds-c-on-surface-primary-subtle)!important}.eds-u-c-surface-highlight{background-color:var(--eds-c-surface-highlight)!important}.eds-u-c-on-surface-highlight{color:var(--eds-c-on-surface-highlight)!important}.eds-u-c-surface-highlight--hover{background-color:var(--eds-c-surface-highlight--hover)!important}.eds-u-c-on-surface-highlight--hover{color:var(--eds-c-on-surface-highlight--hover)!important}.eds-u-c-surface-highlight--pressed{background-color:var(--eds-c-surface-highlight--pressed)!important}.eds-u-c-on-surface-highlight--pressed{color:var(--eds-c-on-surface-highlight--pressed)!important}.eds-u-c-surface-highlight-subtler{background-color:var(--eds-c-surface-highlight-subtler)!important}.eds-u-c-on-surface-highlight-subtler{color:var(--eds-c-on-surface-highlight-subtler)!important}.eds-u-c-surface-inverted{background-color:var(--eds-c-surface-inverted)!important}.eds-u-c-on-surface-inverted{color:var(--eds-c-on-surface-inverted)!important}.eds-u-c-surface-inverted-subtle{background-color:var(--eds-c-surface-inverted-subtle)!important}.eds-u-c-on-surface-inverted-subtle{color:var(--eds-c-on-surface-inverted-subtle)!important}.eds-u-c-surface-inverted-disabled{background-color:var(--eds-c-surface-inverted-disabled)!important}.eds-u-c-on-surface-inverted-disabled{color:var(--eds-c-on-surface-inverted-disabled)!important}.eds-u-c-surface-neutral{background-color:var(--eds-c-surface-neutral)!important}.eds-u-c-on-surface-neutral{color:var(--eds-c-on-surface-neutral)!important}.eds-u-c-surface-neutral--hover{background-color:var(--eds-c-surface-neutral--hover)!important}.eds-u-c-on-surface-neutral--hover{color:var(--eds-c-on-surface-neutral--hover)!important}.eds-u-c-surface-neutral--pressed{background-color:var(--eds-c-surface-neutral--pressed)!important}.eds-u-c-on-surface-neutral--pressed{color:var(--eds-c-on-surface-neutral--pressed)!important}.eds-u-c-surface-neutral-subtle{background-color:var(--eds-c-surface-neutral-subtle)!important}.eds-u-c-on-surface-neutral-subtle{color:var(--eds-c-on-surface-neutral-subtle)!important}.eds-u-c-surface-neutral-subtle--hover{background-color:var(--eds-c-surface-neutral-subtle--hover)!important}.eds-u-c-on-surface-neutral-subtle--hover{color:var(--eds-c-on-surface-neutral-subtle--hover)!important}.eds-u-c-surface-neutral-subtler{background-color:var(--eds-c-surface-neutral-subtler)!important}.eds-u-c-on-surface-neutral-subtler{color:var(--eds-c-on-surface-neutral-subtler)!important}.eds-u-c-surface-critical{background-color:var(--eds-c-surface-critical)!important}.eds-u-c-on-surface-critical{color:var(--eds-c-on-surface-critical)!important}.eds-u-c-surface-critical--hover{background-color:var(--eds-c-surface-critical--hover)!important}.eds-u-c-on-surface-critical--hover{color:var(--eds-c-on-surface-critical--hover)!important}.eds-u-c-surface-critical--pressed{background-color:var(--eds-c-surface-critical--pressed)!important}.eds-u-c-on-surface-critical--pressed{color:var(--eds-c-on-surface-critical--pressed)!important}.eds-u-c-surface-critical-subtle{background-color:var(--eds-c-surface-critical-subtle)!important}.eds-u-c-on-surface-critical-subtle{color:var(--eds-c-on-surface-critical-subtle)!important}.eds-u-c-surface-critical-subtler{background-color:var(--eds-c-surface-critical-subtler)!important}.eds-u-c-on-surface-critical-subtler{color:var(--eds-c-on-surface-critical-subtler)!important}.eds-u-c-surface-critical-subtler--hover{background-color:var(--eds-c-surface-critical-subtler--hover)!important}.eds-u-c-on-surface-critical-subtler--hover{color:var(--eds-c-on-surface-critical-subtler--hover)!important}.eds-u-c-surface-info{background-color:var(--eds-c-surface-info)!important}.eds-u-c-on-surface-info{color:var(--eds-c-on-surface-info)!important}.eds-u-c-surface-info-subtle{background-color:var(--eds-c-surface-info-subtle)!important}.eds-u-c-on-surface-info-subtle{color:var(--eds-c-on-surface-info-subtle)!important}.eds-u-c-surface-info-subtler{background-color:var(--eds-c-surface-info-subtler)!important}.eds-u-c-on-surface-info-subtler{color:var(--eds-c-on-surface-info-subtler)!important}.eds-u-c-surface-info-subtler--hover{background-color:var(--eds-c-surface-info-subtler--hover)!important}.eds-u-c-on-surface-info-subtler--hover{color:var(--eds-c-on-surface-info-subtler--hover)!important}.eds-u-c-surface-success{background-color:var(--eds-c-surface-success)!important}.eds-u-c-on-surface-success{color:var(--eds-c-on-surface-success)!important}.eds-u-c-surface-success-subtle{background-color:var(--eds-c-surface-success-subtle)!important}.eds-u-c-on-surface-success-subtle{color:var(--eds-c-on-surface-success-subtle)!important}.eds-u-c-surface-success-subtler{background-color:var(--eds-c-surface-success-subtler)!important}.eds-u-c-on-surface-success-subtler{color:var(--eds-c-on-surface-success-subtler)!important}.eds-u-c-surface-success-subtler--hover{background-color:var(--eds-c-surface-success-subtler--hover)!important}.eds-u-c-on-surface-success-subtler--hover{color:var(--eds-c-on-surface-success-subtler--hover)!important}.eds-u-c-surface-warning{background-color:var(--eds-c-surface-warning)!important}.eds-u-c-on-surface-warning{color:var(--eds-c-on-surface-warning)!important}.eds-u-c-surface-warning-subtle{background-color:var(--eds-c-surface-warning-subtle)!important}.eds-u-c-on-surface-warning-subtle{color:var(--eds-c-on-surface-warning-subtle)!important}.eds-u-c-surface-warning-subtler{background-color:var(--eds-c-surface-warning-subtler)!important}.eds-u-c-on-surface-warning-subtler{color:var(--eds-c-on-surface-warning-subtler)!important}.eds-u-c-surface-warning-subtler--hover{background-color:var(--eds-c-surface-warning-subtler--hover)!important}.eds-u-c-on-surface-warning-subtler--hover{color:var(--eds-c-on-surface-warning-subtler--hover)!important}.eds-u-c-foreground{color:var(--eds-c-foreground)!important}.eds-u-c-foreground-subtle{color:var(--eds-c-foreground-subtle)!important}.eds-u-c-foreground-subtler{color:var(--eds-c-foreground-subtler)!important}.eds-u-c-foreground-placeholder{color:var(--eds-c-foreground-placeholder)!important}.eds-u-c-foreground-disabled{color:var(--eds-c-foreground-disabled)!important}.eds-u-c-foreground-primary{color:var(--eds-c-foreground-primary)!important}.eds-u-c-foreground-success{color:var(--eds-c-foreground-success)!important}.eds-u-c-foreground-info{color:var(--eds-c-foreground-info)!important}.eds-u-c-foreground-warning{color:var(--eds-c-foreground-warning)!important}.eds-u-c-foreground-critical{color:var(--eds-c-foreground-critical)!important}.eds-u-c-foreground-highlight{color:var(--eds-c-foreground-highlight)!important}.eds-u-c-foreground-inverted{color:var(--eds-c-foreground-inverted)!important}.eds-u-c-border-brand{border-color:var(--eds-c-border-brand)!important}.eds-u-c-border-divider{border-color:var(--eds-c-border-divider)!important}.eds-u-c-border-disabled{border-color:var(--eds-c-border-disabled)!important}.eds-u-c-border-primary{border-color:var(--eds-c-border-primary)!important}.eds-u-c-border-primary--hover{border-color:var(--eds-c-border-primary--hover)!important}.eds-u-c-border-primary--pressed{border-color:var(--eds-c-border-primary--pressed)!important}.eds-u-c-border-primary-subtle{border-color:var(--eds-c-border-primary-subtle)!important}.eds-u-c-border-primary-subtler{border-color:var(--eds-c-border-primary-subtler)!important}.eds-u-c-border-info{border-color:var(--eds-c-border-info)!important}.eds-u-c-border-info-subtle{border-color:var(--eds-c-border-info-subtle)!important}.eds-u-c-border-success{border-color:var(--eds-c-border-success)!important}.eds-u-c-border-success-subtle{border-color:var(--eds-c-border-success-subtle)!important}.eds-u-c-border-warning{border-color:var(--eds-c-border-warning)!important}.eds-u-c-border-warning-subtle{border-color:var(--eds-c-border-warning-subtle)!important}.eds-u-c-border-critical{border-color:var(--eds-c-border-critical)!important}.eds-u-c-border-critical-subtle{border-color:var(--eds-c-border-critical-subtle)!important}.eds-u-c-border-highlight{border-color:var(--eds-c-border-highlight)!important}.eds-u-c-border-highlight-subtle{border-color:var(--eds-c-border-highlight-subtle)!important}.eds-u-c-border-inverted{border-color:var(--eds-c-border-inverted)!important}.eds-u-c-border-inverted-disabled{border-color:var(--eds-c-border-inverted-disabled)!important}.eds-u-c-border-neutral{border-color:var(--eds-c-border-neutral)!important}.eds-u-c-border-neutral--hover{border-color:var(--eds-c-border-neutral--hover)!important}.eds-u-c-border-neutral-subtle{border-color:var(--eds-c-border-neutral-subtle)!important}.eds-u-c-border-neutral-subtle--hover{border-color:var(--eds-c-border-neutral-subtle--hover)!important}.eds-u-c-link{color:var(--eds-c-link)!important}.eds-u-c-link--focused{color:var(--eds-c-link--focused)!important}.eds-u-c-link--hover{color:var(--eds-c-link--hover)!important}.eds-u-c-link--pressed{color:var(--eds-c-link--pressed)!important}.eds-u-c-link--visited{color:var(--eds-c-link--visited)!important}.eds-u-c-link-inverted{color:var(--eds-c-link-inverted)!important}.eds-u-c-link-inverted--focused{color:var(--eds-c-link-inverted--focused)!important}.eds-u-c-link-inverted--hover{color:var(--eds-c-link-inverted--hover)!important}.eds-u-c-link-inverted--pressed{color:var(--eds-c-link-inverted--pressed)!important}.eds-u-c-link-inverted--visited{color:var(--eds-c-link-inverted--visited)!important}.eds-u-c-link-contrast{color:var(--eds-c-link-contrast)!important}.eds-u-c-link-contrast--focused{color:var(--eds-c-link-contrast--focused)!important}.eds-u-c-link-contrast--hover{color:var(--eds-c-link-contrast--hover)!important}.eds-u-c-link-contrast--pressed{color:var(--eds-c-link-contrast--pressed)!important}.eds-u-c-link-contrast--visited{color:var(--eds-c-link-contrast--visited)!important}.eds-u-c-focus{color:var(--eds-c-focus)!important}.eds-u-c-focus-inverted{color:var(--eds-c-focus-inverted)!important}.eds-u-c-focus-critical{color:var(--eds-c-focus-critical)!important}.eds-u-c-alpha-backdrop-strong{color:var(--eds-c-alpha-backdrop-strong)!important}.eds-u-c-alpha-backdrop{color:var(--eds-c-alpha-backdrop)!important}.eds-u-c-alpha-backdrop-subtle{color:var(--eds-c-alpha-backdrop-subtle)!important}.eds-u-c-alpha-backdrop-inverted{color:var(--eds-c-alpha-backdrop-inverted)!important}.eds-u-c-alpha-backdrop-inverted-subtle{color:var(--eds-c-alpha-backdrop-inverted-subtle)!important}
|