@equinor/eds-core-react 2.3.7 → 2.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/build/index.css +53 -37
- package/build/index.min.css +1 -1
- package/dist/eds-core-react.cjs +24 -22
- package/dist/esm/components/Autocomplete/AutocompleteContext.js +2 -2
- package/dist/esm/components/Autocomplete/OptionList.js +6 -4
- package/dist/esm/components/Datepicker/calendars/CalendarGrid.js +4 -8
- package/dist/esm/components/Datepicker/calendars/CalendarHeader.js +6 -6
- package/dist/esm/components/Datepicker/fields/DateSegment.js +4 -1
- package/dist/esm/components/Popover/Popover.js +4 -4
- package/dist/esm-next/components/next/Button/Button.js +1 -0
- package/dist/esm-next/components/next/Icon/Icon.js +27 -1
- package/dist/esm-next/components/next/TextField/TextField.js +1 -0
- package/dist/index.next.cjs +29 -1
- package/dist/types/components/next/Icon/Icon.d.ts +0 -1
- package/package.json +8 -8
package/build/index.css
CHANGED
|
@@ -104,13 +104,9 @@
|
|
|
104
104
|
[data-tracking=wide],[data-tracking=loose]{--eds-typography-tracking:var(--eds-typography-tracking-wide)}
|
|
105
105
|
@layer eds-components {
|
|
106
106
|
/* Inline with text: uses token from parent's data-font-size, or 1.5em fallback */
|
|
107
|
-
.icon {
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
* Then use 1em for width/height (relative to computed font-size).
|
|
111
|
-
* This avoids compound scaling (1.5em × 1.5em = 2.25em would be wrong).
|
|
112
|
-
*/
|
|
113
|
-
font-size: var(--eds-typography-icon-size, 1.5em);
|
|
107
|
+
.eds-icon {
|
|
108
|
+
flex-shrink: 0;
|
|
109
|
+
|
|
114
110
|
width: 1em;
|
|
115
111
|
height: 1em;
|
|
116
112
|
|
|
@@ -118,11 +114,16 @@
|
|
|
118
114
|
margin-block: -0.25em;
|
|
119
115
|
margin-inline: -0.1em;
|
|
120
116
|
|
|
121
|
-
|
|
117
|
+
/*
|
|
118
|
+
* font-size establishes the icon's size context.
|
|
119
|
+
* width/height use 1em (relative to this computed font-size).
|
|
120
|
+
* This avoids compound scaling (1.5em × 1.5em = 2.25em would be wrong).
|
|
121
|
+
*/
|
|
122
|
+
font-size: var(--eds-typography-icon-size, 1.5em);
|
|
122
123
|
}
|
|
123
124
|
|
|
124
125
|
/* Explicit size: fixed size from design tokens, no margins */
|
|
125
|
-
.icon[data-icon-size] {
|
|
126
|
+
.eds-icon[data-icon-size] {
|
|
126
127
|
--_explicit-size: var(--eds-sizing-icon-md); /* fallback */
|
|
127
128
|
|
|
128
129
|
width: var(--_explicit-size);
|
|
@@ -131,52 +132,65 @@
|
|
|
131
132
|
font-size: inherit;
|
|
132
133
|
}
|
|
133
134
|
|
|
134
|
-
.icon[data-icon-size='xs'] {
|
|
135
|
+
.eds-icon[data-icon-size='xs'] {
|
|
135
136
|
--_explicit-size: var(--eds-sizing-icon-xs);
|
|
136
137
|
}
|
|
137
|
-
|
|
138
|
+
|
|
139
|
+
.eds-icon[data-icon-size='sm'] {
|
|
138
140
|
--_explicit-size: var(--eds-sizing-icon-sm);
|
|
139
141
|
}
|
|
140
|
-
|
|
142
|
+
|
|
143
|
+
.eds-icon[data-icon-size='md'] {
|
|
141
144
|
--_explicit-size: var(--eds-sizing-icon-md);
|
|
142
145
|
}
|
|
143
|
-
|
|
146
|
+
|
|
147
|
+
.eds-icon[data-icon-size='lg'] {
|
|
144
148
|
--_explicit-size: var(--eds-sizing-icon-lg);
|
|
145
149
|
}
|
|
146
|
-
|
|
150
|
+
|
|
151
|
+
.eds-icon[data-icon-size='xl'] {
|
|
147
152
|
--_explicit-size: var(--eds-sizing-icon-xl);
|
|
148
153
|
}
|
|
149
|
-
|
|
154
|
+
|
|
155
|
+
.eds-icon[data-icon-size='2xl'] {
|
|
150
156
|
--_explicit-size: var(--eds-sizing-icon-2xl);
|
|
151
157
|
}
|
|
152
|
-
|
|
158
|
+
|
|
159
|
+
.eds-icon[data-icon-size='3xl'] {
|
|
153
160
|
--_explicit-size: var(--eds-sizing-icon-3xl);
|
|
154
161
|
}
|
|
155
|
-
|
|
162
|
+
|
|
163
|
+
.eds-icon[data-icon-size='4xl'] {
|
|
156
164
|
--_explicit-size: var(--eds-sizing-icon-4xl);
|
|
157
165
|
}
|
|
158
|
-
|
|
166
|
+
|
|
167
|
+
.eds-icon[data-icon-size='5xl'] {
|
|
159
168
|
--_explicit-size: var(--eds-sizing-icon-5xl);
|
|
160
169
|
}
|
|
161
|
-
|
|
170
|
+
|
|
171
|
+
.eds-icon[data-icon-size='6xl'] {
|
|
162
172
|
--_explicit-size: var(--eds-sizing-icon-6xl);
|
|
163
173
|
}
|
|
164
174
|
}
|
|
165
175
|
@layer eds-components {
|
|
166
176
|
.eds-button {
|
|
177
|
+
cursor: pointer;
|
|
178
|
+
|
|
167
179
|
/* Layout */
|
|
168
180
|
display: inline-flex;
|
|
169
181
|
align-items: center;
|
|
170
182
|
justify-content: center;
|
|
183
|
+
|
|
171
184
|
box-sizing: border-box;
|
|
172
185
|
|
|
173
186
|
/* Appearance */
|
|
174
187
|
border: none;
|
|
175
188
|
border-radius: var(--eds-spacing-border-radius-rounded, 4px);
|
|
176
|
-
|
|
177
|
-
outline: none;
|
|
189
|
+
|
|
178
190
|
text-decoration: none;
|
|
179
191
|
|
|
192
|
+
outline: none;
|
|
193
|
+
|
|
180
194
|
/* Transitions */
|
|
181
195
|
transition:
|
|
182
196
|
background-color 150ms ease-in-out,
|
|
@@ -194,21 +208,21 @@
|
|
|
194
208
|
*/
|
|
195
209
|
|
|
196
210
|
.eds-button[data-selectable-space='lg'] {
|
|
211
|
+
gap: var(--eds-typography-gap-horizontal);
|
|
197
212
|
min-height: 2.75rem; /* 44px */
|
|
198
213
|
padding-inline: var(--eds-selectable-space-horizontal);
|
|
199
|
-
gap: var(--eds-typography-gap-horizontal);
|
|
200
214
|
}
|
|
201
215
|
|
|
202
216
|
.eds-button[data-selectable-space='md'] {
|
|
217
|
+
gap: var(--eds-typography-gap-horizontal);
|
|
203
218
|
min-height: 2.25rem; /* 36px */
|
|
204
219
|
padding-inline: var(--eds-selectable-space-horizontal);
|
|
205
|
-
gap: var(--eds-typography-gap-horizontal);
|
|
206
220
|
}
|
|
207
221
|
|
|
208
222
|
.eds-button[data-selectable-space='sm'] {
|
|
223
|
+
gap: var(--eds-typography-gap-horizontal);
|
|
209
224
|
min-height: 1.5rem; /* 24px */
|
|
210
225
|
padding-inline: var(--eds-selectable-space-horizontal);
|
|
211
|
-
gap: var(--eds-typography-gap-horizontal);
|
|
212
226
|
}
|
|
213
227
|
|
|
214
228
|
/* Comfortable density */
|
|
@@ -242,8 +256,8 @@
|
|
|
242
256
|
/* ===== PRIMARY VARIANT ===== */
|
|
243
257
|
|
|
244
258
|
.eds-button[data-variant='primary'] {
|
|
245
|
-
background-color: var(--eds-color-bg-fill-emphasis-default);
|
|
246
259
|
color: var(--eds-color-text-strong-on-emphasis);
|
|
260
|
+
background-color: var(--eds-color-bg-fill-emphasis-default);
|
|
247
261
|
}
|
|
248
262
|
|
|
249
263
|
.eds-button[data-variant='primary']:hover:not(:disabled) {
|
|
@@ -255,16 +269,16 @@
|
|
|
255
269
|
}
|
|
256
270
|
|
|
257
271
|
.eds-button[data-variant='primary']:disabled {
|
|
258
|
-
background-color: var(--eds-color-bg-fill-emphasis-disabled);
|
|
259
|
-
color: var(--eds-color-text-disabled);
|
|
260
272
|
cursor: not-allowed;
|
|
273
|
+
color: var(--eds-color-text-disabled);
|
|
274
|
+
background-color: var(--eds-color-bg-fill-emphasis-disabled);
|
|
261
275
|
}
|
|
262
276
|
|
|
263
277
|
/* ===== SECONDARY VARIANT ===== */
|
|
264
278
|
|
|
265
279
|
.eds-button[data-variant='secondary'] {
|
|
266
|
-
background-color: transparent;
|
|
267
280
|
color: var(--eds-color-text-subtle);
|
|
281
|
+
background-color: transparent;
|
|
268
282
|
outline: var(--eds-border-width-default, 1px) solid
|
|
269
283
|
var(--eds-color-border-strong);
|
|
270
284
|
outline-offset: calc(-1 * var(--eds-border-width-default, 1px));
|
|
@@ -279,18 +293,18 @@
|
|
|
279
293
|
}
|
|
280
294
|
|
|
281
295
|
.eds-button[data-variant='secondary']:disabled {
|
|
296
|
+
cursor: not-allowed;
|
|
297
|
+
color: var(--eds-color-text-disabled);
|
|
282
298
|
outline: var(--eds-border-width-default, 1px) solid
|
|
283
299
|
var(--eds-color-border-disabled);
|
|
284
300
|
outline-offset: calc(-1 * var(--eds-border-width-default, 1px));
|
|
285
|
-
color: var(--eds-color-text-disabled);
|
|
286
|
-
cursor: not-allowed;
|
|
287
301
|
}
|
|
288
302
|
|
|
289
303
|
/* ===== GHOST VARIANT ===== */
|
|
290
304
|
|
|
291
305
|
.eds-button[data-variant='ghost'] {
|
|
292
|
-
background-color: transparent;
|
|
293
306
|
color: var(--eds-color-text-subtle);
|
|
307
|
+
background-color: transparent;
|
|
294
308
|
}
|
|
295
309
|
|
|
296
310
|
.eds-button[data-variant='ghost']:hover:not(:disabled) {
|
|
@@ -302,8 +316,8 @@
|
|
|
302
316
|
}
|
|
303
317
|
|
|
304
318
|
.eds-button[data-variant='ghost']:disabled {
|
|
305
|
-
color: var(--eds-color-text-disabled);
|
|
306
319
|
cursor: not-allowed;
|
|
320
|
+
color: var(--eds-color-text-disabled);
|
|
307
321
|
}
|
|
308
322
|
|
|
309
323
|
/* ===== FOCUS STATE ===== */
|
|
@@ -322,12 +336,12 @@
|
|
|
322
336
|
/* Icons inherit size from Typography via --eds-typography-icon-size */
|
|
323
337
|
/* Icons use em-based negative margins from icon.css for optical alignment */
|
|
324
338
|
|
|
325
|
-
.eds-button .icon {
|
|
339
|
+
.eds-button .eds-icon {
|
|
326
340
|
flex-shrink: 0;
|
|
327
341
|
}
|
|
328
342
|
|
|
329
343
|
/* Icon-only buttons: remove negative margins since flexbox handles centering */
|
|
330
|
-
.eds-button[data-icon-only] .icon {
|
|
344
|
+
.eds-button[data-icon-only] .eds-icon {
|
|
331
345
|
margin: 0;
|
|
332
346
|
}
|
|
333
347
|
}
|
|
@@ -339,12 +353,14 @@
|
|
|
339
353
|
* text-box/padding-block reset disables typography.css baseline padding —
|
|
340
354
|
* button handles its own sizing via min-height + flexbox centering.
|
|
341
355
|
*/
|
|
342
|
-
.eds-
|
|
356
|
+
.eds-button__label {
|
|
343
357
|
display: inline-flex;
|
|
344
|
-
align-items: center;
|
|
345
358
|
gap: var(--eds-typography-gap-horizontal);
|
|
346
|
-
|
|
359
|
+
align-items: center;
|
|
360
|
+
|
|
347
361
|
padding-block: 0;
|
|
362
|
+
|
|
363
|
+
text-box: normal;
|
|
348
364
|
}
|
|
349
365
|
@layer eds-components {
|
|
350
366
|
.eds-field {
|
package/build/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#0070a9,#5abbfb);--eds-color-bg-disabled:light-dark(#e1e1e1,#525c65);--eds-color-border-disabled:light-dark(#aeaeae,#738696);--eds-color-text-disabled:light-dark(#aeaeae,#738696);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#cfe7e9,#3c6266);--eds-color-accent-4:light-dark(#bbdbdf,#3e7378);--eds-color-accent-5:light-dark(#a2cdd2,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#e1e1e1,#525c65);--eds-color-neutral-4:light-dark(#d4d4d4,#5d6b76);--eds-color-neutral-5:light-dark(#c4c4c4,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#cae6fa,#33607e);--eds-color-info-4:light-dark(#b5daf5,#316f98);--eds-color-info-5:light-dark(#99cbf0,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#cfeacc,#3c673a);--eds-color-success-4:light-dark(#bbe0b8,#3e793c);--eds-color-success-5:light-dark(#a2d49e,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#fbdac1,#7e4e25);--eds-color-warning-4:light-dark(#f6caaa,#97571b);--eds-color-warning-5:light-dark(#f0b689,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffd0ce,#923a3c);--eds-color-danger-4:light-dark(#ffbcba,#b03940);--eds-color-danger-5:light-dark(#ffa3a1,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-neutral-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-neutral-3);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-border-disabled:var(--eds-color-neutral-7);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-disabled:var(--eds-color-neutral-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-accent-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-accent-3);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-border-disabled:var(--eds-color-accent-7);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-disabled:var(--eds-color-accent-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-danger-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-danger-3);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-border-disabled:var(--eds-color-danger-7);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-disabled:var(--eds-color-danger-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-info-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-info-3);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-border-disabled:var(--eds-color-info-7);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-disabled:var(--eds-color-info-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-success-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-success-3);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-border-disabled:var(--eds-color-success-7);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-disabled:var(--eds-color-success-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-warning-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-warning-3);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-border-disabled:var(--eds-color-warning-7);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-disabled:var(--eds-color-warning-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}:root,[data-density=spacious]{--eds-sizing-icon-xs:1rem;--eds-sizing-icon-sm:1.125rem;--eds-sizing-icon-md:1.25rem;--eds-sizing-icon-lg:1.5rem;--eds-sizing-icon-xl:1.75rem;--eds-sizing-icon-2xl:2rem;--eds-sizing-icon-3xl:2.313rem;--eds-sizing-icon-4xl:2.625rem;--eds-sizing-icon-5xl:3rem;--eds-sizing-icon-6xl:3.5rem;--eds-sizing-selectable-xs:1.25rem;--eds-sizing-selectable-sm:1.5rem;--eds-sizing-selectable-md:2.25rem;--eds-sizing-selectable-lg:2.75rem;--eds-sizing-selectable-xl:3.25rem;--eds-sizing-selectable-2xl:3.75rem;--eds-sizing-stroke-thin:.063rem;--eds-sizing-stroke-thick:.125rem;--eds-sizing-stroke-none:0rem;--eds-spacing-icon-xs-gap-horizontal:.406rem;--eds-spacing-icon-xs-gap-vertical:.406rem;--eds-spacing-icon-sm-gap-horizontal:.469rem;--eds-spacing-icon-sm-gap-vertical:.469rem;--eds-spacing-icon-md-gap-horizontal:.531rem;--eds-spacing-icon-md-gap-vertical:.531rem;--eds-spacing-icon-lg-gap-horizontal:.625rem;--eds-spacing-icon-lg-gap-vertical:.625rem;--eds-spacing-icon-xl-gap-horizontal:.719rem;--eds-spacing-icon-xl-gap-vertical:.719rem;--eds-spacing-icon-2xl-gap-horizontal:.813rem;--eds-spacing-icon-2xl-gap-vertical:.813rem;--eds-spacing-icon-3xl-gap-horizontal:.938rem;--eds-spacing-icon-3xl-gap-vertical:.938rem;--eds-spacing-icon-4xl-gap-horizontal:1.094rem;--eds-spacing-icon-4xl-gap-vertical:1.094rem;--eds-spacing-icon-5xl-gap-horizontal:1.25rem;--eds-spacing-icon-5xl-gap-vertical:1.25rem;--eds-spacing-icon-6xl-gap-horizontal:1.438rem;--eds-spacing-icon-6xl-gap-vertical:1.438rem;--eds-spacing-border-radius-rounded:.25rem;--eds-spacing-border-radius-pill:62.5rem;--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-horizontal:.5rem;--eds-spacing-inset-xs-vertical-squished:.375rem;--eds-spacing-inset-xs-vertical-squared:.5rem;--eds-spacing-inset-xs-vertical-stretched:.75rem;--eds-spacing-inset-sm-horizontal:.75rem;--eds-spacing-inset-sm-vertical-squished:.5rem;--eds-spacing-inset-sm-vertical-squared:.75rem;--eds-spacing-inset-sm-vertical-stretched:1rem;--eds-spacing-inset-md-horizontal:1rem;--eds-spacing-inset-md-vertical-squished:.75rem;--eds-spacing-inset-md-vertical-squared:1rem;--eds-spacing-inset-md-vertical-stretched:1.25rem;--eds-spacing-inset-lg-horizontal:1.25rem;--eds-spacing-inset-lg-vertical-squished:1rem;--eds-spacing-inset-lg-vertical-squared:1.25rem;--eds-spacing-inset-lg-vertical-stretched:1.5rem;--eds-spacing-inset-xl-horizontal:1.5rem;--eds-spacing-inset-xl-vertical-squished:1.25rem;--eds-spacing-inset-xl-vertical-squared:1.5rem;--eds-spacing-inset-xl-vertical-stretched:1.75rem;--eds-spacing-horizontal-4xs:.125rem;--eds-spacing-horizontal-3xs:.25rem;--eds-spacing-horizontal-2xs:.375rem;--eds-spacing-horizontal-xs:.5rem;--eds-spacing-horizontal-sm:.75rem;--eds-spacing-horizontal-md:1rem;--eds-spacing-horizontal-lg:1.25rem;--eds-spacing-horizontal-xl:1.5rem;--eds-spacing-horizontal-2xl:1.75rem;--eds-spacing-horizontal-3xl:2rem;--eds-spacing-vertical-4xs:.125rem;--eds-spacing-vertical-3xs:.25rem;--eds-spacing-vertical-2xs:.375rem;--eds-spacing-vertical-xs:.5rem;--eds-spacing-vertical-sm:.75rem;--eds-spacing-vertical-md:1rem;--eds-spacing-vertical-lg:1.25rem;--eds-spacing-vertical-xl:1.5rem;--eds-spacing-vertical-2xl:1.75rem;--eds-spacing-vertical-3xl:2rem;--eds-typography-ui-body-xs-font-size:.656rem;--eds-typography-ui-body-xs-tracking-tight:-1.15px;--eds-typography-ui-body-xs-tracking-normal:0px;--eds-typography-ui-body-xs-tracking-wide:1.15px;--eds-typography-ui-body-xs-font-weight-lighter:300;--eds-typography-ui-body-xs-font-weight-normal:400;--eds-typography-ui-body-xs-font-weight-bolder:500;--eds-typography-ui-body-xs-line-height-default:1rem;--eds-typography-ui-body-xs-line-height-squished:.75rem;--eds-typography-ui-body-sm-font-size:.75rem;--eds-typography-ui-body-sm-tracking-tight:-1.32px;--eds-typography-ui-body-sm-tracking-normal:0px;--eds-typography-ui-body-sm-tracking-wide:1.32px;--eds-typography-ui-body-sm-font-weight-lighter:300;--eds-typography-ui-body-sm-font-weight-normal:400;--eds-typography-ui-body-sm-font-weight-bolder:500;--eds-typography-ui-body-sm-line-height-default:1rem;--eds-typography-ui-body-sm-line-height-squished:.75rem;--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:.875rem;--eds-typography-ui-body-md-tracking-tight:-1.54px;--eds-typography-ui-body-md-tracking-normal:0px;--eds-typography-ui-body-md-tracking-wide:1.54px;--eds-typography-ui-body-md-font-weight-lighter:300;--eds-typography-ui-body-md-font-weight-normal:400;--eds-typography-ui-body-md-font-weight-bolder:500;--eds-typography-ui-body-md-line-height-default:1.25rem;--eds-typography-ui-body-md-line-height-squished:1rem;--eds-typography-ui-body-lg-font-size:1rem;--eds-typography-ui-body-lg-tracking-tight:-1.76px;--eds-typography-ui-body-lg-tracking-normal:0px;--eds-typography-ui-body-lg-tracking-wide:1.76px;--eds-typography-ui-body-lg-font-weight-lighter:300;--eds-typography-ui-body-lg-font-weight-normal:400;--eds-typography-ui-body-lg-font-weight-bolder:500;--eds-typography-ui-body-lg-line-height-default:1.5rem;--eds-typography-ui-body-lg-line-height-squished:1.25rem;--eds-typography-ui-body-xl-font-size:1.156rem;--eds-typography-ui-body-xl-tracking-tight:-1.76px;--eds-typography-ui-body-xl-tracking-normal:0px;--eds-typography-ui-body-xl-tracking-wide:2.035px;--eds-typography-ui-body-xl-font-weight-lighter:300;--eds-typography-ui-body-xl-font-weight-normal:400;--eds-typography-ui-body-xl-font-weight-bolder:500;--eds-typography-ui-body-xl-line-height-default:1.5rem;--eds-typography-ui-body-xl-line-height-squished:1.25rem;--eds-typography-ui-body-2xl-font-size:1.313rem;--eds-typography-ui-body-2xl-tracking-tight:-2.31px;--eds-typography-ui-body-2xl-tracking-normal:0px;--eds-typography-ui-body-2xl-tracking-wide:2.31px;--eds-typography-ui-body-2xl-font-weight-lighter:300;--eds-typography-ui-body-2xl-font-weight-normal:400;--eds-typography-ui-body-2xl-font-weight-bolder:500;--eds-typography-ui-body-2xl-line-height-default:1.75rem;--eds-typography-ui-body-2xl-line-height-squished:1.5rem;--eds-typography-ui-body-3xl-font-size:1.531rem;--eds-typography-ui-body-3xl-tracking-tight:-2.695px;--eds-typography-ui-body-3xl-tracking-normal:0px;--eds-typography-ui-body-3xl-tracking-wide:2.695px;--eds-typography-ui-body-3xl-font-weight-lighter:300;--eds-typography-ui-body-3xl-font-weight-normal:400;--eds-typography-ui-body-3xl-font-weight-bolder:500;--eds-typography-ui-body-3xl-line-height-default:2rem;--eds-typography-ui-body-3xl-line-height-squished:1.75rem;--eds-typography-ui-body-4xl-font-size:1.75rem;--eds-typography-ui-body-4xl-tracking-tight:-3.08px;--eds-typography-ui-body-4xl-tracking-normal:0px;--eds-typography-ui-body-4xl-tracking-wide:3.08px;--eds-typography-ui-body-4xl-font-weight-lighter:300;--eds-typography-ui-body-4xl-font-weight-normal:400;--eds-typography-ui-body-4xl-font-weight-bolder:500;--eds-typography-ui-body-4xl-line-height-default:2rem;--eds-typography-ui-body-4xl-line-height-squished:1.75rem;--eds-typography-ui-body-5xl-font-size:2rem;--eds-typography-ui-body-5xl-tracking-tight:-3.52px;--eds-typography-ui-body-5xl-tracking-normal:0px;--eds-typography-ui-body-5xl-tracking-wide:3.52px;--eds-typography-ui-body-5xl-font-weight-lighter:300;--eds-typography-ui-body-5xl-font-weight-normal:400;--eds-typography-ui-body-5xl-font-weight-bolder:500;--eds-typography-ui-body-5xl-line-height-default:2.25rem;--eds-typography-ui-body-5xl-line-height-squished:2rem;--eds-typography-ui-body-6xl-font-size:2.313rem;--eds-typography-ui-body-6xl-tracking-tight:-4.07px;--eds-typography-ui-body-6xl-tracking-normal:0px;--eds-typography-ui-body-6xl-tracking-wide:4.07px;--eds-typography-ui-body-6xl-font-weight-lighter:300;--eds-typography-ui-body-6xl-font-weight-normal:400;--eds-typography-ui-body-6xl-font-weight-bolder:500;--eds-typography-ui-body-6xl-line-height-default:2.5rem;--eds-typography-ui-body-6xl-line-height-squished:2.25rem;--eds-typography-header-font-family:"Equinor";--eds-typography-header-xs-font-size:.75rem;--eds-typography-header-xs-tracking-tight:-1.15px;--eds-typography-header-xs-tracking-normal:0px;--eds-typography-header-xs-tracking-wide:1.15px;--eds-typography-header-xs-font-weight-lighter:300;--eds-typography-header-xs-font-weight-normal:400;--eds-typography-header-xs-font-weight-bolder:500;--eds-typography-header-xs-line-height-default:1rem;--eds-typography-header-xs-line-height-squished:.75rem;--eds-typography-header-sm-font-size:.875rem;--eds-typography-header-sm-tracking-tight:-1.32px;--eds-typography-header-sm-tracking-normal:0px;--eds-typography-header-sm-tracking-wide:1.32px;--eds-typography-header-sm-font-weight-lighter:300;--eds-typography-header-sm-font-weight-normal:400;--eds-typography-header-sm-font-weight-bolder:500;--eds-typography-header-sm-line-height-default:1rem;--eds-typography-header-sm-line-height-squished:.75rem;--eds-typography-header-md-font-size:1rem;--eds-typography-header-md-tracking-tight:-1.54px;--eds-typography-header-md-tracking-normal:0px;--eds-typography-header-md-tracking-wide:1.54px;--eds-typography-header-md-font-weight-lighter:300;--eds-typography-header-md-font-weight-normal:400;--eds-typography-header-md-font-weight-bolder:500;--eds-typography-header-md-line-height-default:1.25rem;--eds-typography-header-md-line-height-squished:1rem;--eds-typography-header-lg-font-size:1.125rem;--eds-typography-header-lg-tracking-tight:-1.76px;--eds-typography-header-lg-tracking-normal:0px;--eds-typography-header-lg-tracking-wide:1.76px;--eds-typography-header-lg-font-weight-lighter:300;--eds-typography-header-lg-font-weight-normal:400;--eds-typography-header-lg-font-weight-bolder:500;--eds-typography-header-lg-line-height-default:1.5rem;--eds-typography-header-lg-line-height-squished:1.25rem;--eds-typography-header-xl-font-size:1.313rem;--eds-typography-header-xl-tracking-tight:-1.76px;--eds-typography-header-xl-tracking-normal:0px;--eds-typography-header-xl-tracking-wide:2.035px;--eds-typography-header-xl-font-weight-lighter:300;--eds-typography-header-xl-font-weight-normal:400;--eds-typography-header-xl-font-weight-bolder:500;--eds-typography-header-xl-line-height-default:1.5rem;--eds-typography-header-xl-line-height-squished:1.25rem;--eds-typography-header-2xl-font-size:1.5rem;--eds-typography-header-2xl-tracking-tight:-2.31px;--eds-typography-header-2xl-tracking-normal:0px;--eds-typography-header-2xl-tracking-wide:2.31px;--eds-typography-header-2xl-font-weight-lighter:300;--eds-typography-header-2xl-font-weight-normal:400;--eds-typography-header-2xl-font-weight-bolder:500;--eds-typography-header-2xl-line-height-default:1.75rem;--eds-typography-header-2xl-line-height-squished:1.5rem;--eds-typography-header-3xl-font-size:1.719rem;--eds-typography-header-3xl-tracking-tight:-2.695px;--eds-typography-header-3xl-tracking-normal:0px;--eds-typography-header-3xl-tracking-wide:2.695px;--eds-typography-header-3xl-font-weight-lighter:300;--eds-typography-header-3xl-font-weight-normal:400;--eds-typography-header-3xl-font-weight-bolder:500;--eds-typography-header-3xl-line-height-default:2rem;--eds-typography-header-3xl-line-height-squished:1.75rem;--eds-typography-header-4xl-font-size:1.969rem;--eds-typography-header-4xl-tracking-tight:-3.08px;--eds-typography-header-4xl-tracking-normal:0px;--eds-typography-header-4xl-tracking-wide:3.08px;--eds-typography-header-4xl-font-weight-lighter:300;--eds-typography-header-4xl-font-weight-normal:400;--eds-typography-header-4xl-font-weight-bolder:500;--eds-typography-header-4xl-line-height-default:2rem;--eds-typography-header-4xl-line-height-squished:1.75rem;--eds-typography-header-5xl-font-size:2.281rem;--eds-typography-header-5xl-tracking-tight:-3.52px;--eds-typography-header-5xl-tracking-normal:0px;--eds-typography-header-5xl-tracking-wide:3.52px;--eds-typography-header-5xl-font-weight-lighter:300;--eds-typography-header-5xl-font-weight-normal:400;--eds-typography-header-5xl-font-weight-bolder:500;--eds-typography-header-5xl-line-height-default:2.25rem;--eds-typography-header-5xl-line-height-squished:2rem;--eds-typography-header-6xl-font-size:2.625rem;--eds-typography-header-6xl-tracking-tight:-4.07px;--eds-typography-header-6xl-tracking-normal:0px;--eds-typography-header-6xl-tracking-wide:4.07px;--eds-typography-header-6xl-font-weight-lighter:300;--eds-typography-header-6xl-font-weight-normal:400;--eds-typography-header-6xl-font-weight-bolder:500;--eds-typography-header-6xl-line-height-default:2.5rem;--eds-typography-header-6xl-line-height-squished:2.25rem}[data-density=comfortable]{--eds-sizing-icon-xs:.875rem;--eds-sizing-icon-sm:1rem;--eds-sizing-icon-md:1.125rem;--eds-sizing-icon-lg:1.25rem;--eds-sizing-icon-xl:1.5rem;--eds-sizing-icon-2xl:1.75rem;--eds-sizing-icon-3xl:2rem;--eds-sizing-icon-4xl:2.313rem;--eds-sizing-icon-5xl:2.625rem;--eds-sizing-icon-6xl:3rem;--eds-sizing-selectable-xs:1rem;--eds-sizing-selectable-sm:1.25rem;--eds-sizing-selectable-md:1.5rem;--eds-sizing-selectable-lg:2.25rem;--eds-sizing-selectable-xl:2.75rem;--eds-sizing-selectable-2xl:3.25rem;--eds-sizing-stroke-thin:.063rem;--eds-sizing-stroke-thick:.125rem;--eds-sizing-stroke-none:0rem;--eds-spacing-icon-xs-gap-horizontal:.344rem;--eds-spacing-icon-xs-gap-vertical:.344rem;--eds-spacing-icon-sm-gap-horizontal:.406rem;--eds-spacing-icon-sm-gap-vertical:.406rem;--eds-spacing-icon-md-gap-horizontal:.469rem;--eds-spacing-icon-md-gap-vertical:.469rem;--eds-spacing-icon-lg-gap-horizontal:.531rem;--eds-spacing-icon-lg-gap-vertical:.531rem;--eds-spacing-icon-xl-gap-horizontal:.625rem;--eds-spacing-icon-xl-gap-vertical:.625rem;--eds-spacing-icon-2xl-gap-horizontal:.719rem;--eds-spacing-icon-2xl-gap-vertical:.719rem;--eds-spacing-icon-3xl-gap-horizontal:.813rem;--eds-spacing-icon-3xl-gap-vertical:.813rem;--eds-spacing-icon-4xl-gap-horizontal:.938rem;--eds-spacing-icon-4xl-gap-vertical:.938rem;--eds-spacing-icon-5xl-gap-horizontal:1.094rem;--eds-spacing-icon-5xl-gap-vertical:1.094rem;--eds-spacing-icon-6xl-gap-horizontal:1.25rem;--eds-spacing-icon-6xl-gap-vertical:1.25rem;--eds-spacing-border-radius-rounded:.188rem;--eds-spacing-border-radius-pill:62.5rem;--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-horizontal:.375rem;--eds-spacing-inset-xs-vertical-squished:.25rem;--eds-spacing-inset-xs-vertical-squared:.375rem;--eds-spacing-inset-xs-vertical-stretched:.5rem;--eds-spacing-inset-sm-horizontal:.5rem;--eds-spacing-inset-sm-vertical-squished:.375rem;--eds-spacing-inset-sm-vertical-squared:.5rem;--eds-spacing-inset-sm-vertical-stretched:.75rem;--eds-spacing-inset-md-horizontal:.75rem;--eds-spacing-inset-md-vertical-squished:.5rem;--eds-spacing-inset-md-vertical-squared:.75rem;--eds-spacing-inset-md-vertical-stretched:1rem;--eds-spacing-inset-lg-horizontal:1rem;--eds-spacing-inset-lg-vertical-squished:.75rem;--eds-spacing-inset-lg-vertical-squared:1rem;--eds-spacing-inset-lg-vertical-stretched:1.25rem;--eds-spacing-inset-xl-horizontal:1.25rem;--eds-spacing-inset-xl-vertical-squished:1rem;--eds-spacing-inset-xl-vertical-squared:1.25rem;--eds-spacing-inset-xl-vertical-stretched:1.5rem;--eds-spacing-horizontal-4xs:.063rem;--eds-spacing-horizontal-3xs:.125rem;--eds-spacing-horizontal-2xs:.25rem;--eds-spacing-horizontal-xs:.375rem;--eds-spacing-horizontal-sm:.5rem;--eds-spacing-horizontal-md:.75rem;--eds-spacing-horizontal-lg:1rem;--eds-spacing-horizontal-xl:1.25rem;--eds-spacing-horizontal-2xl:1.5rem;--eds-spacing-horizontal-3xl:1.75rem;--eds-spacing-vertical-4xs:.063rem;--eds-spacing-vertical-3xs:.125rem;--eds-spacing-vertical-2xs:.25rem;--eds-spacing-vertical-xs:.375rem;--eds-spacing-vertical-sm:.5rem;--eds-spacing-vertical-md:.75rem;--eds-spacing-vertical-lg:1rem;--eds-spacing-vertical-xl:1.25rem;--eds-spacing-vertical-2xl:1.5rem;--eds-spacing-vertical-3xl:1.75rem;--eds-typography-ui-body-xs-font-size:.563rem;--eds-typography-ui-body-xs-tracking-tight:-.99px;--eds-typography-ui-body-xs-tracking-normal:0px;--eds-typography-ui-body-xs-tracking-wide:.99px;--eds-typography-ui-body-xs-font-weight-lighter:300;--eds-typography-ui-body-xs-font-weight-normal:400;--eds-typography-ui-body-xs-font-weight-bolder:500;--eds-typography-ui-body-xs-line-height-default:.75rem;--eds-typography-ui-body-xs-line-height-squished:.75rem;--eds-typography-ui-body-sm-font-size:.656rem;--eds-typography-ui-body-sm-tracking-tight:-1.15px;--eds-typography-ui-body-sm-tracking-normal:0px;--eds-typography-ui-body-sm-tracking-wide:1.15px;--eds-typography-ui-body-sm-font-weight-lighter:300;--eds-typography-ui-body-sm-font-weight-normal:400;--eds-typography-ui-body-sm-font-weight-bolder:500;--eds-typography-ui-body-sm-line-height-default:1rem;--eds-typography-ui-body-sm-line-height-squished:.75rem;--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:.75rem;--eds-typography-ui-body-md-tracking-tight:-1.32px;--eds-typography-ui-body-md-tracking-normal:0px;--eds-typography-ui-body-md-tracking-wide:1.32px;--eds-typography-ui-body-md-font-weight-lighter:300;--eds-typography-ui-body-md-font-weight-normal:400;--eds-typography-ui-body-md-font-weight-bolder:500;--eds-typography-ui-body-md-line-height-default:1rem;--eds-typography-ui-body-md-line-height-squished:.75rem;--eds-typography-ui-body-lg-font-size:.875rem;--eds-typography-ui-body-lg-tracking-tight:-1.54px;--eds-typography-ui-body-lg-tracking-normal:0px;--eds-typography-ui-body-lg-tracking-wide:1.54px;--eds-typography-ui-body-lg-font-weight-lighter:300;--eds-typography-ui-body-lg-font-weight-normal:400;--eds-typography-ui-body-lg-font-weight-bolder:500;--eds-typography-ui-body-lg-line-height-default:1.25rem;--eds-typography-ui-body-lg-line-height-squished:1rem;--eds-typography-ui-body-xl-font-size:1rem;--eds-typography-ui-body-xl-tracking-tight:-1.76px;--eds-typography-ui-body-xl-tracking-normal:0px;--eds-typography-ui-body-xl-tracking-wide:1.76px;--eds-typography-ui-body-xl-font-weight-lighter:300;--eds-typography-ui-body-xl-font-weight-normal:400;--eds-typography-ui-body-xl-font-weight-bolder:500;--eds-typography-ui-body-xl-line-height-default:1.5rem;--eds-typography-ui-body-xl-line-height-squished:1.25rem;--eds-typography-ui-body-2xl-font-size:1.156rem;--eds-typography-ui-body-2xl-tracking-tight:-1.76px;--eds-typography-ui-body-2xl-tracking-normal:0px;--eds-typography-ui-body-2xl-tracking-wide:2.035px;--eds-typography-ui-body-2xl-font-weight-lighter:300;--eds-typography-ui-body-2xl-font-weight-normal:400;--eds-typography-ui-body-2xl-font-weight-bolder:500;--eds-typography-ui-body-2xl-line-height-default:1.5rem;--eds-typography-ui-body-2xl-line-height-squished:1.25rem;--eds-typography-ui-body-3xl-font-size:1.313rem;--eds-typography-ui-body-3xl-tracking-tight:-2.31px;--eds-typography-ui-body-3xl-tracking-normal:0px;--eds-typography-ui-body-3xl-tracking-wide:2.31px;--eds-typography-ui-body-3xl-font-weight-lighter:300;--eds-typography-ui-body-3xl-font-weight-normal:400;--eds-typography-ui-body-3xl-font-weight-bolder:500;--eds-typography-ui-body-3xl-line-height-default:1.75rem;--eds-typography-ui-body-3xl-line-height-squished:1.5rem;--eds-typography-ui-body-4xl-font-size:1.531rem;--eds-typography-ui-body-4xl-tracking-tight:-2.695px;--eds-typography-ui-body-4xl-tracking-normal:0px;--eds-typography-ui-body-4xl-tracking-wide:2.695px;--eds-typography-ui-body-4xl-font-weight-lighter:300;--eds-typography-ui-body-4xl-font-weight-normal:400;--eds-typography-ui-body-4xl-font-weight-bolder:500;--eds-typography-ui-body-4xl-line-height-default:2rem;--eds-typography-ui-body-4xl-line-height-squished:1.75rem;--eds-typography-ui-body-5xl-font-size:1.75rem;--eds-typography-ui-body-5xl-tracking-tight:-3.08px;--eds-typography-ui-body-5xl-tracking-normal:0px;--eds-typography-ui-body-5xl-tracking-wide:3.08px;--eds-typography-ui-body-5xl-font-weight-lighter:300;--eds-typography-ui-body-5xl-font-weight-normal:400;--eds-typography-ui-body-5xl-font-weight-bolder:500;--eds-typography-ui-body-5xl-line-height-default:2rem;--eds-typography-ui-body-5xl-line-height-squished:1.75rem;--eds-typography-ui-body-6xl-font-size:2rem;--eds-typography-ui-body-6xl-tracking-tight:-3.52px;--eds-typography-ui-body-6xl-tracking-normal:0px;--eds-typography-ui-body-6xl-tracking-wide:3.52px;--eds-typography-ui-body-6xl-font-weight-lighter:300;--eds-typography-ui-body-6xl-font-weight-normal:0px;--eds-typography-ui-body-6xl-font-weight-bolder:500;--eds-typography-ui-body-6xl-line-height-default:2.25rem;--eds-typography-ui-body-6xl-line-height-squished:2rem;--eds-typography-header-font-family:"Equinor";--eds-typography-header-xs-font-size:.656rem;--eds-typography-header-xs-tracking-tight:-.99px;--eds-typography-header-xs-tracking-normal:0px;--eds-typography-header-xs-tracking-wide:.99px;--eds-typography-header-xs-font-weight-lighter:300;--eds-typography-header-xs-font-weight-normal:400;--eds-typography-header-xs-font-weight-bolder:500;--eds-typography-header-xs-line-height-default:.75rem;--eds-typography-header-xs-line-height-squished:.75rem;--eds-typography-header-sm-font-size:.75rem;--eds-typography-header-sm-tracking-tight:-1.15px;--eds-typography-header-sm-tracking-normal:0px;--eds-typography-header-sm-tracking-wide:1.15px;--eds-typography-header-sm-font-weight-lighter:300;--eds-typography-header-sm-font-weight-normal:400;--eds-typography-header-sm-font-weight-bolder:500;--eds-typography-header-sm-line-height-default:1rem;--eds-typography-header-sm-line-height-squished:.75rem;--eds-typography-header-md-font-size:.875rem;--eds-typography-header-md-tracking-tight:-1.32px;--eds-typography-header-md-tracking-normal:0px;--eds-typography-header-md-tracking-wide:1.32px;--eds-typography-header-md-font-weight-lighter:300;--eds-typography-header-md-font-weight-normal:400;--eds-typography-header-md-font-weight-bolder:500;--eds-typography-header-md-line-height-default:1rem;--eds-typography-header-md-line-height-squished:.75rem;--eds-typography-header-lg-font-size:1rem;--eds-typography-header-lg-tracking-tight:-1.54px;--eds-typography-header-lg-tracking-normal:0px;--eds-typography-header-lg-tracking-wide:1.54px;--eds-typography-header-lg-font-weight-lighter:300;--eds-typography-header-lg-font-weight-normal:400;--eds-typography-header-lg-font-weight-bolder:500;--eds-typography-header-lg-line-height-default:1.25rem;--eds-typography-header-lg-line-height-squished:1rem;--eds-typography-header-xl-font-size:1.125rem;--eds-typography-header-xl-tracking-tight:-1.76px;--eds-typography-header-xl-tracking-normal:0px;--eds-typography-header-xl-tracking-wide:1.76px;--eds-typography-header-xl-font-weight-lighter:300;--eds-typography-header-xl-font-weight-normal:400;--eds-typography-header-xl-font-weight-bolder:500;--eds-typography-header-xl-line-height-default:1.5rem;--eds-typography-header-xl-line-height-squished:1.25rem;--eds-typography-header-2xl-font-size:1.313rem;--eds-typography-header-2xl-tracking-tight:-1.76px;--eds-typography-header-2xl-tracking-normal:0px;--eds-typography-header-2xl-tracking-wide:2.035px;--eds-typography-header-2xl-font-weight-lighter:300;--eds-typography-header-2xl-font-weight-normal:400;--eds-typography-header-2xl-font-weight-bolder:500;--eds-typography-header-2xl-line-height-default:1.5rem;--eds-typography-header-2xl-line-height-squished:1.25rem;--eds-typography-header-3xl-font-size:1.5rem;--eds-typography-header-3xl-tracking-tight:-2.31px;--eds-typography-header-3xl-tracking-normal:0px;--eds-typography-header-3xl-tracking-wide:2.31px;--eds-typography-header-3xl-font-weight-lighter:300;--eds-typography-header-3xl-font-weight-normal:400;--eds-typography-header-3xl-font-weight-bolder:500;--eds-typography-header-3xl-line-height-default:1.75rem;--eds-typography-header-3xl-line-height-squished:1.5rem;--eds-typography-header-4xl-font-size:1.719rem;--eds-typography-header-4xl-tracking-tight:-2.695px;--eds-typography-header-4xl-tracking-normal:0px;--eds-typography-header-4xl-tracking-wide:2.695px;--eds-typography-header-4xl-font-weight-lighter:300;--eds-typography-header-4xl-font-weight-normal:400;--eds-typography-header-4xl-font-weight-bolder:500;--eds-typography-header-4xl-line-height-default:2rem;--eds-typography-header-4xl-line-height-squished:1.75rem;--eds-typography-header-5xl-font-size:1.969rem;--eds-typography-header-5xl-tracking-tight:-3.08px;--eds-typography-header-5xl-tracking-normal:0px;--eds-typography-header-5xl-tracking-wide:3.08px;--eds-typography-header-5xl-font-weight-lighter:300;--eds-typography-header-5xl-font-weight-normal:400;--eds-typography-header-5xl-font-weight-bolder:500;--eds-typography-header-5xl-line-height-default:2rem;--eds-typography-header-5xl-line-height-squished:1.75rem;--eds-typography-header-6xl-font-size:2.281rem;--eds-typography-header-6xl-tracking-tight:-3.52px;--eds-typography-header-6xl-tracking-normal:0px;--eds-typography-header-6xl-tracking-wide:3.52px;--eds-typography-header-6xl-font-weight-lighter:300;--eds-typography-header-6xl-font-weight-normal:400;--eds-typography-header-6xl-font-weight-bolder:500;--eds-typography-header-6xl-line-height-default:2.25rem;--eds-typography-header-6xl-line-height-squished:2rem}[data-space-proportions=squished]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-squished);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-squished);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-squished);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-squished);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-squished)}:root,[data-space-proportions=squared]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-squared);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-squared);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-squared);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-squared);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-squared)}[data-space-proportions=stretched]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-stretched);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-stretched);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-stretched);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-stretched);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-stretched)}:root,[data-selectable-space=xs]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-xs-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-xs-vertical)}[data-selectable-space=sm]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-sm-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-sm-vertical)}[data-selectable-space=md]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-md-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-md-vertical)}[data-selectable-space=lg]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-lg-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-lg-vertical)}[data-selectable-space=xl]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-xl-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-xl-vertical)}[data-horizontal-gap=none]{--eds-generic-gap-horizontal:0}[data-horizontal-gap="4xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-4xs)}[data-horizontal-gap="3xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-3xs)}[data-horizontal-gap="2xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-2xs)}:root,[data-horizontal-gap=xs]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-xs)}[data-horizontal-gap=sm]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-sm)}[data-horizontal-gap=md]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-md)}[data-horizontal-gap=lg]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-lg)}[data-horizontal-gap=xl]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-xl)}[data-horizontal-gap="2xl"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-2xl)}[data-horizontal-gap="3xl"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-3xl)}[data-vertical-gap=none]{--eds-generic-gap-vertical:0}[data-vertical-gap="4xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-4xs)}[data-vertical-gap="3xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-3xs)}[data-vertical-gap="2xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-2xs)}:root,[data-vertical-gap=xs]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-xs)}[data-vertical-gap=sm]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-sm)}[data-vertical-gap=md]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-md)}[data-vertical-gap=lg]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-lg)}[data-vertical-gap=xl]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-xl)}[data-vertical-gap="2xl"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-2xl)}[data-vertical-gap="3xl"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-3xl)}[data-horizontal-space=none]{--eds-generic-space-horizontal:0}[data-horizontal-space="4xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-4xs)}[data-horizontal-space="3xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-3xs)}[data-horizontal-space="2xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-2xs)}:root,[data-horizontal-space=xs]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-xs)}[data-horizontal-space=sm]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-sm)}[data-horizontal-space=md]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-md)}[data-horizontal-space=lg]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-lg)}[data-horizontal-space=xl]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-xl)}[data-horizontal-space="2xl"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-2xl)}[data-horizontal-space="3xl"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-3xl)}[data-vertical-space=none]{--eds-generic-space-vertical:0}[data-vertical-space="4xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-4xs)}[data-vertical-space="3xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-3xs)}[data-vertical-space="2xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-2xs)}:root,[data-vertical-space=xs]{--eds-generic-space-vertical:var(--eds-spacing-vertical-xs)}[data-vertical-space=sm]{--eds-generic-space-vertical:var(--eds-spacing-vertical-sm)}[data-vertical-space=md]{--eds-generic-space-vertical:var(--eds-spacing-vertical-md)}[data-vertical-space=lg]{--eds-generic-space-vertical:var(--eds-spacing-vertical-lg)}[data-vertical-space=xl]{--eds-generic-space-vertical:var(--eds-spacing-vertical-xl)}[data-vertical-space="2xl"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-2xl)}[data-vertical-space="3xl"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-3xl)}:root,[data-space-proportions]{--eds-container-space-horizontal:var(--eds-spacing-proportions-md-horizontal);--eds-container-space-vertical:var(--eds-spacing-proportions-md-vertical);--eds-page-space-horizontal:var(--eds-spacing-proportions-xl-horizontal);--eds-page-space-vertical:var(--eds-spacing-proportions-xl-vertical)}:root{--eds-selectable-gap-horizontal:var(--eds-spacing-horizontal-xs);--eds-selectable-gap-vertical:var(--eds-spacing-vertical-xs);--eds-container-gap-horizontal:var(--eds-spacing-horizontal-md);--eds-container-gap-vertical:var(--eds-spacing-vertical-md);--eds-page-gap-horizontal:var(--eds-spacing-horizontal-xl);--eds-page-gap-vertical:var(--eds-spacing-vertical-xl)}@property --eds-typography-font-size{syntax:"<length>";inherits:true;initial-value:16px}[data-font-family]{display:block;font-family:var(--eds-typography-font-family);font-size:var(--eds-typography-font-size);font-weight:var(--eds-typography-font-weight);letter-spacing:var(--eds-typography-tracking);line-height:var(--eds-typography-line-height);margin:0}@supports (text-box:trim-both cap alphabetic){[data-baseline=grid]{text-box:trim-both ex alphabetic;padding-bottom:0;padding-top:calc(round(1cap,4px) - 1ex)}[data-baseline=center]{text-box:trim-both ex alphabetic;padding-bottom:calc(round(1cap,4px)/2 - .5cap);padding-top:calc(round(1cap,4px)/2 + .5cap - 1ex)}}[data-font-family=header]{--eds-typography-font-family:var(--eds-typography-header-font-family);--eds-font-family-size-xs-font-size:var(--eds-typography-header-xs-font-size);--eds-font-family-size-xs-tracking-tight:var(--eds-typography-header-xs-tracking-tight);--eds-font-family-size-xs-tracking-normal:var(--eds-typography-header-xs-tracking-normal);--eds-font-family-size-xs-tracking-wide:var(--eds-typography-header-xs-tracking-wide);--eds-font-family-size-xs-font-weight-lighter:var(--eds-typography-header-xs-font-weight-lighter);--eds-font-family-size-xs-font-weight-normal:var(--eds-typography-header-xs-font-weight-normal);--eds-font-family-size-xs-font-weight-bolder:var(--eds-typography-header-xs-font-weight-bolder);--eds-font-family-size-sm-font-size:var(--eds-typography-header-sm-font-size);--eds-font-family-size-sm-tracking-tight:var(--eds-typography-header-sm-tracking-tight);--eds-font-family-size-sm-tracking-normal:var(--eds-typography-header-sm-tracking-normal);--eds-font-family-size-sm-tracking-wide:var(--eds-typography-header-sm-tracking-wide);--eds-font-family-size-sm-font-weight-lighter:var(--eds-typography-header-sm-font-weight-lighter);--eds-font-family-size-sm-font-weight-normal:var(--eds-typography-header-sm-font-weight-normal);--eds-font-family-size-sm-font-weight-bolder:var(--eds-typography-header-sm-font-weight-bolder);--eds-font-family-size-md-font-size:var(--eds-typography-header-md-font-size);--eds-font-family-size-md-tracking-tight:var(--eds-typography-header-md-tracking-tight);--eds-font-family-size-md-tracking-normal:var(--eds-typography-header-md-tracking-normal);--eds-font-family-size-md-tracking-wide:var(--eds-typography-header-md-tracking-wide);--eds-font-family-size-md-font-weight-lighter:var(--eds-typography-header-md-font-weight-lighter);--eds-font-family-size-md-font-weight-normal:var(--eds-typography-header-md-font-weight-normal);--eds-font-family-size-md-font-weight-bolder:var(--eds-typography-header-md-font-weight-bolder);--eds-font-family-size-lg-font-size:var(--eds-typography-header-lg-font-size);--eds-font-family-size-lg-tracking-tight:var(--eds-typography-header-lg-tracking-tight);--eds-font-family-size-lg-tracking-normal:var(--eds-typography-header-lg-tracking-normal);--eds-font-family-size-lg-tracking-wide:var(--eds-typography-header-lg-tracking-wide);--eds-font-family-size-lg-font-weight-lighter:var(--eds-typography-header-lg-font-weight-lighter);--eds-font-family-size-lg-font-weight-normal:var(--eds-typography-header-lg-font-weight-normal);--eds-font-family-size-lg-font-weight-bolder:var(--eds-typography-header-lg-font-weight-bolder);--eds-font-family-size-xl-font-size:var(--eds-typography-header-xl-font-size);--eds-font-family-size-xl-tracking-tight:var(--eds-typography-header-xl-tracking-tight);--eds-font-family-size-xl-tracking-normal:var(--eds-typography-header-xl-tracking-normal);--eds-font-family-size-xl-tracking-wide:var(--eds-typography-header-xl-tracking-wide);--eds-font-family-size-xl-font-weight-lighter:var(--eds-typography-header-xl-font-weight-lighter);--eds-font-family-size-xl-font-weight-normal:var(--eds-typography-header-xl-font-weight-normal);--eds-font-family-size-xl-font-weight-bolder:var(--eds-typography-header-xl-font-weight-bolder);--eds-font-family-size-2xl-font-size:var(--eds-typography-header-2xl-font-size);--eds-font-family-size-2xl-tracking-tight:var(--eds-typography-header-2xl-tracking-tight);--eds-font-family-size-2xl-tracking-normal:var(--eds-typography-header-2xl-tracking-normal);--eds-font-family-size-2xl-tracking-wide:var(--eds-typography-header-2xl-tracking-wide);--eds-font-family-size-2xl-font-weight-lighter:var(--eds-typography-header-2xl-font-weight-lighter);--eds-font-family-size-2xl-font-weight-normal:var(--eds-typography-header-2xl-font-weight-normal);--eds-font-family-size-2xl-font-weight-bolder:var(--eds-typography-header-2xl-font-weight-bolder);--eds-font-family-size-3xl-font-size:var(--eds-typography-header-3xl-font-size);--eds-font-family-size-3xl-tracking-tight:var(--eds-typography-header-3xl-tracking-tight);--eds-font-family-size-3xl-tracking-normal:var(--eds-typography-header-3xl-tracking-normal);--eds-font-family-size-3xl-tracking-wide:var(--eds-typography-header-3xl-tracking-wide);--eds-font-family-size-3xl-font-weight-lighter:var(--eds-typography-header-3xl-font-weight-lighter);--eds-font-family-size-3xl-font-weight-normal:var(--eds-typography-header-3xl-font-weight-normal);--eds-font-family-size-3xl-font-weight-bolder:var(--eds-typography-header-3xl-font-weight-bolder);--eds-font-family-size-4xl-font-size:var(--eds-typography-header-4xl-font-size);--eds-font-family-size-4xl-tracking-tight:var(--eds-typography-header-4xl-tracking-tight);--eds-font-family-size-4xl-tracking-normal:var(--eds-typography-header-4xl-tracking-normal);--eds-font-family-size-4xl-tracking-wide:var(--eds-typography-header-4xl-tracking-wide);--eds-font-family-size-4xl-font-weight-lighter:var(--eds-typography-header-4xl-font-weight-lighter);--eds-font-family-size-4xl-font-weight-normal:var(--eds-typography-header-4xl-font-weight-normal);--eds-font-family-size-4xl-font-weight-bolder:var(--eds-typography-header-4xl-font-weight-bolder);--eds-font-family-size-5xl-font-size:var(--eds-typography-header-5xl-font-size);--eds-font-family-size-5xl-tracking-tight:var(--eds-typography-header-5xl-tracking-tight);--eds-font-family-size-5xl-tracking-normal:var(--eds-typography-header-5xl-tracking-normal);--eds-font-family-size-5xl-tracking-wide:var(--eds-typography-header-5xl-tracking-wide);--eds-font-family-size-5xl-font-weight-lighter:var(--eds-typography-header-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-normal:var(--eds-typography-header-5xl-font-weight-normal);--eds-font-family-size-5xl-font-weight-bolder:var(--eds-typography-header-5xl-font-weight-bolder);--eds-font-family-size-6xl-font-size:var(--eds-typography-header-6xl-font-size);--eds-font-family-size-6xl-tracking-tight:var(--eds-typography-header-6xl-tracking-tight);--eds-font-family-size-6xl-tracking-normal:var(--eds-typography-header-6xl-tracking-normal);--eds-font-family-size-6xl-tracking-wide:var(--eds-typography-header-6xl-tracking-wide);--eds-font-family-size-6xl-font-weight-lighter:var(--eds-typography-header-6xl-font-weight-lighter);--eds-font-family-size-6xl-font-weight-normal:var(--eds-typography-header-6xl-font-weight-normal);--eds-font-family-size-6xl-font-weight-bolder:var(--eds-typography-header-6xl-font-weight-bolder);--eds-font-family-size-xs-line-height-default:var(--eds-typography-header-xs-line-height-default);--eds-font-family-size-xs-line-height-squished:var(--eds-typography-header-xs-line-height-squished);--eds-font-family-size-sm-line-height-default:var(--eds-typography-header-sm-line-height-default);--eds-font-family-size-sm-line-height-squished:var(--eds-typography-header-sm-line-height-squished);--eds-font-family-size-md-line-height-default:var(--eds-typography-header-md-line-height-default);--eds-font-family-size-md-line-height-squished:var(--eds-typography-header-md-line-height-squished);--eds-font-family-size-lg-line-height-default:var(--eds-typography-header-lg-line-height-default);--eds-font-family-size-lg-line-height-squished:var(--eds-typography-header-lg-line-height-squished);--eds-font-family-size-xl-line-height-default:var(--eds-typography-header-xl-line-height-default);--eds-font-family-size-xl-line-height-squished:var(--eds-typography-header-xl-line-height-squished);--eds-font-family-size-2xl-line-height-default:var(--eds-typography-header-2xl-line-height-default);--eds-font-family-size-2xl-line-height-squished:var(--eds-typography-header-2xl-line-height-squished);--eds-font-family-size-3xl-line-height-default:var(--eds-typography-header-3xl-line-height-default);--eds-font-family-size-3xl-line-height-squished:var(--eds-typography-header-3xl-line-height-default);--eds-font-family-size-4xl-line-height-default:var(--eds-typography-header-4xl-line-height-default);--eds-font-family-size-4xl-line-height-squished:var(--eds-typography-header-4xl-line-height-squished);--eds-font-family-size-5xl-line-height-default:var(--eds-typography-header-5xl-line-height-default);--eds-font-family-size-5xl-line-height-squished:var(--eds-typography-header-5xl-line-height-squished);--eds-font-family-size-6xl-line-height-default:var(--eds-typography-header-6xl-line-height-default);--eds-font-family-size-6xl-line-height-squished:var(--eds-typography-header-6xl-line-height-squished)}[data-font-family=ui]{--eds-typography-font-family:var(--eds-typography-ui-body-font-family);--eds-font-family-size-xs-font-size:var(--eds-typography-ui-body-xs-font-size);--eds-font-family-size-xs-tracking-tight:var(--eds-typography-ui-body-xs-tracking-tight);--eds-font-family-size-xs-tracking-normal:var(--eds-typography-ui-body-xs-tracking-normal);--eds-font-family-size-xs-tracking-wide:var(--eds-typography-ui-body-xs-tracking-wide);--eds-font-family-size-xs-font-weight-lighter:var(--eds-typography-ui-body-xs-font-weight-lighter);--eds-font-family-size-xs-font-weight-normal:var(--eds-typography-ui-body-xs-font-weight-normal);--eds-font-family-size-xs-font-weight-bolder:var(--eds-typography-ui-body-xs-font-weight-bolder);--eds-font-family-size-sm-font-size:var(--eds-typography-ui-body-sm-font-size);--eds-font-family-size-sm-tracking-tight:var(--eds-typography-ui-body-sm-tracking-tight);--eds-font-family-size-sm-tracking-normal:var(--eds-typography-ui-body-sm-tracking-normal);--eds-font-family-size-sm-tracking-wide:var(--eds-typography-ui-body-sm-tracking-wide);--eds-font-family-size-sm-font-weight-lighter:var(--eds-typography-ui-body-sm-font-weight-lighter);--eds-font-family-size-sm-font-weight-normal:var(--eds-typography-ui-body-sm-font-weight-normal);--eds-font-family-size-sm-font-weight-bolder:var(--eds-typography-ui-body-sm-font-weight-bolder);--eds-font-family-size-md-font-size:var(--eds-typography-ui-body-md-font-size);--eds-font-family-size-md-tracking-tight:var(--eds-typography-ui-body-md-tracking-tight);--eds-font-family-size-md-tracking-normal:var(--eds-typography-ui-body-md-tracking-normal);--eds-font-family-size-md-tracking-wide:var(--eds-typography-ui-body-md-tracking-wide);--eds-font-family-size-md-font-weight-lighter:var(--eds-typography-ui-body-md-font-weight-lighter);--eds-font-family-size-md-font-weight-normal:var(--eds-typography-ui-body-md-font-weight-normal);--eds-font-family-size-md-font-weight-bolder:var(--eds-typography-ui-body-md-font-weight-bolder);--eds-font-family-size-lg-font-size:var(--eds-typography-ui-body-lg-font-size);--eds-font-family-size-lg-tracking-tight:var(--eds-typography-ui-body-lg-tracking-tight);--eds-font-family-size-lg-tracking-normal:var(--eds-typography-ui-body-lg-tracking-normal);--eds-font-family-size-lg-tracking-wide:var(--eds-typography-ui-body-lg-tracking-wide);--eds-font-family-size-lg-font-weight-lighter:var(--eds-typography-ui-body-lg-font-weight-lighter);--eds-font-family-size-lg-font-weight-normal:var(--eds-typography-ui-body-lg-font-weight-normal);--eds-font-family-size-lg-font-weight-bolder:var(--eds-typography-ui-body-lg-font-weight-bolder);--eds-font-family-size-xl-font-size:var(--eds-typography-ui-body-xl-font-size);--eds-font-family-size-xl-tracking-tight:var(--eds-typography-ui-body-xl-tracking-tight);--eds-font-family-size-xl-tracking-normal:var(--eds-typography-ui-body-xl-tracking-normal);--eds-font-family-size-xl-tracking-wide:var(--eds-typography-ui-body-xl-tracking-wide);--eds-font-family-size-xl-font-weight-lighter:var(--eds-typography-ui-body-xl-font-weight-lighter);--eds-font-family-size-xl-font-weight-normal:var(--eds-typography-ui-body-xl-font-weight-normal);--eds-font-family-size-xl-font-weight-bolder:var(--eds-typography-ui-body-xl-font-weight-bolder);--eds-font-family-size-2xl-font-size:var(--eds-typography-ui-body-2xl-font-size);--eds-font-family-size-2xl-tracking-tight:var(--eds-typography-ui-body-2xl-tracking-tight);--eds-font-family-size-2xl-tracking-normal:var(--eds-typography-ui-body-2xl-tracking-normal);--eds-font-family-size-2xl-tracking-wide:var(--eds-typography-ui-body-2xl-tracking-wide);--eds-font-family-size-2xl-font-weight-lighter:var(--eds-typography-ui-body-2xl-font-weight-lighter);--eds-font-family-size-2xl-font-weight-normal:var(--eds-typography-ui-body-2xl-font-weight-normal);--eds-font-family-size-2xl-font-weight-bolder:var(--eds-typography-ui-body-2xl-font-weight-bolder);--eds-font-family-size-3xl-font-size:var(--eds-typography-ui-body-3xl-font-size);--eds-font-family-size-3xl-tracking-tight:var(--eds-typography-ui-body-3xl-tracking-tight);--eds-font-family-size-3xl-tracking-normal:var(--eds-typography-ui-body-3xl-tracking-normal);--eds-font-family-size-3xl-tracking-wide:var(--eds-typography-ui-body-3xl-tracking-wide);--eds-font-family-size-3xl-font-weight-lighter:var(--eds-typography-ui-body-3xl-font-weight-lighter);--eds-font-family-size-3xl-font-weight-normal:var(--eds-typography-ui-body-3xl-font-weight-normal);--eds-font-family-size-3xl-font-weight-bolder:var(--eds-typography-ui-body-3xl-font-weight-bolder);--eds-font-family-size-4xl-font-size:var(--eds-typography-ui-body-4xl-font-size);--eds-font-family-size-4xl-tracking-tight:var(--eds-typography-ui-body-4xl-tracking-tight);--eds-font-family-size-4xl-tracking-normal:var(--eds-typography-ui-body-4xl-tracking-normal);--eds-font-family-size-4xl-tracking-wide:var(--eds-typography-ui-body-4xl-tracking-wide);--eds-font-family-size-4xl-font-weight-lighter:var(--eds-typography-ui-body-4xl-font-weight-lighter);--eds-font-family-size-4xl-font-weight-normal:var(--eds-typography-ui-body-4xl-font-weight-normal);--eds-font-family-size-4xl-font-weight-bolder:var(--eds-typography-ui-body-4xl-font-weight-bolder);--eds-font-family-size-5xl-font-size:var(--eds-typography-ui-body-5xl-font-size);--eds-font-family-size-5xl-tracking-tight:var(--eds-typography-ui-body-5xl-tracking-tight);--eds-font-family-size-5xl-tracking-normal:var(--eds-typography-ui-body-5xl-tracking-normal);--eds-font-family-size-5xl-tracking-wide:var(--eds-typography-ui-body-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-lighter:var(--eds-typography-ui-body-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-normal:var(--eds-typography-ui-body-5xl-font-weight-normal);--eds-font-family-size-5xl-font-weight-bolder:var(--eds-typography-ui-body-5xl-font-weight-bolder);--eds-font-family-size-6xl-font-size:var(--eds-typography-ui-body-6xl-font-size);--eds-font-family-size-6xl-tracking-tight:var(--eds-typography-ui-body-6xl-tracking-tight);--eds-font-family-size-6xl-tracking-normal:var(--eds-typography-ui-body-6xl-tracking-normal);--eds-font-family-size-6xl-tracking-wide:var(--eds-typography-ui-body-6xl-tracking-wide);--eds-font-family-size-6xl-font-weight-lighter:var(--eds-typography-ui-body-6xl-font-weight-lighter);--eds-font-family-size-6xl-font-weight-normal:var(--eds-typography-ui-body-6xl-font-weight-normal);--eds-font-family-size-6xl-font-weight-bolder:var(--eds-typography-ui-body-6xl-font-weight-bolder);--eds-font-family-size-xs-line-height-default:var(--eds-typography-ui-body-xs-line-height-default);--eds-font-family-size-xs-line-height-squished:var(--eds-typography-ui-body-xs-line-height-squished);--eds-font-family-size-sm-line-height-default:var(--eds-typography-ui-body-sm-line-height-default);--eds-font-family-size-sm-line-height-squished:var(--eds-typography-ui-body-sm-line-height-squished);--eds-font-family-size-md-line-height-default:var(--eds-typography-ui-body-md-line-height-default);--eds-font-family-size-md-line-height-squished:var(--eds-typography-ui-body-md-line-height-squished);--eds-font-family-size-lg-line-height-default:var(--eds-typography-ui-body-lg-line-height-default);--eds-font-family-size-lg-line-height-squished:var(--eds-typography-ui-body-lg-line-height-squished);--eds-font-family-size-xl-line-height-default:var(--eds-typography-ui-body-xl-line-height-default);--eds-font-family-size-xl-line-height-squished:var(--eds-typography-ui-body-xl-line-height-squished);--eds-font-family-size-2xl-line-height-default:var(--eds-typography-ui-body-2xl-line-height-default);--eds-font-family-size-2xl-line-height-squished:var(--eds-typography-ui-body-2xl-line-height-squished);--eds-font-family-size-3xl-line-height-default:var(--eds-typography-ui-body-3xl-line-height-default);--eds-font-family-size-3xl-line-height-squished:var(--eds-typography-ui-body-3xl-line-height-squished);--eds-font-family-size-4xl-line-height-default:var(--eds-typography-ui-body-4xl-line-height-default);--eds-font-family-size-4xl-line-height-squished:var(--eds-typography-ui-body-4xl-line-height-squished);--eds-font-family-size-5xl-line-height-default:var(--eds-typography-ui-body-5xl-line-height-default);--eds-font-family-size-5xl-line-height-squished:var(--eds-typography-ui-body-5xl-line-height-squished);--eds-font-family-size-6xl-line-height-default:var(--eds-typography-ui-body-6xl-line-height-default);--eds-font-family-size-6xl-line-height-squished:var(--eds-typography-ui-body-6xl-line-height-squished)}[data-font-size=xs]{--eds-typography-icon-size:var(--eds-sizing-icon-xs);--eds-typography-gap-horizontal:var(--eds-spacing-icon-xs-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-xs-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-xs-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-xs-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-xs-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-xs-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-xs-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-xs-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-xs-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-xs-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-xs-line-height-squished)}[data-font-size=sm]{--eds-typography-icon-size:var(--eds-sizing-icon-sm);--eds-typography-gap-horizontal:var(--eds-spacing-icon-sm-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-sm-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-sm-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-sm-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-sm-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-sm-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-sm-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-sm-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-sm-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-sm-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-sm-line-height-squished)}[data-font-size=md]{--eds-typography-icon-size:var(--eds-sizing-icon-md);--eds-typography-gap-horizontal:var(--eds-spacing-icon-md-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-md-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-md-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-md-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-md-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-md-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-md-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-md-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-md-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-md-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-md-line-height-squished)}[data-font-size=lg]{--eds-typography-icon-size:var(--eds-sizing-icon-lg);--eds-typography-gap-horizontal:var(--eds-spacing-icon-lg-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-lg-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-lg-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-lg-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-lg-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-lg-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-lg-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-lg-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-lg-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-lg-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-lg-line-height-squished)}[data-font-size=xl]{--eds-typography-icon-size:var(--eds-sizing-icon-xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-xl-line-height-squished)}[data-font-size="2xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-2xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-2xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-2xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-2xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-2xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-2xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-2xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-2xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-2xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-2xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-2xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-2xl-line-height-squished)}[data-font-size="3xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-3xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-3xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-3xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-3xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-3xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-3xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-3xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-3xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-3xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-3xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-3xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-3xl-line-height-squished)}[data-font-size="4xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-4xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-4xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-4xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-4xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-4xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-4xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-4xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-4xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-4xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-4xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-4xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-4xl-line-height-squished)}[data-font-size="5xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-5xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-5xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-5xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-5xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-5xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-5xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-5xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-5xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-5xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-5xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-5xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-5xl-line-height-squished)}[data-font-size="6xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-6xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-6xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-6xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-6xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-6xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-6xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-6xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-6xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-6xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-6xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-6xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-6xl-line-height-squished)}[data-font-weight=lighter]{--eds-typography-font-weight:var(--eds-typography-font-weight-lighter)}[data-font-weight=normal]{--eds-typography-font-weight:var(--eds-typography-font-weight-normal)}[data-font-weight=bolder]{--eds-typography-font-weight:var(--eds-typography-font-weight-bolder)}[data-line-height=default]{--eds-typography-line-height:var(--eds-typography-line-height-default)}[data-line-height=squished]{--eds-typography-line-height:var(--eds-typography-line-height-squished)}[data-tracking=tight]{--eds-typography-tracking:var(--eds-typography-tracking-tight)}[data-tracking=normal]{--eds-typography-tracking:var(--eds-typography-tracking-normal)}[data-tracking=loose],[data-tracking=wide]{--eds-typography-tracking:var(--eds-typography-tracking-wide)}@layer eds-components{.icon{flex-shrink:0;font-size:var(--eds-typography-icon-size,1.5em);height:1em;margin-block:-.25em;margin-inline:-.1em;width:1em}.icon[data-icon-size]{--_explicit-size:var(--eds-sizing-icon-md);font-size:inherit;height:var(--_explicit-size);margin:0;width:var(--_explicit-size)}.icon[data-icon-size=xs]{--_explicit-size:var(--eds-sizing-icon-xs)}.icon[data-icon-size=sm]{--_explicit-size:var(--eds-sizing-icon-sm)}.icon[data-icon-size=md]{--_explicit-size:var(--eds-sizing-icon-md)}.icon[data-icon-size=lg]{--_explicit-size:var(--eds-sizing-icon-lg)}.icon[data-icon-size=xl]{--_explicit-size:var(--eds-sizing-icon-xl)}.icon[data-icon-size="2xl"]{--_explicit-size:var(--eds-sizing-icon-2xl)}.icon[data-icon-size="3xl"]{--_explicit-size:var(--eds-sizing-icon-3xl)}.icon[data-icon-size="4xl"]{--_explicit-size:var(--eds-sizing-icon-4xl)}.icon[data-icon-size="5xl"]{--_explicit-size:var(--eds-sizing-icon-5xl)}.icon[data-icon-size="6xl"]{--_explicit-size:var(--eds-sizing-icon-6xl)}.eds-button{align-items:center;border:none;border-radius:var(--eds-spacing-border-radius-rounded,4px);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.eds-button[data-selectable-space=lg]{min-height:2.75rem}.eds-button[data-selectable-space=lg],.eds-button[data-selectable-space=md]{gap:var(--eds-typography-gap-horizontal);padding-inline:var(--eds-selectable-space-horizontal)}.eds-button[data-selectable-space=md]{min-height:2.25rem}.eds-button[data-selectable-space=sm]{gap:var(--eds-typography-gap-horizontal);min-height:1.5rem;padding-inline:var(--eds-selectable-space-horizontal)}[data-density=comfortable] .eds-button[data-selectable-space=lg]{min-height:2.25rem}[data-density=comfortable] .eds-button[data-selectable-space=md]{min-height:1.5rem}[data-density=comfortable] .eds-button[data-selectable-space=sm]{min-height:1.25rem}.eds-button[data-icon-only]{aspect-ratio:1;padding:0}.eds-button[data-round]{border-radius:50%}.eds-button[data-variant=primary]{background-color:var(--eds-color-bg-fill-emphasis-default);color:var(--eds-color-text-strong-on-emphasis)}.eds-button[data-variant=primary]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-emphasis-hover)}.eds-button[data-variant=primary]:active:not(:disabled){background-color:var(--eds-color-bg-fill-emphasis-active)}.eds-button[data-variant=primary]:disabled{background-color:var(--eds-color-bg-fill-emphasis-disabled);color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-button[data-variant=secondary]{background-color:initial;color:var(--eds-color-text-subtle);outline:var(--eds-border-width-default,1px) solid var(--eds-color-border-strong);outline-offset:calc(var(--eds-border-width-default, 1px)*-1)}.eds-button[data-variant=secondary]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-muted-default)}.eds-button[data-variant=secondary]:active:not(:disabled){background-color:var(--eds-color-bg-fill-muted-hover)}.eds-button[data-variant=secondary]:disabled{color:var(--eds-color-text-disabled);cursor:not-allowed;outline:var(--eds-border-width-default,1px) solid var(--eds-color-border-disabled);outline-offset:calc(var(--eds-border-width-default, 1px)*-1)}.eds-button[data-variant=ghost]{background-color:initial;color:var(--eds-color-text-subtle)}.eds-button[data-variant=ghost]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-muted-default)}.eds-button[data-variant=ghost]:active:not(:disabled){background-color:var(--eds-color-bg-fill-muted-hover)}.eds-button[data-variant=ghost]:disabled{color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-button:focus-visible{outline:var(--eds-sizing-stroke-thick) solid var(--eds-color-border-focus)}.eds-button:focus-visible,.eds-button[data-variant=secondary]:focus-visible{outline-offset:var(--eds-sizing-stroke-thin)}.eds-button .icon{flex-shrink:0}.eds-button[data-icon-only] .icon{margin:0}}.eds-button>span{text-box:normal;align-items:center;display:inline-flex;gap:var(--eds-typography-gap-horizontal);padding-block:0}@layer eds-components{.eds-field{--_eds-field-label-color:var(--eds-color-text-strong);--_eds-field-description-color:var(--eds-color-text-subtle);--_eds-field-indicator-color:var(--eds-color-text-neutral-subtle);--_eds-field-helper-color:var(--eds-color-text-subtle);align-items:flex-start;display:flex;flex-direction:column;gap:var(--eds-generic-gap-vertical);width:var(--eds-field-width,100%)}.eds-field:is([data-position=start],[data-position=end]){align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--eds-generic-gap-horizontal)}.eds-field[data-position=end]{flex-direction:row-reverse}.eds-field:is([data-position=start],[data-position=end]) :is(.eds-field__description,.eds-field__helper-message,[role=alert]){flex-basis:100%}.eds-field__label{align-items:center;color:var(--_eds-field-label-color);display:inline-flex;flex-wrap:wrap}.eds-field__indicator{color:var(--_eds-field-indicator-color);font-size:var(--eds-typography-font-size);margin-inline-start:var(--eds-selectable-space-horizontal);vertical-align:middle}.eds-field__description{color:var(--_eds-field-description-color);margin:0}.eds-field__helper-message{color:var(--_eds-field-helper-color);margin:0}.eds-field>:has(+.eds-field__helper-message){margin-block-end:calc(var(--eds-spacing-vertical-3xs) - var(--eds-generic-gap-vertical))}.eds-field[data-disabled=true]{--_eds-field-helper-color:var(--eds-color-text-disabled)}.eds-checkbox{--_checkbox-icon-color:var(--eds-color-bg-fill-emphasis-default);--_checkbox-hover-color:var(--eds-color-bg-fill-muted-default);--_checkbox-icon-size:var(--eds-sizing-icon-lg);--_checkbox-touch-target:2.25rem;box-sizing:border-box;cursor:pointer;position:relative}[data-density=comfortable] .eds-checkbox{--_checkbox-touch-target:1.75rem}.eds-checkbox--standalone{align-items:center;display:inline-flex;justify-content:center;padding:calc((var(--_checkbox-touch-target) - var(--_checkbox-icon-size))/2);position:relative}.eds-field.eds-checkbox{--_checkbox-gap-compensation:0.2375rem;border-radius:var(--eds-spacing-border-radius-rounded);gap:calc(var(--eds-generic-gap-horizontal) + var(--_checkbox-gap-compensation));padding-block:var(--eds-selectable-space-vertical);padding-inline:var(--eds-selectable-space-horizontal);transition:background-color .15s;width:auto}.eds-checkbox[data-disabled=true]{cursor:not-allowed}.eds-checkbox__icon-wrapper{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:0;overflow:visible;position:relative}.eds-field.eds-checkbox .eds-checkbox__icon-wrapper{margin-block:-6px;margin-inline:-4.8px}.eds-checkbox--standalone:before{background-color:initial;border-radius:var(--eds-spacing-border-radius-pill);content:"";inset:0;position:absolute;transition:background-color .15s}}@layer eds-components{@media (hover:hover) and (pointer:fine){.eds-checkbox--standalone:hover:before{background-color:var(--_checkbox-hover-color)}.eds-checkbox--standalone[data-disabled=true]:hover:before{background-color:initial}.eds-field.eds-checkbox:hover{background-color:var(--_checkbox-hover-color)}.eds-field.eds-checkbox[data-disabled=true]:hover{background-color:initial}}.eds-checkbox__input{appearance:none;cursor:pointer;inset:0;margin:0;position:absolute;z-index:1}.eds-checkbox__input:disabled{cursor:not-allowed}.eds-checkbox__input:focus{outline:none}.eds-checkbox:has(.eds-checkbox__input:focus-visible){border-radius:var(--eds-spacing-border-radius-rounded);outline:var(--eds-sizing-stroke-thin) solid var(--eds-color-border-focus);outline-offset:var(--eds-sizing-stroke-thick)}.eds-checkbox--standalone:has(.eds-checkbox__input:focus-visible){border-radius:var(--eds-spacing-border-radius-pill)}.eds-checkbox__icon{fill:var(--_checkbox-icon-color);flex-shrink:0;pointer-events:none;position:relative}.eds-checkbox[data-disabled=true] .eds-checkbox__icon{fill:var(--eds-color-text-disabled)}.eds-checkbox__icon--checked,.eds-checkbox__icon--indeterminate{display:none}.eds-checkbox:has(.eds-checkbox__input:checked) .eds-checkbox__icon--checked,.eds-checkbox__icon--unchecked{display:block}.eds-checkbox:has(.eds-checkbox__input:checked) .eds-checkbox__icon--unchecked{display:none}.eds-checkbox:has(.eds-checkbox__input[data-indeterminate=true]) .eds-checkbox__icon--indeterminate{display:block}.eds-checkbox:has(.eds-checkbox__input[data-indeterminate=true]) .eds-checkbox__icon--checked,.eds-checkbox:has(.eds-checkbox__input[data-indeterminate=true]) .eds-checkbox__icon--unchecked{display:none}.eds-field.eds-checkbox .eds-field__label{cursor:pointer}.eds-field.eds-checkbox[data-disabled=true] .eds-field__label{color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-field.eds-checkbox[data-color-appearance=accent]{--_eds-field-helper-color:var(--eds-color-text-neutral-subtle)}.eds-radio{--_radio-icon-color:var(--eds-color-bg-fill-emphasis-default);--_radio-hover-color:var(--eds-color-bg-fill-muted-default);--_radio-icon-size:var(--eds-sizing-icon-lg);--_radio-touch-target:2.25rem;box-sizing:border-box;cursor:pointer;position:relative}[data-density=comfortable] .eds-radio{--_radio-touch-target:1.75rem}.eds-radio--standalone{align-items:center;display:inline-flex;justify-content:center;padding:calc((var(--_radio-touch-target) - var(--_radio-icon-size))/2);position:relative}.eds-field.eds-radio{--_radio-gap-compensation:0.2375rem;border-radius:var(--eds-spacing-border-radius-rounded);gap:calc(var(--eds-generic-gap-horizontal) + var(--_radio-gap-compensation));padding-block:var(--eds-selectable-space-vertical);padding-inline:var(--eds-selectable-space-horizontal);transition:background-color .15s;width:auto}.eds-radio[data-disabled=true]{cursor:not-allowed}.eds-radio__icon-wrapper{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:0;overflow:visible;position:relative}.eds-field.eds-radio .eds-radio__icon-wrapper{margin-block:-6px;margin-inline:-4.8px}.eds-radio--standalone:before{background-color:initial;border-radius:var(--eds-spacing-border-radius-pill);content:"";inset:0;position:absolute;transition:background-color .15s}}@layer eds-components{@media (hover:hover) and (pointer:fine){.eds-radio--standalone:hover:before{background-color:var(--_radio-hover-color)}.eds-radio--standalone[data-disabled=true]:hover:before{background-color:initial}.eds-field.eds-radio:hover{background-color:var(--_radio-hover-color)}.eds-field.eds-radio[data-disabled=true]:hover{background-color:initial}}.eds-radio__input{appearance:none;cursor:pointer;inset:0;margin:0;position:absolute;z-index:1}.eds-radio__input:disabled{cursor:not-allowed}.eds-radio__input:focus{outline:none}.eds-radio:has(.eds-radio__input:focus-visible){border-radius:var(--eds-spacing-border-radius-rounded);outline:var(--eds-sizing-stroke-thin) solid var(--eds-color-border-focus);outline-offset:var(--eds-sizing-stroke-thick)}.eds-radio--standalone:has(.eds-radio__input:focus-visible){border-radius:var(--eds-spacing-border-radius-pill)}.eds-radio__icon{fill:var(--_radio-icon-color);flex-shrink:0;pointer-events:none}.eds-radio[data-disabled=true] .eds-radio__icon{fill:var(--eds-color-text-disabled)}.eds-radio__icon--checked{display:none}.eds-radio:has(.eds-radio__input:checked) .eds-radio__icon--checked,.eds-radio__icon--unchecked{display:block}.eds-radio:has(.eds-radio__input:checked) .eds-radio__icon--unchecked{display:none}.eds-field.eds-radio .eds-field__label{cursor:pointer}.eds-field.eds-radio[data-disabled=true] .eds-field__label{color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-switch{--_switch-hover-color:var(--eds-color-bg-fill-muted-default);--_icon-size:var(--eds-sizing-icon-lg);--_handle-size:calc(var(--_icon-size)/2);--_track-width:calc(var(--_icon-size)*11/12);--_track-height:calc(var(--_icon-size)/3);--_track-hover-bg:var(--eds-color-neutral-2);--_switch-gap-compensation:0.1rem;background-color:var(--_switch-hover-color);border-radius:var(--eds-spacing-border-radius-rounded);color:var(--eds-color-text-disabled);cursor:pointer;cursor:not-allowed;cursor:not-allowed;gap:calc(var(--eds-generic-gap-horizontal) + var(--_switch-gap-compensation));outline:var(--eds-sizing-stroke-thin) solid var(--eds-color-border-focus);outline-offset:var(--eds-sizing-stroke-thick);padding-block:var(--eds-selectable-space-vertical);padding-inline:var(--eds-selectable-space-horizontal);position:relative;transition:background-color .15s;width:auto}.eds-switch__control{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-block:-6px;margin-inline:-1.9px;min-block-size:var(--_icon-size)}[data-density=comfortable] .eds-switch__control{margin-inline:-2.1px}.eds-switch__input{appearance:none;cursor:pointer;inset:0;margin:0;position:absolute;z-index:1;&:focus{outline:none}&:disabled{cursor:not-allowed}}}@layer eds-components{.eds-switch__track{background-color:var(--eds-color-bg-fill-muted-default);block-size:var(--_track-height);border-radius:var(--eds-spacing-border-radius-pill);display:inline-block;inline-size:var(--_track-width);pointer-events:none;position:relative;transition:background-color .15s;@media (hover:hover) and (pointer:fine){.eds-switch:hover:not([data-disabled=true]) &{background-color:var(--_track-hover-bg)}}}.eds-switch__handle{background-color:var(--eds-color-bg-fill-emphasis-default);block-size:var(--_handle-size);border-radius:var(--eds-spacing-border-radius-pill);box-shadow:var(--eds-elevation-raised);inline-size:var(--_handle-size);inset-block-start:50%;inset-inline-start:0;pointer-events:none;position:absolute;transition:inset-inline-start .15s,background-color .15s;translate:0 -50%;.eds-switch:has(.eds-switch__input:checked) &{inset-inline-start:calc(100% - var(--_handle-size))}.eds-switch:has(.eds-switch__input:disabled) &{background-color:var(--eds-color-bg-disabled);box-shadow:none}}}@layer eds-components{.eds-input-container{--_bg-input:var(--eds-color-bg-canvas);--_readonly-text-color:var(--eds-color-border-strong);align-items:center;background:var(--_bg-input);border-radius:var(--eds-spacing-border-radius-none);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--eds-typography-gap-horizontal);inline-size:100%;isolation:isolate;outline:var(--eds-sizing-stroke-thin) solid var(--eds-color-border-subtle);outline-offset:calc(var(--eds-sizing-stroke-thin)*-1);padding-block:var(--eds-selectable-space-vertical);padding-inline:var(--eds-selectable-space-horizontal);transition:background-color .15s,outline-color .15s;&:hover:not([data-disabled]):not([data-readonly]){outline-color:var(--eds-color-border-strong);& .eds-input{-webkit-text-fill-color:var(--eds-color-text-strong);color:var(--eds-color-text-strong);&::placeholder{-webkit-text-fill-color:var(--eds-color-text-strong);color:var(--eds-color-text-strong)}}}&:focus-within{box-shadow:0 0 0 var(--eds-sizing-stroke-thin) var(--_bg-input),0 0 0 calc(var(--eds-sizing-stroke-thin)*2) var(--eds-color-border-focus);outline-color:var(--eds-color-border-strong)}&[data-invalid]{outline-color:var(--eds-color-border-medium);&:focus-within{box-shadow:0 0 0 var(--eds-sizing-stroke-thin) var(--_bg-input),0 0 0 calc(var(--eds-sizing-stroke-thin)*2) var(--eds-color-border-focus);outline-color:var(--eds-color-border-strong)}}&[data-disabled]{cursor:not-allowed;outline-color:#0000;& .eds-input{-webkit-text-fill-color:var(--eds-color-text-disabled);color:var(--eds-color-text-disabled);cursor:not-allowed;opacity:1;&::placeholder{-webkit-text-fill-color:var(--eds-color-text-disabled);color:var(--eds-color-text-disabled)}}& .eds-adornment__adornment,& .eds-adornment__text,& .eds-error-icon{color:var(--eds-color-text-disabled)}}&[data-readonly]{outline-color:#0000;& .eds-input{-webkit-text-fill-color:var(--_readonly-text-color)}& .eds-adornment__adornment,& .eds-adornment__text,& .eds-input{color:var(--_readonly-text-color)}}}[data-density=comfortable] .eds-input-container{padding-block:var(--eds-spacing-proportions-xs-vertical)}.eds-input{--_placeholder-text-color:var(--eds-color-border-strong);background:#0000;border:var(--eds-sizing-stroke-none);color:var(--eds-color-text-strong);flex:1;min-inline-size:0;outline:none;overflow:hidden;padding:0;resize:none;text-overflow:ellipsis;white-space:nowrap;&::placeholder{-webkit-text-fill-color:var(--_placeholder-text-color);color:var(--_placeholder-text-color)}}.eds-adornment,.eds-error-icon{color:var(--eds-color-text-subtle);flex-shrink:0}.eds-adornment{gap:var(--eds-typography-gap-horizontal)}.eds-adornment,.eds-adornment__adornment{align-items:center;display:flex}.eds-adornment__adornment button,.eds-adornment__adornment:has(button){block-size:var(--eds-typography-ui-body-md-line-height-default)}.eds-adornment__adornment button{inline-size:var(--eds-typography-ui-body-md-line-height-default);padding:0}.eds-input~.eds-adornment .eds-adornment__adornment:has(button){margin-inline-end:calc((var(--eds-sizing-icon-xs) - var(--eds-typography-ui-body-md-line-height-default))/2)}.eds-adornment:has(~.eds-input) .eds-adornment__adornment:has(button){margin-inline-start:calc((var(--eds-sizing-icon-xs) - var(--eds-typography-ui-body-md-line-height-default))/2)}.eds-text-field__header{align-items:center;display:flex;gap:var(--eds-typography-gap-horizontal);inline-size:100%;justify-content:space-between}.eds-text-field__info{flex-shrink:0;margin-block:calc(var(--eds-sizing-icon-xs)/-2)}}
|
|
1
|
+
:root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#0070a9,#5abbfb);--eds-color-bg-disabled:light-dark(#e1e1e1,#525c65);--eds-color-border-disabled:light-dark(#aeaeae,#738696);--eds-color-text-disabled:light-dark(#aeaeae,#738696);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#cfe7e9,#3c6266);--eds-color-accent-4:light-dark(#bbdbdf,#3e7378);--eds-color-accent-5:light-dark(#a2cdd2,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#e1e1e1,#525c65);--eds-color-neutral-4:light-dark(#d4d4d4,#5d6b76);--eds-color-neutral-5:light-dark(#c4c4c4,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#cae6fa,#33607e);--eds-color-info-4:light-dark(#b5daf5,#316f98);--eds-color-info-5:light-dark(#99cbf0,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#cfeacc,#3c673a);--eds-color-success-4:light-dark(#bbe0b8,#3e793c);--eds-color-success-5:light-dark(#a2d49e,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#fbdac1,#7e4e25);--eds-color-warning-4:light-dark(#f6caaa,#97571b);--eds-color-warning-5:light-dark(#f0b689,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffd0ce,#923a3c);--eds-color-danger-4:light-dark(#ffbcba,#b03940);--eds-color-danger-5:light-dark(#ffa3a1,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-neutral-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-neutral-3);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-border-disabled:var(--eds-color-neutral-7);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-disabled:var(--eds-color-neutral-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-accent-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-accent-3);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-border-disabled:var(--eds-color-accent-7);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-disabled:var(--eds-color-accent-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-danger-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-danger-3);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-border-disabled:var(--eds-color-danger-7);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-disabled:var(--eds-color-danger-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-info-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-info-3);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-border-disabled:var(--eds-color-info-7);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-disabled:var(--eds-color-info-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-success-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-success-3);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-border-disabled:var(--eds-color-success-7);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-disabled:var(--eds-color-success-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-warning-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-warning-3);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-border-disabled:var(--eds-color-warning-7);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-disabled:var(--eds-color-warning-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}:root,[data-density=spacious]{--eds-sizing-icon-xs:1rem;--eds-sizing-icon-sm:1.125rem;--eds-sizing-icon-md:1.25rem;--eds-sizing-icon-lg:1.5rem;--eds-sizing-icon-xl:1.75rem;--eds-sizing-icon-2xl:2rem;--eds-sizing-icon-3xl:2.313rem;--eds-sizing-icon-4xl:2.625rem;--eds-sizing-icon-5xl:3rem;--eds-sizing-icon-6xl:3.5rem;--eds-sizing-selectable-xs:1.25rem;--eds-sizing-selectable-sm:1.5rem;--eds-sizing-selectable-md:2.25rem;--eds-sizing-selectable-lg:2.75rem;--eds-sizing-selectable-xl:3.25rem;--eds-sizing-selectable-2xl:3.75rem;--eds-sizing-stroke-thin:.063rem;--eds-sizing-stroke-thick:.125rem;--eds-sizing-stroke-none:0rem;--eds-spacing-icon-xs-gap-horizontal:.406rem;--eds-spacing-icon-xs-gap-vertical:.406rem;--eds-spacing-icon-sm-gap-horizontal:.469rem;--eds-spacing-icon-sm-gap-vertical:.469rem;--eds-spacing-icon-md-gap-horizontal:.531rem;--eds-spacing-icon-md-gap-vertical:.531rem;--eds-spacing-icon-lg-gap-horizontal:.625rem;--eds-spacing-icon-lg-gap-vertical:.625rem;--eds-spacing-icon-xl-gap-horizontal:.719rem;--eds-spacing-icon-xl-gap-vertical:.719rem;--eds-spacing-icon-2xl-gap-horizontal:.813rem;--eds-spacing-icon-2xl-gap-vertical:.813rem;--eds-spacing-icon-3xl-gap-horizontal:.938rem;--eds-spacing-icon-3xl-gap-vertical:.938rem;--eds-spacing-icon-4xl-gap-horizontal:1.094rem;--eds-spacing-icon-4xl-gap-vertical:1.094rem;--eds-spacing-icon-5xl-gap-horizontal:1.25rem;--eds-spacing-icon-5xl-gap-vertical:1.25rem;--eds-spacing-icon-6xl-gap-horizontal:1.438rem;--eds-spacing-icon-6xl-gap-vertical:1.438rem;--eds-spacing-border-radius-rounded:.25rem;--eds-spacing-border-radius-pill:62.5rem;--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-horizontal:.5rem;--eds-spacing-inset-xs-vertical-squished:.375rem;--eds-spacing-inset-xs-vertical-squared:.5rem;--eds-spacing-inset-xs-vertical-stretched:.75rem;--eds-spacing-inset-sm-horizontal:.75rem;--eds-spacing-inset-sm-vertical-squished:.5rem;--eds-spacing-inset-sm-vertical-squared:.75rem;--eds-spacing-inset-sm-vertical-stretched:1rem;--eds-spacing-inset-md-horizontal:1rem;--eds-spacing-inset-md-vertical-squished:.75rem;--eds-spacing-inset-md-vertical-squared:1rem;--eds-spacing-inset-md-vertical-stretched:1.25rem;--eds-spacing-inset-lg-horizontal:1.25rem;--eds-spacing-inset-lg-vertical-squished:1rem;--eds-spacing-inset-lg-vertical-squared:1.25rem;--eds-spacing-inset-lg-vertical-stretched:1.5rem;--eds-spacing-inset-xl-horizontal:1.5rem;--eds-spacing-inset-xl-vertical-squished:1.25rem;--eds-spacing-inset-xl-vertical-squared:1.5rem;--eds-spacing-inset-xl-vertical-stretched:1.75rem;--eds-spacing-horizontal-4xs:.125rem;--eds-spacing-horizontal-3xs:.25rem;--eds-spacing-horizontal-2xs:.375rem;--eds-spacing-horizontal-xs:.5rem;--eds-spacing-horizontal-sm:.75rem;--eds-spacing-horizontal-md:1rem;--eds-spacing-horizontal-lg:1.25rem;--eds-spacing-horizontal-xl:1.5rem;--eds-spacing-horizontal-2xl:1.75rem;--eds-spacing-horizontal-3xl:2rem;--eds-spacing-vertical-4xs:.125rem;--eds-spacing-vertical-3xs:.25rem;--eds-spacing-vertical-2xs:.375rem;--eds-spacing-vertical-xs:.5rem;--eds-spacing-vertical-sm:.75rem;--eds-spacing-vertical-md:1rem;--eds-spacing-vertical-lg:1.25rem;--eds-spacing-vertical-xl:1.5rem;--eds-spacing-vertical-2xl:1.75rem;--eds-spacing-vertical-3xl:2rem;--eds-typography-ui-body-xs-font-size:.656rem;--eds-typography-ui-body-xs-tracking-tight:-1.15px;--eds-typography-ui-body-xs-tracking-normal:0px;--eds-typography-ui-body-xs-tracking-wide:1.15px;--eds-typography-ui-body-xs-font-weight-lighter:300;--eds-typography-ui-body-xs-font-weight-normal:400;--eds-typography-ui-body-xs-font-weight-bolder:500;--eds-typography-ui-body-xs-line-height-default:1rem;--eds-typography-ui-body-xs-line-height-squished:.75rem;--eds-typography-ui-body-sm-font-size:.75rem;--eds-typography-ui-body-sm-tracking-tight:-1.32px;--eds-typography-ui-body-sm-tracking-normal:0px;--eds-typography-ui-body-sm-tracking-wide:1.32px;--eds-typography-ui-body-sm-font-weight-lighter:300;--eds-typography-ui-body-sm-font-weight-normal:400;--eds-typography-ui-body-sm-font-weight-bolder:500;--eds-typography-ui-body-sm-line-height-default:1rem;--eds-typography-ui-body-sm-line-height-squished:.75rem;--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:.875rem;--eds-typography-ui-body-md-tracking-tight:-1.54px;--eds-typography-ui-body-md-tracking-normal:0px;--eds-typography-ui-body-md-tracking-wide:1.54px;--eds-typography-ui-body-md-font-weight-lighter:300;--eds-typography-ui-body-md-font-weight-normal:400;--eds-typography-ui-body-md-font-weight-bolder:500;--eds-typography-ui-body-md-line-height-default:1.25rem;--eds-typography-ui-body-md-line-height-squished:1rem;--eds-typography-ui-body-lg-font-size:1rem;--eds-typography-ui-body-lg-tracking-tight:-1.76px;--eds-typography-ui-body-lg-tracking-normal:0px;--eds-typography-ui-body-lg-tracking-wide:1.76px;--eds-typography-ui-body-lg-font-weight-lighter:300;--eds-typography-ui-body-lg-font-weight-normal:400;--eds-typography-ui-body-lg-font-weight-bolder:500;--eds-typography-ui-body-lg-line-height-default:1.5rem;--eds-typography-ui-body-lg-line-height-squished:1.25rem;--eds-typography-ui-body-xl-font-size:1.156rem;--eds-typography-ui-body-xl-tracking-tight:-1.76px;--eds-typography-ui-body-xl-tracking-normal:0px;--eds-typography-ui-body-xl-tracking-wide:2.035px;--eds-typography-ui-body-xl-font-weight-lighter:300;--eds-typography-ui-body-xl-font-weight-normal:400;--eds-typography-ui-body-xl-font-weight-bolder:500;--eds-typography-ui-body-xl-line-height-default:1.5rem;--eds-typography-ui-body-xl-line-height-squished:1.25rem;--eds-typography-ui-body-2xl-font-size:1.313rem;--eds-typography-ui-body-2xl-tracking-tight:-2.31px;--eds-typography-ui-body-2xl-tracking-normal:0px;--eds-typography-ui-body-2xl-tracking-wide:2.31px;--eds-typography-ui-body-2xl-font-weight-lighter:300;--eds-typography-ui-body-2xl-font-weight-normal:400;--eds-typography-ui-body-2xl-font-weight-bolder:500;--eds-typography-ui-body-2xl-line-height-default:1.75rem;--eds-typography-ui-body-2xl-line-height-squished:1.5rem;--eds-typography-ui-body-3xl-font-size:1.531rem;--eds-typography-ui-body-3xl-tracking-tight:-2.695px;--eds-typography-ui-body-3xl-tracking-normal:0px;--eds-typography-ui-body-3xl-tracking-wide:2.695px;--eds-typography-ui-body-3xl-font-weight-lighter:300;--eds-typography-ui-body-3xl-font-weight-normal:400;--eds-typography-ui-body-3xl-font-weight-bolder:500;--eds-typography-ui-body-3xl-line-height-default:2rem;--eds-typography-ui-body-3xl-line-height-squished:1.75rem;--eds-typography-ui-body-4xl-font-size:1.75rem;--eds-typography-ui-body-4xl-tracking-tight:-3.08px;--eds-typography-ui-body-4xl-tracking-normal:0px;--eds-typography-ui-body-4xl-tracking-wide:3.08px;--eds-typography-ui-body-4xl-font-weight-lighter:300;--eds-typography-ui-body-4xl-font-weight-normal:400;--eds-typography-ui-body-4xl-font-weight-bolder:500;--eds-typography-ui-body-4xl-line-height-default:2rem;--eds-typography-ui-body-4xl-line-height-squished:1.75rem;--eds-typography-ui-body-5xl-font-size:2rem;--eds-typography-ui-body-5xl-tracking-tight:-3.52px;--eds-typography-ui-body-5xl-tracking-normal:0px;--eds-typography-ui-body-5xl-tracking-wide:3.52px;--eds-typography-ui-body-5xl-font-weight-lighter:300;--eds-typography-ui-body-5xl-font-weight-normal:400;--eds-typography-ui-body-5xl-font-weight-bolder:500;--eds-typography-ui-body-5xl-line-height-default:2.25rem;--eds-typography-ui-body-5xl-line-height-squished:2rem;--eds-typography-ui-body-6xl-font-size:2.313rem;--eds-typography-ui-body-6xl-tracking-tight:-4.07px;--eds-typography-ui-body-6xl-tracking-normal:0px;--eds-typography-ui-body-6xl-tracking-wide:4.07px;--eds-typography-ui-body-6xl-font-weight-lighter:300;--eds-typography-ui-body-6xl-font-weight-normal:400;--eds-typography-ui-body-6xl-font-weight-bolder:500;--eds-typography-ui-body-6xl-line-height-default:2.5rem;--eds-typography-ui-body-6xl-line-height-squished:2.25rem;--eds-typography-header-font-family:"Equinor";--eds-typography-header-xs-font-size:.75rem;--eds-typography-header-xs-tracking-tight:-1.15px;--eds-typography-header-xs-tracking-normal:0px;--eds-typography-header-xs-tracking-wide:1.15px;--eds-typography-header-xs-font-weight-lighter:300;--eds-typography-header-xs-font-weight-normal:400;--eds-typography-header-xs-font-weight-bolder:500;--eds-typography-header-xs-line-height-default:1rem;--eds-typography-header-xs-line-height-squished:.75rem;--eds-typography-header-sm-font-size:.875rem;--eds-typography-header-sm-tracking-tight:-1.32px;--eds-typography-header-sm-tracking-normal:0px;--eds-typography-header-sm-tracking-wide:1.32px;--eds-typography-header-sm-font-weight-lighter:300;--eds-typography-header-sm-font-weight-normal:400;--eds-typography-header-sm-font-weight-bolder:500;--eds-typography-header-sm-line-height-default:1rem;--eds-typography-header-sm-line-height-squished:.75rem;--eds-typography-header-md-font-size:1rem;--eds-typography-header-md-tracking-tight:-1.54px;--eds-typography-header-md-tracking-normal:0px;--eds-typography-header-md-tracking-wide:1.54px;--eds-typography-header-md-font-weight-lighter:300;--eds-typography-header-md-font-weight-normal:400;--eds-typography-header-md-font-weight-bolder:500;--eds-typography-header-md-line-height-default:1.25rem;--eds-typography-header-md-line-height-squished:1rem;--eds-typography-header-lg-font-size:1.125rem;--eds-typography-header-lg-tracking-tight:-1.76px;--eds-typography-header-lg-tracking-normal:0px;--eds-typography-header-lg-tracking-wide:1.76px;--eds-typography-header-lg-font-weight-lighter:300;--eds-typography-header-lg-font-weight-normal:400;--eds-typography-header-lg-font-weight-bolder:500;--eds-typography-header-lg-line-height-default:1.5rem;--eds-typography-header-lg-line-height-squished:1.25rem;--eds-typography-header-xl-font-size:1.313rem;--eds-typography-header-xl-tracking-tight:-1.76px;--eds-typography-header-xl-tracking-normal:0px;--eds-typography-header-xl-tracking-wide:2.035px;--eds-typography-header-xl-font-weight-lighter:300;--eds-typography-header-xl-font-weight-normal:400;--eds-typography-header-xl-font-weight-bolder:500;--eds-typography-header-xl-line-height-default:1.5rem;--eds-typography-header-xl-line-height-squished:1.25rem;--eds-typography-header-2xl-font-size:1.5rem;--eds-typography-header-2xl-tracking-tight:-2.31px;--eds-typography-header-2xl-tracking-normal:0px;--eds-typography-header-2xl-tracking-wide:2.31px;--eds-typography-header-2xl-font-weight-lighter:300;--eds-typography-header-2xl-font-weight-normal:400;--eds-typography-header-2xl-font-weight-bolder:500;--eds-typography-header-2xl-line-height-default:1.75rem;--eds-typography-header-2xl-line-height-squished:1.5rem;--eds-typography-header-3xl-font-size:1.719rem;--eds-typography-header-3xl-tracking-tight:-2.695px;--eds-typography-header-3xl-tracking-normal:0px;--eds-typography-header-3xl-tracking-wide:2.695px;--eds-typography-header-3xl-font-weight-lighter:300;--eds-typography-header-3xl-font-weight-normal:400;--eds-typography-header-3xl-font-weight-bolder:500;--eds-typography-header-3xl-line-height-default:2rem;--eds-typography-header-3xl-line-height-squished:1.75rem;--eds-typography-header-4xl-font-size:1.969rem;--eds-typography-header-4xl-tracking-tight:-3.08px;--eds-typography-header-4xl-tracking-normal:0px;--eds-typography-header-4xl-tracking-wide:3.08px;--eds-typography-header-4xl-font-weight-lighter:300;--eds-typography-header-4xl-font-weight-normal:400;--eds-typography-header-4xl-font-weight-bolder:500;--eds-typography-header-4xl-line-height-default:2rem;--eds-typography-header-4xl-line-height-squished:1.75rem;--eds-typography-header-5xl-font-size:2.281rem;--eds-typography-header-5xl-tracking-tight:-3.52px;--eds-typography-header-5xl-tracking-normal:0px;--eds-typography-header-5xl-tracking-wide:3.52px;--eds-typography-header-5xl-font-weight-lighter:300;--eds-typography-header-5xl-font-weight-normal:400;--eds-typography-header-5xl-font-weight-bolder:500;--eds-typography-header-5xl-line-height-default:2.25rem;--eds-typography-header-5xl-line-height-squished:2rem;--eds-typography-header-6xl-font-size:2.625rem;--eds-typography-header-6xl-tracking-tight:-4.07px;--eds-typography-header-6xl-tracking-normal:0px;--eds-typography-header-6xl-tracking-wide:4.07px;--eds-typography-header-6xl-font-weight-lighter:300;--eds-typography-header-6xl-font-weight-normal:400;--eds-typography-header-6xl-font-weight-bolder:500;--eds-typography-header-6xl-line-height-default:2.5rem;--eds-typography-header-6xl-line-height-squished:2.25rem}[data-density=comfortable]{--eds-sizing-icon-xs:.875rem;--eds-sizing-icon-sm:1rem;--eds-sizing-icon-md:1.125rem;--eds-sizing-icon-lg:1.25rem;--eds-sizing-icon-xl:1.5rem;--eds-sizing-icon-2xl:1.75rem;--eds-sizing-icon-3xl:2rem;--eds-sizing-icon-4xl:2.313rem;--eds-sizing-icon-5xl:2.625rem;--eds-sizing-icon-6xl:3rem;--eds-sizing-selectable-xs:1rem;--eds-sizing-selectable-sm:1.25rem;--eds-sizing-selectable-md:1.5rem;--eds-sizing-selectable-lg:2.25rem;--eds-sizing-selectable-xl:2.75rem;--eds-sizing-selectable-2xl:3.25rem;--eds-sizing-stroke-thin:.063rem;--eds-sizing-stroke-thick:.125rem;--eds-sizing-stroke-none:0rem;--eds-spacing-icon-xs-gap-horizontal:.344rem;--eds-spacing-icon-xs-gap-vertical:.344rem;--eds-spacing-icon-sm-gap-horizontal:.406rem;--eds-spacing-icon-sm-gap-vertical:.406rem;--eds-spacing-icon-md-gap-horizontal:.469rem;--eds-spacing-icon-md-gap-vertical:.469rem;--eds-spacing-icon-lg-gap-horizontal:.531rem;--eds-spacing-icon-lg-gap-vertical:.531rem;--eds-spacing-icon-xl-gap-horizontal:.625rem;--eds-spacing-icon-xl-gap-vertical:.625rem;--eds-spacing-icon-2xl-gap-horizontal:.719rem;--eds-spacing-icon-2xl-gap-vertical:.719rem;--eds-spacing-icon-3xl-gap-horizontal:.813rem;--eds-spacing-icon-3xl-gap-vertical:.813rem;--eds-spacing-icon-4xl-gap-horizontal:.938rem;--eds-spacing-icon-4xl-gap-vertical:.938rem;--eds-spacing-icon-5xl-gap-horizontal:1.094rem;--eds-spacing-icon-5xl-gap-vertical:1.094rem;--eds-spacing-icon-6xl-gap-horizontal:1.25rem;--eds-spacing-icon-6xl-gap-vertical:1.25rem;--eds-spacing-border-radius-rounded:.188rem;--eds-spacing-border-radius-pill:62.5rem;--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-horizontal:.375rem;--eds-spacing-inset-xs-vertical-squished:.25rem;--eds-spacing-inset-xs-vertical-squared:.375rem;--eds-spacing-inset-xs-vertical-stretched:.5rem;--eds-spacing-inset-sm-horizontal:.5rem;--eds-spacing-inset-sm-vertical-squished:.375rem;--eds-spacing-inset-sm-vertical-squared:.5rem;--eds-spacing-inset-sm-vertical-stretched:.75rem;--eds-spacing-inset-md-horizontal:.75rem;--eds-spacing-inset-md-vertical-squished:.5rem;--eds-spacing-inset-md-vertical-squared:.75rem;--eds-spacing-inset-md-vertical-stretched:1rem;--eds-spacing-inset-lg-horizontal:1rem;--eds-spacing-inset-lg-vertical-squished:.75rem;--eds-spacing-inset-lg-vertical-squared:1rem;--eds-spacing-inset-lg-vertical-stretched:1.25rem;--eds-spacing-inset-xl-horizontal:1.25rem;--eds-spacing-inset-xl-vertical-squished:1rem;--eds-spacing-inset-xl-vertical-squared:1.25rem;--eds-spacing-inset-xl-vertical-stretched:1.5rem;--eds-spacing-horizontal-4xs:.063rem;--eds-spacing-horizontal-3xs:.125rem;--eds-spacing-horizontal-2xs:.25rem;--eds-spacing-horizontal-xs:.375rem;--eds-spacing-horizontal-sm:.5rem;--eds-spacing-horizontal-md:.75rem;--eds-spacing-horizontal-lg:1rem;--eds-spacing-horizontal-xl:1.25rem;--eds-spacing-horizontal-2xl:1.5rem;--eds-spacing-horizontal-3xl:1.75rem;--eds-spacing-vertical-4xs:.063rem;--eds-spacing-vertical-3xs:.125rem;--eds-spacing-vertical-2xs:.25rem;--eds-spacing-vertical-xs:.375rem;--eds-spacing-vertical-sm:.5rem;--eds-spacing-vertical-md:.75rem;--eds-spacing-vertical-lg:1rem;--eds-spacing-vertical-xl:1.25rem;--eds-spacing-vertical-2xl:1.5rem;--eds-spacing-vertical-3xl:1.75rem;--eds-typography-ui-body-xs-font-size:.563rem;--eds-typography-ui-body-xs-tracking-tight:-.99px;--eds-typography-ui-body-xs-tracking-normal:0px;--eds-typography-ui-body-xs-tracking-wide:.99px;--eds-typography-ui-body-xs-font-weight-lighter:300;--eds-typography-ui-body-xs-font-weight-normal:400;--eds-typography-ui-body-xs-font-weight-bolder:500;--eds-typography-ui-body-xs-line-height-default:.75rem;--eds-typography-ui-body-xs-line-height-squished:.75rem;--eds-typography-ui-body-sm-font-size:.656rem;--eds-typography-ui-body-sm-tracking-tight:-1.15px;--eds-typography-ui-body-sm-tracking-normal:0px;--eds-typography-ui-body-sm-tracking-wide:1.15px;--eds-typography-ui-body-sm-font-weight-lighter:300;--eds-typography-ui-body-sm-font-weight-normal:400;--eds-typography-ui-body-sm-font-weight-bolder:500;--eds-typography-ui-body-sm-line-height-default:1rem;--eds-typography-ui-body-sm-line-height-squished:.75rem;--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:.75rem;--eds-typography-ui-body-md-tracking-tight:-1.32px;--eds-typography-ui-body-md-tracking-normal:0px;--eds-typography-ui-body-md-tracking-wide:1.32px;--eds-typography-ui-body-md-font-weight-lighter:300;--eds-typography-ui-body-md-font-weight-normal:400;--eds-typography-ui-body-md-font-weight-bolder:500;--eds-typography-ui-body-md-line-height-default:1rem;--eds-typography-ui-body-md-line-height-squished:.75rem;--eds-typography-ui-body-lg-font-size:.875rem;--eds-typography-ui-body-lg-tracking-tight:-1.54px;--eds-typography-ui-body-lg-tracking-normal:0px;--eds-typography-ui-body-lg-tracking-wide:1.54px;--eds-typography-ui-body-lg-font-weight-lighter:300;--eds-typography-ui-body-lg-font-weight-normal:400;--eds-typography-ui-body-lg-font-weight-bolder:500;--eds-typography-ui-body-lg-line-height-default:1.25rem;--eds-typography-ui-body-lg-line-height-squished:1rem;--eds-typography-ui-body-xl-font-size:1rem;--eds-typography-ui-body-xl-tracking-tight:-1.76px;--eds-typography-ui-body-xl-tracking-normal:0px;--eds-typography-ui-body-xl-tracking-wide:1.76px;--eds-typography-ui-body-xl-font-weight-lighter:300;--eds-typography-ui-body-xl-font-weight-normal:400;--eds-typography-ui-body-xl-font-weight-bolder:500;--eds-typography-ui-body-xl-line-height-default:1.5rem;--eds-typography-ui-body-xl-line-height-squished:1.25rem;--eds-typography-ui-body-2xl-font-size:1.156rem;--eds-typography-ui-body-2xl-tracking-tight:-1.76px;--eds-typography-ui-body-2xl-tracking-normal:0px;--eds-typography-ui-body-2xl-tracking-wide:2.035px;--eds-typography-ui-body-2xl-font-weight-lighter:300;--eds-typography-ui-body-2xl-font-weight-normal:400;--eds-typography-ui-body-2xl-font-weight-bolder:500;--eds-typography-ui-body-2xl-line-height-default:1.5rem;--eds-typography-ui-body-2xl-line-height-squished:1.25rem;--eds-typography-ui-body-3xl-font-size:1.313rem;--eds-typography-ui-body-3xl-tracking-tight:-2.31px;--eds-typography-ui-body-3xl-tracking-normal:0px;--eds-typography-ui-body-3xl-tracking-wide:2.31px;--eds-typography-ui-body-3xl-font-weight-lighter:300;--eds-typography-ui-body-3xl-font-weight-normal:400;--eds-typography-ui-body-3xl-font-weight-bolder:500;--eds-typography-ui-body-3xl-line-height-default:1.75rem;--eds-typography-ui-body-3xl-line-height-squished:1.5rem;--eds-typography-ui-body-4xl-font-size:1.531rem;--eds-typography-ui-body-4xl-tracking-tight:-2.695px;--eds-typography-ui-body-4xl-tracking-normal:0px;--eds-typography-ui-body-4xl-tracking-wide:2.695px;--eds-typography-ui-body-4xl-font-weight-lighter:300;--eds-typography-ui-body-4xl-font-weight-normal:400;--eds-typography-ui-body-4xl-font-weight-bolder:500;--eds-typography-ui-body-4xl-line-height-default:2rem;--eds-typography-ui-body-4xl-line-height-squished:1.75rem;--eds-typography-ui-body-5xl-font-size:1.75rem;--eds-typography-ui-body-5xl-tracking-tight:-3.08px;--eds-typography-ui-body-5xl-tracking-normal:0px;--eds-typography-ui-body-5xl-tracking-wide:3.08px;--eds-typography-ui-body-5xl-font-weight-lighter:300;--eds-typography-ui-body-5xl-font-weight-normal:400;--eds-typography-ui-body-5xl-font-weight-bolder:500;--eds-typography-ui-body-5xl-line-height-default:2rem;--eds-typography-ui-body-5xl-line-height-squished:1.75rem;--eds-typography-ui-body-6xl-font-size:2rem;--eds-typography-ui-body-6xl-tracking-tight:-3.52px;--eds-typography-ui-body-6xl-tracking-normal:0px;--eds-typography-ui-body-6xl-tracking-wide:3.52px;--eds-typography-ui-body-6xl-font-weight-lighter:300;--eds-typography-ui-body-6xl-font-weight-normal:0px;--eds-typography-ui-body-6xl-font-weight-bolder:500;--eds-typography-ui-body-6xl-line-height-default:2.25rem;--eds-typography-ui-body-6xl-line-height-squished:2rem;--eds-typography-header-font-family:"Equinor";--eds-typography-header-xs-font-size:.656rem;--eds-typography-header-xs-tracking-tight:-.99px;--eds-typography-header-xs-tracking-normal:0px;--eds-typography-header-xs-tracking-wide:.99px;--eds-typography-header-xs-font-weight-lighter:300;--eds-typography-header-xs-font-weight-normal:400;--eds-typography-header-xs-font-weight-bolder:500;--eds-typography-header-xs-line-height-default:.75rem;--eds-typography-header-xs-line-height-squished:.75rem;--eds-typography-header-sm-font-size:.75rem;--eds-typography-header-sm-tracking-tight:-1.15px;--eds-typography-header-sm-tracking-normal:0px;--eds-typography-header-sm-tracking-wide:1.15px;--eds-typography-header-sm-font-weight-lighter:300;--eds-typography-header-sm-font-weight-normal:400;--eds-typography-header-sm-font-weight-bolder:500;--eds-typography-header-sm-line-height-default:1rem;--eds-typography-header-sm-line-height-squished:.75rem;--eds-typography-header-md-font-size:.875rem;--eds-typography-header-md-tracking-tight:-1.32px;--eds-typography-header-md-tracking-normal:0px;--eds-typography-header-md-tracking-wide:1.32px;--eds-typography-header-md-font-weight-lighter:300;--eds-typography-header-md-font-weight-normal:400;--eds-typography-header-md-font-weight-bolder:500;--eds-typography-header-md-line-height-default:1rem;--eds-typography-header-md-line-height-squished:.75rem;--eds-typography-header-lg-font-size:1rem;--eds-typography-header-lg-tracking-tight:-1.54px;--eds-typography-header-lg-tracking-normal:0px;--eds-typography-header-lg-tracking-wide:1.54px;--eds-typography-header-lg-font-weight-lighter:300;--eds-typography-header-lg-font-weight-normal:400;--eds-typography-header-lg-font-weight-bolder:500;--eds-typography-header-lg-line-height-default:1.25rem;--eds-typography-header-lg-line-height-squished:1rem;--eds-typography-header-xl-font-size:1.125rem;--eds-typography-header-xl-tracking-tight:-1.76px;--eds-typography-header-xl-tracking-normal:0px;--eds-typography-header-xl-tracking-wide:1.76px;--eds-typography-header-xl-font-weight-lighter:300;--eds-typography-header-xl-font-weight-normal:400;--eds-typography-header-xl-font-weight-bolder:500;--eds-typography-header-xl-line-height-default:1.5rem;--eds-typography-header-xl-line-height-squished:1.25rem;--eds-typography-header-2xl-font-size:1.313rem;--eds-typography-header-2xl-tracking-tight:-1.76px;--eds-typography-header-2xl-tracking-normal:0px;--eds-typography-header-2xl-tracking-wide:2.035px;--eds-typography-header-2xl-font-weight-lighter:300;--eds-typography-header-2xl-font-weight-normal:400;--eds-typography-header-2xl-font-weight-bolder:500;--eds-typography-header-2xl-line-height-default:1.5rem;--eds-typography-header-2xl-line-height-squished:1.25rem;--eds-typography-header-3xl-font-size:1.5rem;--eds-typography-header-3xl-tracking-tight:-2.31px;--eds-typography-header-3xl-tracking-normal:0px;--eds-typography-header-3xl-tracking-wide:2.31px;--eds-typography-header-3xl-font-weight-lighter:300;--eds-typography-header-3xl-font-weight-normal:400;--eds-typography-header-3xl-font-weight-bolder:500;--eds-typography-header-3xl-line-height-default:1.75rem;--eds-typography-header-3xl-line-height-squished:1.5rem;--eds-typography-header-4xl-font-size:1.719rem;--eds-typography-header-4xl-tracking-tight:-2.695px;--eds-typography-header-4xl-tracking-normal:0px;--eds-typography-header-4xl-tracking-wide:2.695px;--eds-typography-header-4xl-font-weight-lighter:300;--eds-typography-header-4xl-font-weight-normal:400;--eds-typography-header-4xl-font-weight-bolder:500;--eds-typography-header-4xl-line-height-default:2rem;--eds-typography-header-4xl-line-height-squished:1.75rem;--eds-typography-header-5xl-font-size:1.969rem;--eds-typography-header-5xl-tracking-tight:-3.08px;--eds-typography-header-5xl-tracking-normal:0px;--eds-typography-header-5xl-tracking-wide:3.08px;--eds-typography-header-5xl-font-weight-lighter:300;--eds-typography-header-5xl-font-weight-normal:400;--eds-typography-header-5xl-font-weight-bolder:500;--eds-typography-header-5xl-line-height-default:2rem;--eds-typography-header-5xl-line-height-squished:1.75rem;--eds-typography-header-6xl-font-size:2.281rem;--eds-typography-header-6xl-tracking-tight:-3.52px;--eds-typography-header-6xl-tracking-normal:0px;--eds-typography-header-6xl-tracking-wide:3.52px;--eds-typography-header-6xl-font-weight-lighter:300;--eds-typography-header-6xl-font-weight-normal:400;--eds-typography-header-6xl-font-weight-bolder:500;--eds-typography-header-6xl-line-height-default:2.25rem;--eds-typography-header-6xl-line-height-squished:2rem}[data-space-proportions=squished]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-squished);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-squished);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-squished);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-squished);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-squished)}:root,[data-space-proportions=squared]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-squared);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-squared);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-squared);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-squared);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-squared)}[data-space-proportions=stretched]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-stretched);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-stretched);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-stretched);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-stretched);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-stretched)}:root,[data-selectable-space=xs]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-xs-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-xs-vertical)}[data-selectable-space=sm]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-sm-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-sm-vertical)}[data-selectable-space=md]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-md-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-md-vertical)}[data-selectable-space=lg]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-lg-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-lg-vertical)}[data-selectable-space=xl]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-xl-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-xl-vertical)}[data-horizontal-gap=none]{--eds-generic-gap-horizontal:0}[data-horizontal-gap="4xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-4xs)}[data-horizontal-gap="3xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-3xs)}[data-horizontal-gap="2xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-2xs)}:root,[data-horizontal-gap=xs]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-xs)}[data-horizontal-gap=sm]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-sm)}[data-horizontal-gap=md]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-md)}[data-horizontal-gap=lg]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-lg)}[data-horizontal-gap=xl]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-xl)}[data-horizontal-gap="2xl"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-2xl)}[data-horizontal-gap="3xl"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-3xl)}[data-vertical-gap=none]{--eds-generic-gap-vertical:0}[data-vertical-gap="4xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-4xs)}[data-vertical-gap="3xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-3xs)}[data-vertical-gap="2xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-2xs)}:root,[data-vertical-gap=xs]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-xs)}[data-vertical-gap=sm]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-sm)}[data-vertical-gap=md]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-md)}[data-vertical-gap=lg]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-lg)}[data-vertical-gap=xl]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-xl)}[data-vertical-gap="2xl"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-2xl)}[data-vertical-gap="3xl"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-3xl)}[data-horizontal-space=none]{--eds-generic-space-horizontal:0}[data-horizontal-space="4xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-4xs)}[data-horizontal-space="3xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-3xs)}[data-horizontal-space="2xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-2xs)}:root,[data-horizontal-space=xs]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-xs)}[data-horizontal-space=sm]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-sm)}[data-horizontal-space=md]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-md)}[data-horizontal-space=lg]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-lg)}[data-horizontal-space=xl]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-xl)}[data-horizontal-space="2xl"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-2xl)}[data-horizontal-space="3xl"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-3xl)}[data-vertical-space=none]{--eds-generic-space-vertical:0}[data-vertical-space="4xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-4xs)}[data-vertical-space="3xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-3xs)}[data-vertical-space="2xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-2xs)}:root,[data-vertical-space=xs]{--eds-generic-space-vertical:var(--eds-spacing-vertical-xs)}[data-vertical-space=sm]{--eds-generic-space-vertical:var(--eds-spacing-vertical-sm)}[data-vertical-space=md]{--eds-generic-space-vertical:var(--eds-spacing-vertical-md)}[data-vertical-space=lg]{--eds-generic-space-vertical:var(--eds-spacing-vertical-lg)}[data-vertical-space=xl]{--eds-generic-space-vertical:var(--eds-spacing-vertical-xl)}[data-vertical-space="2xl"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-2xl)}[data-vertical-space="3xl"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-3xl)}:root,[data-space-proportions]{--eds-container-space-horizontal:var(--eds-spacing-proportions-md-horizontal);--eds-container-space-vertical:var(--eds-spacing-proportions-md-vertical);--eds-page-space-horizontal:var(--eds-spacing-proportions-xl-horizontal);--eds-page-space-vertical:var(--eds-spacing-proportions-xl-vertical)}:root{--eds-selectable-gap-horizontal:var(--eds-spacing-horizontal-xs);--eds-selectable-gap-vertical:var(--eds-spacing-vertical-xs);--eds-container-gap-horizontal:var(--eds-spacing-horizontal-md);--eds-container-gap-vertical:var(--eds-spacing-vertical-md);--eds-page-gap-horizontal:var(--eds-spacing-horizontal-xl);--eds-page-gap-vertical:var(--eds-spacing-vertical-xl)}@property --eds-typography-font-size{syntax:"<length>";inherits:true;initial-value:16px}[data-font-family]{display:block;font-family:var(--eds-typography-font-family);font-size:var(--eds-typography-font-size);font-weight:var(--eds-typography-font-weight);letter-spacing:var(--eds-typography-tracking);line-height:var(--eds-typography-line-height);margin:0}@supports (text-box:trim-both cap alphabetic){[data-baseline=grid]{text-box:trim-both ex alphabetic;padding-bottom:0;padding-top:calc(round(1cap,4px) - 1ex)}[data-baseline=center]{text-box:trim-both ex alphabetic;padding-bottom:calc(round(1cap,4px)/2 - .5cap);padding-top:calc(round(1cap,4px)/2 + .5cap - 1ex)}}[data-font-family=header]{--eds-typography-font-family:var(--eds-typography-header-font-family);--eds-font-family-size-xs-font-size:var(--eds-typography-header-xs-font-size);--eds-font-family-size-xs-tracking-tight:var(--eds-typography-header-xs-tracking-tight);--eds-font-family-size-xs-tracking-normal:var(--eds-typography-header-xs-tracking-normal);--eds-font-family-size-xs-tracking-wide:var(--eds-typography-header-xs-tracking-wide);--eds-font-family-size-xs-font-weight-lighter:var(--eds-typography-header-xs-font-weight-lighter);--eds-font-family-size-xs-font-weight-normal:var(--eds-typography-header-xs-font-weight-normal);--eds-font-family-size-xs-font-weight-bolder:var(--eds-typography-header-xs-font-weight-bolder);--eds-font-family-size-sm-font-size:var(--eds-typography-header-sm-font-size);--eds-font-family-size-sm-tracking-tight:var(--eds-typography-header-sm-tracking-tight);--eds-font-family-size-sm-tracking-normal:var(--eds-typography-header-sm-tracking-normal);--eds-font-family-size-sm-tracking-wide:var(--eds-typography-header-sm-tracking-wide);--eds-font-family-size-sm-font-weight-lighter:var(--eds-typography-header-sm-font-weight-lighter);--eds-font-family-size-sm-font-weight-normal:var(--eds-typography-header-sm-font-weight-normal);--eds-font-family-size-sm-font-weight-bolder:var(--eds-typography-header-sm-font-weight-bolder);--eds-font-family-size-md-font-size:var(--eds-typography-header-md-font-size);--eds-font-family-size-md-tracking-tight:var(--eds-typography-header-md-tracking-tight);--eds-font-family-size-md-tracking-normal:var(--eds-typography-header-md-tracking-normal);--eds-font-family-size-md-tracking-wide:var(--eds-typography-header-md-tracking-wide);--eds-font-family-size-md-font-weight-lighter:var(--eds-typography-header-md-font-weight-lighter);--eds-font-family-size-md-font-weight-normal:var(--eds-typography-header-md-font-weight-normal);--eds-font-family-size-md-font-weight-bolder:var(--eds-typography-header-md-font-weight-bolder);--eds-font-family-size-lg-font-size:var(--eds-typography-header-lg-font-size);--eds-font-family-size-lg-tracking-tight:var(--eds-typography-header-lg-tracking-tight);--eds-font-family-size-lg-tracking-normal:var(--eds-typography-header-lg-tracking-normal);--eds-font-family-size-lg-tracking-wide:var(--eds-typography-header-lg-tracking-wide);--eds-font-family-size-lg-font-weight-lighter:var(--eds-typography-header-lg-font-weight-lighter);--eds-font-family-size-lg-font-weight-normal:var(--eds-typography-header-lg-font-weight-normal);--eds-font-family-size-lg-font-weight-bolder:var(--eds-typography-header-lg-font-weight-bolder);--eds-font-family-size-xl-font-size:var(--eds-typography-header-xl-font-size);--eds-font-family-size-xl-tracking-tight:var(--eds-typography-header-xl-tracking-tight);--eds-font-family-size-xl-tracking-normal:var(--eds-typography-header-xl-tracking-normal);--eds-font-family-size-xl-tracking-wide:var(--eds-typography-header-xl-tracking-wide);--eds-font-family-size-xl-font-weight-lighter:var(--eds-typography-header-xl-font-weight-lighter);--eds-font-family-size-xl-font-weight-normal:var(--eds-typography-header-xl-font-weight-normal);--eds-font-family-size-xl-font-weight-bolder:var(--eds-typography-header-xl-font-weight-bolder);--eds-font-family-size-2xl-font-size:var(--eds-typography-header-2xl-font-size);--eds-font-family-size-2xl-tracking-tight:var(--eds-typography-header-2xl-tracking-tight);--eds-font-family-size-2xl-tracking-normal:var(--eds-typography-header-2xl-tracking-normal);--eds-font-family-size-2xl-tracking-wide:var(--eds-typography-header-2xl-tracking-wide);--eds-font-family-size-2xl-font-weight-lighter:var(--eds-typography-header-2xl-font-weight-lighter);--eds-font-family-size-2xl-font-weight-normal:var(--eds-typography-header-2xl-font-weight-normal);--eds-font-family-size-2xl-font-weight-bolder:var(--eds-typography-header-2xl-font-weight-bolder);--eds-font-family-size-3xl-font-size:var(--eds-typography-header-3xl-font-size);--eds-font-family-size-3xl-tracking-tight:var(--eds-typography-header-3xl-tracking-tight);--eds-font-family-size-3xl-tracking-normal:var(--eds-typography-header-3xl-tracking-normal);--eds-font-family-size-3xl-tracking-wide:var(--eds-typography-header-3xl-tracking-wide);--eds-font-family-size-3xl-font-weight-lighter:var(--eds-typography-header-3xl-font-weight-lighter);--eds-font-family-size-3xl-font-weight-normal:var(--eds-typography-header-3xl-font-weight-normal);--eds-font-family-size-3xl-font-weight-bolder:var(--eds-typography-header-3xl-font-weight-bolder);--eds-font-family-size-4xl-font-size:var(--eds-typography-header-4xl-font-size);--eds-font-family-size-4xl-tracking-tight:var(--eds-typography-header-4xl-tracking-tight);--eds-font-family-size-4xl-tracking-normal:var(--eds-typography-header-4xl-tracking-normal);--eds-font-family-size-4xl-tracking-wide:var(--eds-typography-header-4xl-tracking-wide);--eds-font-family-size-4xl-font-weight-lighter:var(--eds-typography-header-4xl-font-weight-lighter);--eds-font-family-size-4xl-font-weight-normal:var(--eds-typography-header-4xl-font-weight-normal);--eds-font-family-size-4xl-font-weight-bolder:var(--eds-typography-header-4xl-font-weight-bolder);--eds-font-family-size-5xl-font-size:var(--eds-typography-header-5xl-font-size);--eds-font-family-size-5xl-tracking-tight:var(--eds-typography-header-5xl-tracking-tight);--eds-font-family-size-5xl-tracking-normal:var(--eds-typography-header-5xl-tracking-normal);--eds-font-family-size-5xl-tracking-wide:var(--eds-typography-header-5xl-tracking-wide);--eds-font-family-size-5xl-font-weight-lighter:var(--eds-typography-header-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-normal:var(--eds-typography-header-5xl-font-weight-normal);--eds-font-family-size-5xl-font-weight-bolder:var(--eds-typography-header-5xl-font-weight-bolder);--eds-font-family-size-6xl-font-size:var(--eds-typography-header-6xl-font-size);--eds-font-family-size-6xl-tracking-tight:var(--eds-typography-header-6xl-tracking-tight);--eds-font-family-size-6xl-tracking-normal:var(--eds-typography-header-6xl-tracking-normal);--eds-font-family-size-6xl-tracking-wide:var(--eds-typography-header-6xl-tracking-wide);--eds-font-family-size-6xl-font-weight-lighter:var(--eds-typography-header-6xl-font-weight-lighter);--eds-font-family-size-6xl-font-weight-normal:var(--eds-typography-header-6xl-font-weight-normal);--eds-font-family-size-6xl-font-weight-bolder:var(--eds-typography-header-6xl-font-weight-bolder);--eds-font-family-size-xs-line-height-default:var(--eds-typography-header-xs-line-height-default);--eds-font-family-size-xs-line-height-squished:var(--eds-typography-header-xs-line-height-squished);--eds-font-family-size-sm-line-height-default:var(--eds-typography-header-sm-line-height-default);--eds-font-family-size-sm-line-height-squished:var(--eds-typography-header-sm-line-height-squished);--eds-font-family-size-md-line-height-default:var(--eds-typography-header-md-line-height-default);--eds-font-family-size-md-line-height-squished:var(--eds-typography-header-md-line-height-squished);--eds-font-family-size-lg-line-height-default:var(--eds-typography-header-lg-line-height-default);--eds-font-family-size-lg-line-height-squished:var(--eds-typography-header-lg-line-height-squished);--eds-font-family-size-xl-line-height-default:var(--eds-typography-header-xl-line-height-default);--eds-font-family-size-xl-line-height-squished:var(--eds-typography-header-xl-line-height-squished);--eds-font-family-size-2xl-line-height-default:var(--eds-typography-header-2xl-line-height-default);--eds-font-family-size-2xl-line-height-squished:var(--eds-typography-header-2xl-line-height-squished);--eds-font-family-size-3xl-line-height-default:var(--eds-typography-header-3xl-line-height-default);--eds-font-family-size-3xl-line-height-squished:var(--eds-typography-header-3xl-line-height-default);--eds-font-family-size-4xl-line-height-default:var(--eds-typography-header-4xl-line-height-default);--eds-font-family-size-4xl-line-height-squished:var(--eds-typography-header-4xl-line-height-squished);--eds-font-family-size-5xl-line-height-default:var(--eds-typography-header-5xl-line-height-default);--eds-font-family-size-5xl-line-height-squished:var(--eds-typography-header-5xl-line-height-squished);--eds-font-family-size-6xl-line-height-default:var(--eds-typography-header-6xl-line-height-default);--eds-font-family-size-6xl-line-height-squished:var(--eds-typography-header-6xl-line-height-squished)}[data-font-family=ui]{--eds-typography-font-family:var(--eds-typography-ui-body-font-family);--eds-font-family-size-xs-font-size:var(--eds-typography-ui-body-xs-font-size);--eds-font-family-size-xs-tracking-tight:var(--eds-typography-ui-body-xs-tracking-tight);--eds-font-family-size-xs-tracking-normal:var(--eds-typography-ui-body-xs-tracking-normal);--eds-font-family-size-xs-tracking-wide:var(--eds-typography-ui-body-xs-tracking-wide);--eds-font-family-size-xs-font-weight-lighter:var(--eds-typography-ui-body-xs-font-weight-lighter);--eds-font-family-size-xs-font-weight-normal:var(--eds-typography-ui-body-xs-font-weight-normal);--eds-font-family-size-xs-font-weight-bolder:var(--eds-typography-ui-body-xs-font-weight-bolder);--eds-font-family-size-sm-font-size:var(--eds-typography-ui-body-sm-font-size);--eds-font-family-size-sm-tracking-tight:var(--eds-typography-ui-body-sm-tracking-tight);--eds-font-family-size-sm-tracking-normal:var(--eds-typography-ui-body-sm-tracking-normal);--eds-font-family-size-sm-tracking-wide:var(--eds-typography-ui-body-sm-tracking-wide);--eds-font-family-size-sm-font-weight-lighter:var(--eds-typography-ui-body-sm-font-weight-lighter);--eds-font-family-size-sm-font-weight-normal:var(--eds-typography-ui-body-sm-font-weight-normal);--eds-font-family-size-sm-font-weight-bolder:var(--eds-typography-ui-body-sm-font-weight-bolder);--eds-font-family-size-md-font-size:var(--eds-typography-ui-body-md-font-size);--eds-font-family-size-md-tracking-tight:var(--eds-typography-ui-body-md-tracking-tight);--eds-font-family-size-md-tracking-normal:var(--eds-typography-ui-body-md-tracking-normal);--eds-font-family-size-md-tracking-wide:var(--eds-typography-ui-body-md-tracking-wide);--eds-font-family-size-md-font-weight-lighter:var(--eds-typography-ui-body-md-font-weight-lighter);--eds-font-family-size-md-font-weight-normal:var(--eds-typography-ui-body-md-font-weight-normal);--eds-font-family-size-md-font-weight-bolder:var(--eds-typography-ui-body-md-font-weight-bolder);--eds-font-family-size-lg-font-size:var(--eds-typography-ui-body-lg-font-size);--eds-font-family-size-lg-tracking-tight:var(--eds-typography-ui-body-lg-tracking-tight);--eds-font-family-size-lg-tracking-normal:var(--eds-typography-ui-body-lg-tracking-normal);--eds-font-family-size-lg-tracking-wide:var(--eds-typography-ui-body-lg-tracking-wide);--eds-font-family-size-lg-font-weight-lighter:var(--eds-typography-ui-body-lg-font-weight-lighter);--eds-font-family-size-lg-font-weight-normal:var(--eds-typography-ui-body-lg-font-weight-normal);--eds-font-family-size-lg-font-weight-bolder:var(--eds-typography-ui-body-lg-font-weight-bolder);--eds-font-family-size-xl-font-size:var(--eds-typography-ui-body-xl-font-size);--eds-font-family-size-xl-tracking-tight:var(--eds-typography-ui-body-xl-tracking-tight);--eds-font-family-size-xl-tracking-normal:var(--eds-typography-ui-body-xl-tracking-normal);--eds-font-family-size-xl-tracking-wide:var(--eds-typography-ui-body-xl-tracking-wide);--eds-font-family-size-xl-font-weight-lighter:var(--eds-typography-ui-body-xl-font-weight-lighter);--eds-font-family-size-xl-font-weight-normal:var(--eds-typography-ui-body-xl-font-weight-normal);--eds-font-family-size-xl-font-weight-bolder:var(--eds-typography-ui-body-xl-font-weight-bolder);--eds-font-family-size-2xl-font-size:var(--eds-typography-ui-body-2xl-font-size);--eds-font-family-size-2xl-tracking-tight:var(--eds-typography-ui-body-2xl-tracking-tight);--eds-font-family-size-2xl-tracking-normal:var(--eds-typography-ui-body-2xl-tracking-normal);--eds-font-family-size-2xl-tracking-wide:var(--eds-typography-ui-body-2xl-tracking-wide);--eds-font-family-size-2xl-font-weight-lighter:var(--eds-typography-ui-body-2xl-font-weight-lighter);--eds-font-family-size-2xl-font-weight-normal:var(--eds-typography-ui-body-2xl-font-weight-normal);--eds-font-family-size-2xl-font-weight-bolder:var(--eds-typography-ui-body-2xl-font-weight-bolder);--eds-font-family-size-3xl-font-size:var(--eds-typography-ui-body-3xl-font-size);--eds-font-family-size-3xl-tracking-tight:var(--eds-typography-ui-body-3xl-tracking-tight);--eds-font-family-size-3xl-tracking-normal:var(--eds-typography-ui-body-3xl-tracking-normal);--eds-font-family-size-3xl-tracking-wide:var(--eds-typography-ui-body-3xl-tracking-wide);--eds-font-family-size-3xl-font-weight-lighter:var(--eds-typography-ui-body-3xl-font-weight-lighter);--eds-font-family-size-3xl-font-weight-normal:var(--eds-typography-ui-body-3xl-font-weight-normal);--eds-font-family-size-3xl-font-weight-bolder:var(--eds-typography-ui-body-3xl-font-weight-bolder);--eds-font-family-size-4xl-font-size:var(--eds-typography-ui-body-4xl-font-size);--eds-font-family-size-4xl-tracking-tight:var(--eds-typography-ui-body-4xl-tracking-tight);--eds-font-family-size-4xl-tracking-normal:var(--eds-typography-ui-body-4xl-tracking-normal);--eds-font-family-size-4xl-tracking-wide:var(--eds-typography-ui-body-4xl-tracking-wide);--eds-font-family-size-4xl-font-weight-lighter:var(--eds-typography-ui-body-4xl-font-weight-lighter);--eds-font-family-size-4xl-font-weight-normal:var(--eds-typography-ui-body-4xl-font-weight-normal);--eds-font-family-size-4xl-font-weight-bolder:var(--eds-typography-ui-body-4xl-font-weight-bolder);--eds-font-family-size-5xl-font-size:var(--eds-typography-ui-body-5xl-font-size);--eds-font-family-size-5xl-tracking-tight:var(--eds-typography-ui-body-5xl-tracking-tight);--eds-font-family-size-5xl-tracking-normal:var(--eds-typography-ui-body-5xl-tracking-normal);--eds-font-family-size-5xl-tracking-wide:var(--eds-typography-ui-body-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-lighter:var(--eds-typography-ui-body-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-normal:var(--eds-typography-ui-body-5xl-font-weight-normal);--eds-font-family-size-5xl-font-weight-bolder:var(--eds-typography-ui-body-5xl-font-weight-bolder);--eds-font-family-size-6xl-font-size:var(--eds-typography-ui-body-6xl-font-size);--eds-font-family-size-6xl-tracking-tight:var(--eds-typography-ui-body-6xl-tracking-tight);--eds-font-family-size-6xl-tracking-normal:var(--eds-typography-ui-body-6xl-tracking-normal);--eds-font-family-size-6xl-tracking-wide:var(--eds-typography-ui-body-6xl-tracking-wide);--eds-font-family-size-6xl-font-weight-lighter:var(--eds-typography-ui-body-6xl-font-weight-lighter);--eds-font-family-size-6xl-font-weight-normal:var(--eds-typography-ui-body-6xl-font-weight-normal);--eds-font-family-size-6xl-font-weight-bolder:var(--eds-typography-ui-body-6xl-font-weight-bolder);--eds-font-family-size-xs-line-height-default:var(--eds-typography-ui-body-xs-line-height-default);--eds-font-family-size-xs-line-height-squished:var(--eds-typography-ui-body-xs-line-height-squished);--eds-font-family-size-sm-line-height-default:var(--eds-typography-ui-body-sm-line-height-default);--eds-font-family-size-sm-line-height-squished:var(--eds-typography-ui-body-sm-line-height-squished);--eds-font-family-size-md-line-height-default:var(--eds-typography-ui-body-md-line-height-default);--eds-font-family-size-md-line-height-squished:var(--eds-typography-ui-body-md-line-height-squished);--eds-font-family-size-lg-line-height-default:var(--eds-typography-ui-body-lg-line-height-default);--eds-font-family-size-lg-line-height-squished:var(--eds-typography-ui-body-lg-line-height-squished);--eds-font-family-size-xl-line-height-default:var(--eds-typography-ui-body-xl-line-height-default);--eds-font-family-size-xl-line-height-squished:var(--eds-typography-ui-body-xl-line-height-squished);--eds-font-family-size-2xl-line-height-default:var(--eds-typography-ui-body-2xl-line-height-default);--eds-font-family-size-2xl-line-height-squished:var(--eds-typography-ui-body-2xl-line-height-squished);--eds-font-family-size-3xl-line-height-default:var(--eds-typography-ui-body-3xl-line-height-default);--eds-font-family-size-3xl-line-height-squished:var(--eds-typography-ui-body-3xl-line-height-squished);--eds-font-family-size-4xl-line-height-default:var(--eds-typography-ui-body-4xl-line-height-default);--eds-font-family-size-4xl-line-height-squished:var(--eds-typography-ui-body-4xl-line-height-squished);--eds-font-family-size-5xl-line-height-default:var(--eds-typography-ui-body-5xl-line-height-default);--eds-font-family-size-5xl-line-height-squished:var(--eds-typography-ui-body-5xl-line-height-squished);--eds-font-family-size-6xl-line-height-default:var(--eds-typography-ui-body-6xl-line-height-default);--eds-font-family-size-6xl-line-height-squished:var(--eds-typography-ui-body-6xl-line-height-squished)}[data-font-size=xs]{--eds-typography-icon-size:var(--eds-sizing-icon-xs);--eds-typography-gap-horizontal:var(--eds-spacing-icon-xs-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-xs-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-xs-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-xs-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-xs-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-xs-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-xs-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-xs-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-xs-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-xs-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-xs-line-height-squished)}[data-font-size=sm]{--eds-typography-icon-size:var(--eds-sizing-icon-sm);--eds-typography-gap-horizontal:var(--eds-spacing-icon-sm-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-sm-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-sm-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-sm-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-sm-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-sm-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-sm-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-sm-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-sm-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-sm-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-sm-line-height-squished)}[data-font-size=md]{--eds-typography-icon-size:var(--eds-sizing-icon-md);--eds-typography-gap-horizontal:var(--eds-spacing-icon-md-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-md-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-md-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-md-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-md-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-md-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-md-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-md-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-md-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-md-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-md-line-height-squished)}[data-font-size=lg]{--eds-typography-icon-size:var(--eds-sizing-icon-lg);--eds-typography-gap-horizontal:var(--eds-spacing-icon-lg-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-lg-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-lg-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-lg-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-lg-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-lg-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-lg-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-lg-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-lg-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-lg-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-lg-line-height-squished)}[data-font-size=xl]{--eds-typography-icon-size:var(--eds-sizing-icon-xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-xl-line-height-squished)}[data-font-size="2xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-2xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-2xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-2xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-2xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-2xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-2xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-2xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-2xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-2xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-2xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-2xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-2xl-line-height-squished)}[data-font-size="3xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-3xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-3xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-3xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-3xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-3xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-3xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-3xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-3xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-3xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-3xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-3xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-3xl-line-height-squished)}[data-font-size="4xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-4xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-4xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-4xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-4xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-4xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-4xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-4xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-4xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-4xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-4xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-4xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-4xl-line-height-squished)}[data-font-size="5xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-5xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-5xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-5xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-5xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-5xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-5xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-5xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-5xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-5xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-5xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-5xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-5xl-line-height-squished)}[data-font-size="6xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-6xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-6xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-6xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-6xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-6xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-6xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-6xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-6xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-6xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-6xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-6xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-6xl-line-height-squished)}[data-font-weight=lighter]{--eds-typography-font-weight:var(--eds-typography-font-weight-lighter)}[data-font-weight=normal]{--eds-typography-font-weight:var(--eds-typography-font-weight-normal)}[data-font-weight=bolder]{--eds-typography-font-weight:var(--eds-typography-font-weight-bolder)}[data-line-height=default]{--eds-typography-line-height:var(--eds-typography-line-height-default)}[data-line-height=squished]{--eds-typography-line-height:var(--eds-typography-line-height-squished)}[data-tracking=tight]{--eds-typography-tracking:var(--eds-typography-tracking-tight)}[data-tracking=normal]{--eds-typography-tracking:var(--eds-typography-tracking-normal)}[data-tracking=loose],[data-tracking=wide]{--eds-typography-tracking:var(--eds-typography-tracking-wide)}@layer eds-components{.eds-icon{flex-shrink:0;font-size:var(--eds-typography-icon-size,1.5em);height:1em;margin-block:-.25em;margin-inline:-.1em;width:1em}.eds-icon[data-icon-size]{--_explicit-size:var(--eds-sizing-icon-md);font-size:inherit;height:var(--_explicit-size);margin:0;width:var(--_explicit-size)}.eds-icon[data-icon-size=xs]{--_explicit-size:var(--eds-sizing-icon-xs)}.eds-icon[data-icon-size=sm]{--_explicit-size:var(--eds-sizing-icon-sm)}.eds-icon[data-icon-size=md]{--_explicit-size:var(--eds-sizing-icon-md)}.eds-icon[data-icon-size=lg]{--_explicit-size:var(--eds-sizing-icon-lg)}.eds-icon[data-icon-size=xl]{--_explicit-size:var(--eds-sizing-icon-xl)}.eds-icon[data-icon-size="2xl"]{--_explicit-size:var(--eds-sizing-icon-2xl)}.eds-icon[data-icon-size="3xl"]{--_explicit-size:var(--eds-sizing-icon-3xl)}.eds-icon[data-icon-size="4xl"]{--_explicit-size:var(--eds-sizing-icon-4xl)}.eds-icon[data-icon-size="5xl"]{--_explicit-size:var(--eds-sizing-icon-5xl)}.eds-icon[data-icon-size="6xl"]{--_explicit-size:var(--eds-sizing-icon-6xl)}.eds-button{align-items:center;border:none;border-radius:var(--eds-spacing-border-radius-rounded,4px);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.eds-button[data-selectable-space=lg]{min-height:2.75rem}.eds-button[data-selectable-space=lg],.eds-button[data-selectable-space=md]{gap:var(--eds-typography-gap-horizontal);padding-inline:var(--eds-selectable-space-horizontal)}.eds-button[data-selectable-space=md]{min-height:2.25rem}.eds-button[data-selectable-space=sm]{gap:var(--eds-typography-gap-horizontal);min-height:1.5rem;padding-inline:var(--eds-selectable-space-horizontal)}[data-density=comfortable] .eds-button[data-selectable-space=lg]{min-height:2.25rem}[data-density=comfortable] .eds-button[data-selectable-space=md]{min-height:1.5rem}[data-density=comfortable] .eds-button[data-selectable-space=sm]{min-height:1.25rem}.eds-button[data-icon-only]{aspect-ratio:1;padding:0}.eds-button[data-round]{border-radius:50%}.eds-button[data-variant=primary]{background-color:var(--eds-color-bg-fill-emphasis-default);color:var(--eds-color-text-strong-on-emphasis)}.eds-button[data-variant=primary]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-emphasis-hover)}.eds-button[data-variant=primary]:active:not(:disabled){background-color:var(--eds-color-bg-fill-emphasis-active)}.eds-button[data-variant=primary]:disabled{background-color:var(--eds-color-bg-fill-emphasis-disabled);color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-button[data-variant=secondary]{background-color:initial;color:var(--eds-color-text-subtle);outline:var(--eds-border-width-default,1px) solid var(--eds-color-border-strong);outline-offset:calc(var(--eds-border-width-default, 1px)*-1)}.eds-button[data-variant=secondary]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-muted-default)}.eds-button[data-variant=secondary]:active:not(:disabled){background-color:var(--eds-color-bg-fill-muted-hover)}.eds-button[data-variant=secondary]:disabled{color:var(--eds-color-text-disabled);cursor:not-allowed;outline:var(--eds-border-width-default,1px) solid var(--eds-color-border-disabled);outline-offset:calc(var(--eds-border-width-default, 1px)*-1)}.eds-button[data-variant=ghost]{background-color:initial;color:var(--eds-color-text-subtle)}.eds-button[data-variant=ghost]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-muted-default)}.eds-button[data-variant=ghost]:active:not(:disabled){background-color:var(--eds-color-bg-fill-muted-hover)}.eds-button[data-variant=ghost]:disabled{color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-button:focus-visible{outline:var(--eds-sizing-stroke-thick) solid var(--eds-color-border-focus)}.eds-button:focus-visible,.eds-button[data-variant=secondary]:focus-visible{outline-offset:var(--eds-sizing-stroke-thin)}.eds-button .eds-icon{flex-shrink:0}.eds-button[data-icon-only] .eds-icon{margin:0}}.eds-button__label{text-box:normal;align-items:center;display:inline-flex;gap:var(--eds-typography-gap-horizontal);padding-block:0}@layer eds-components{.eds-field{--_eds-field-label-color:var(--eds-color-text-strong);--_eds-field-description-color:var(--eds-color-text-subtle);--_eds-field-indicator-color:var(--eds-color-text-neutral-subtle);--_eds-field-helper-color:var(--eds-color-text-subtle);align-items:flex-start;display:flex;flex-direction:column;gap:var(--eds-generic-gap-vertical);width:var(--eds-field-width,100%)}.eds-field:is([data-position=start],[data-position=end]){align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--eds-generic-gap-horizontal)}.eds-field[data-position=end]{flex-direction:row-reverse}.eds-field:is([data-position=start],[data-position=end]) :is(.eds-field__description,.eds-field__helper-message,[role=alert]){flex-basis:100%}.eds-field__label{align-items:center;color:var(--_eds-field-label-color);display:inline-flex;flex-wrap:wrap}.eds-field__indicator{color:var(--_eds-field-indicator-color);font-size:var(--eds-typography-font-size);margin-inline-start:var(--eds-selectable-space-horizontal);vertical-align:middle}.eds-field__description{color:var(--_eds-field-description-color);margin:0}.eds-field__helper-message{color:var(--_eds-field-helper-color);margin:0}.eds-field>:has(+.eds-field__helper-message){margin-block-end:calc(var(--eds-spacing-vertical-3xs) - var(--eds-generic-gap-vertical))}.eds-field[data-disabled=true]{--_eds-field-helper-color:var(--eds-color-text-disabled)}.eds-checkbox{--_checkbox-icon-color:var(--eds-color-bg-fill-emphasis-default);--_checkbox-hover-color:var(--eds-color-bg-fill-muted-default);--_checkbox-icon-size:var(--eds-sizing-icon-lg);--_checkbox-touch-target:2.25rem;box-sizing:border-box;cursor:pointer;position:relative}[data-density=comfortable] .eds-checkbox{--_checkbox-touch-target:1.75rem}.eds-checkbox--standalone{align-items:center;display:inline-flex;justify-content:center;padding:calc((var(--_checkbox-touch-target) - var(--_checkbox-icon-size))/2);position:relative}.eds-field.eds-checkbox{--_checkbox-gap-compensation:0.2375rem;border-radius:var(--eds-spacing-border-radius-rounded);gap:calc(var(--eds-generic-gap-horizontal) + var(--_checkbox-gap-compensation));padding-block:var(--eds-selectable-space-vertical);padding-inline:var(--eds-selectable-space-horizontal);transition:background-color .15s;width:auto}.eds-checkbox[data-disabled=true]{cursor:not-allowed}.eds-checkbox__icon-wrapper{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:0;overflow:visible;position:relative}.eds-field.eds-checkbox .eds-checkbox__icon-wrapper{margin-block:-6px;margin-inline:-4.8px}.eds-checkbox--standalone:before{background-color:initial;border-radius:var(--eds-spacing-border-radius-pill);content:"";inset:0;position:absolute;transition:background-color .15s}}@layer eds-components{@media (hover:hover) and (pointer:fine){.eds-checkbox--standalone:hover:before{background-color:var(--_checkbox-hover-color)}.eds-checkbox--standalone[data-disabled=true]:hover:before{background-color:initial}.eds-field.eds-checkbox:hover{background-color:var(--_checkbox-hover-color)}.eds-field.eds-checkbox[data-disabled=true]:hover{background-color:initial}}.eds-checkbox__input{appearance:none;cursor:pointer;inset:0;margin:0;position:absolute;z-index:1}.eds-checkbox__input:disabled{cursor:not-allowed}.eds-checkbox__input:focus{outline:none}.eds-checkbox:has(.eds-checkbox__input:focus-visible){border-radius:var(--eds-spacing-border-radius-rounded);outline:var(--eds-sizing-stroke-thin) solid var(--eds-color-border-focus);outline-offset:var(--eds-sizing-stroke-thick)}.eds-checkbox--standalone:has(.eds-checkbox__input:focus-visible){border-radius:var(--eds-spacing-border-radius-pill)}.eds-checkbox__icon{fill:var(--_checkbox-icon-color);flex-shrink:0;pointer-events:none;position:relative}.eds-checkbox[data-disabled=true] .eds-checkbox__icon{fill:var(--eds-color-text-disabled)}.eds-checkbox__icon--checked,.eds-checkbox__icon--indeterminate{display:none}.eds-checkbox:has(.eds-checkbox__input:checked) .eds-checkbox__icon--checked,.eds-checkbox__icon--unchecked{display:block}.eds-checkbox:has(.eds-checkbox__input:checked) .eds-checkbox__icon--unchecked{display:none}.eds-checkbox:has(.eds-checkbox__input[data-indeterminate=true]) .eds-checkbox__icon--indeterminate{display:block}.eds-checkbox:has(.eds-checkbox__input[data-indeterminate=true]) .eds-checkbox__icon--checked,.eds-checkbox:has(.eds-checkbox__input[data-indeterminate=true]) .eds-checkbox__icon--unchecked{display:none}.eds-field.eds-checkbox .eds-field__label{cursor:pointer}.eds-field.eds-checkbox[data-disabled=true] .eds-field__label{color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-field.eds-checkbox[data-color-appearance=accent]{--_eds-field-helper-color:var(--eds-color-text-neutral-subtle)}.eds-radio{--_radio-icon-color:var(--eds-color-bg-fill-emphasis-default);--_radio-hover-color:var(--eds-color-bg-fill-muted-default);--_radio-icon-size:var(--eds-sizing-icon-lg);--_radio-touch-target:2.25rem;box-sizing:border-box;cursor:pointer;position:relative}[data-density=comfortable] .eds-radio{--_radio-touch-target:1.75rem}.eds-radio--standalone{align-items:center;display:inline-flex;justify-content:center;padding:calc((var(--_radio-touch-target) - var(--_radio-icon-size))/2);position:relative}.eds-field.eds-radio{--_radio-gap-compensation:0.2375rem;border-radius:var(--eds-spacing-border-radius-rounded);gap:calc(var(--eds-generic-gap-horizontal) + var(--_radio-gap-compensation));padding-block:var(--eds-selectable-space-vertical);padding-inline:var(--eds-selectable-space-horizontal);transition:background-color .15s;width:auto}.eds-radio[data-disabled=true]{cursor:not-allowed}.eds-radio__icon-wrapper{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;line-height:0;overflow:visible;position:relative}.eds-field.eds-radio .eds-radio__icon-wrapper{margin-block:-6px;margin-inline:-4.8px}.eds-radio--standalone:before{background-color:initial;border-radius:var(--eds-spacing-border-radius-pill);content:"";inset:0;position:absolute;transition:background-color .15s}}@layer eds-components{@media (hover:hover) and (pointer:fine){.eds-radio--standalone:hover:before{background-color:var(--_radio-hover-color)}.eds-radio--standalone[data-disabled=true]:hover:before{background-color:initial}.eds-field.eds-radio:hover{background-color:var(--_radio-hover-color)}.eds-field.eds-radio[data-disabled=true]:hover{background-color:initial}}.eds-radio__input{appearance:none;cursor:pointer;inset:0;margin:0;position:absolute;z-index:1}.eds-radio__input:disabled{cursor:not-allowed}.eds-radio__input:focus{outline:none}.eds-radio:has(.eds-radio__input:focus-visible){border-radius:var(--eds-spacing-border-radius-rounded);outline:var(--eds-sizing-stroke-thin) solid var(--eds-color-border-focus);outline-offset:var(--eds-sizing-stroke-thick)}.eds-radio--standalone:has(.eds-radio__input:focus-visible){border-radius:var(--eds-spacing-border-radius-pill)}.eds-radio__icon{fill:var(--_radio-icon-color);flex-shrink:0;pointer-events:none}.eds-radio[data-disabled=true] .eds-radio__icon{fill:var(--eds-color-text-disabled)}.eds-radio__icon--checked{display:none}.eds-radio:has(.eds-radio__input:checked) .eds-radio__icon--checked,.eds-radio__icon--unchecked{display:block}.eds-radio:has(.eds-radio__input:checked) .eds-radio__icon--unchecked{display:none}.eds-field.eds-radio .eds-field__label{cursor:pointer}.eds-field.eds-radio[data-disabled=true] .eds-field__label{color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-switch{--_switch-hover-color:var(--eds-color-bg-fill-muted-default);--_icon-size:var(--eds-sizing-icon-lg);--_handle-size:calc(var(--_icon-size)/2);--_track-width:calc(var(--_icon-size)*11/12);--_track-height:calc(var(--_icon-size)/3);--_track-hover-bg:var(--eds-color-neutral-2);--_switch-gap-compensation:0.1rem;background-color:var(--_switch-hover-color);border-radius:var(--eds-spacing-border-radius-rounded);color:var(--eds-color-text-disabled);cursor:pointer;cursor:not-allowed;cursor:not-allowed;gap:calc(var(--eds-generic-gap-horizontal) + var(--_switch-gap-compensation));outline:var(--eds-sizing-stroke-thin) solid var(--eds-color-border-focus);outline-offset:var(--eds-sizing-stroke-thick);padding-block:var(--eds-selectable-space-vertical);padding-inline:var(--eds-selectable-space-horizontal);position:relative;transition:background-color .15s;width:auto}.eds-switch__control{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;margin-block:-6px;margin-inline:-1.9px;min-block-size:var(--_icon-size)}[data-density=comfortable] .eds-switch__control{margin-inline:-2.1px}.eds-switch__input{appearance:none;cursor:pointer;inset:0;margin:0;position:absolute;z-index:1;&:focus{outline:none}&:disabled{cursor:not-allowed}}}@layer eds-components{.eds-switch__track{background-color:var(--eds-color-bg-fill-muted-default);block-size:var(--_track-height);border-radius:var(--eds-spacing-border-radius-pill);display:inline-block;inline-size:var(--_track-width);pointer-events:none;position:relative;transition:background-color .15s;@media (hover:hover) and (pointer:fine){.eds-switch:hover:not([data-disabled=true]) &{background-color:var(--_track-hover-bg)}}}.eds-switch__handle{background-color:var(--eds-color-bg-fill-emphasis-default);block-size:var(--_handle-size);border-radius:var(--eds-spacing-border-radius-pill);box-shadow:var(--eds-elevation-raised);inline-size:var(--_handle-size);inset-block-start:50%;inset-inline-start:0;pointer-events:none;position:absolute;transition:inset-inline-start .15s,background-color .15s;translate:0 -50%;.eds-switch:has(.eds-switch__input:checked) &{inset-inline-start:calc(100% - var(--_handle-size))}.eds-switch:has(.eds-switch__input:disabled) &{background-color:var(--eds-color-bg-disabled);box-shadow:none}}}@layer eds-components{.eds-input-container{--_bg-input:var(--eds-color-bg-canvas);--_readonly-text-color:var(--eds-color-border-strong);align-items:center;background:var(--_bg-input);border-radius:var(--eds-spacing-border-radius-none);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--eds-typography-gap-horizontal);inline-size:100%;isolation:isolate;outline:var(--eds-sizing-stroke-thin) solid var(--eds-color-border-subtle);outline-offset:calc(var(--eds-sizing-stroke-thin)*-1);padding-block:var(--eds-selectable-space-vertical);padding-inline:var(--eds-selectable-space-horizontal);transition:background-color .15s,outline-color .15s;&:hover:not([data-disabled]):not([data-readonly]){outline-color:var(--eds-color-border-strong);& .eds-input{-webkit-text-fill-color:var(--eds-color-text-strong);color:var(--eds-color-text-strong);&::placeholder{-webkit-text-fill-color:var(--eds-color-text-strong);color:var(--eds-color-text-strong)}}}&:focus-within{box-shadow:0 0 0 var(--eds-sizing-stroke-thin) var(--_bg-input),0 0 0 calc(var(--eds-sizing-stroke-thin)*2) var(--eds-color-border-focus);outline-color:var(--eds-color-border-strong)}&[data-invalid]{outline-color:var(--eds-color-border-medium);&:focus-within{box-shadow:0 0 0 var(--eds-sizing-stroke-thin) var(--_bg-input),0 0 0 calc(var(--eds-sizing-stroke-thin)*2) var(--eds-color-border-focus);outline-color:var(--eds-color-border-strong)}}&[data-disabled]{cursor:not-allowed;outline-color:#0000;& .eds-input{-webkit-text-fill-color:var(--eds-color-text-disabled);color:var(--eds-color-text-disabled);cursor:not-allowed;opacity:1;&::placeholder{-webkit-text-fill-color:var(--eds-color-text-disabled);color:var(--eds-color-text-disabled)}}& .eds-adornment__adornment,& .eds-adornment__text,& .eds-error-icon{color:var(--eds-color-text-disabled)}}&[data-readonly]{outline-color:#0000;& .eds-input{-webkit-text-fill-color:var(--_readonly-text-color)}& .eds-adornment__adornment,& .eds-adornment__text,& .eds-input{color:var(--_readonly-text-color)}}}[data-density=comfortable] .eds-input-container{padding-block:var(--eds-spacing-proportions-xs-vertical)}.eds-input{--_placeholder-text-color:var(--eds-color-border-strong);background:#0000;border:var(--eds-sizing-stroke-none);color:var(--eds-color-text-strong);flex:1;min-inline-size:0;outline:none;overflow:hidden;padding:0;resize:none;text-overflow:ellipsis;white-space:nowrap;&::placeholder{-webkit-text-fill-color:var(--_placeholder-text-color);color:var(--_placeholder-text-color)}}.eds-adornment,.eds-error-icon{color:var(--eds-color-text-subtle);flex-shrink:0}.eds-adornment{gap:var(--eds-typography-gap-horizontal)}.eds-adornment,.eds-adornment__adornment{align-items:center;display:flex}.eds-adornment__adornment button,.eds-adornment__adornment:has(button){block-size:var(--eds-typography-ui-body-md-line-height-default)}.eds-adornment__adornment button{inline-size:var(--eds-typography-ui-body-md-line-height-default);padding:0}.eds-input~.eds-adornment .eds-adornment__adornment:has(button){margin-inline-end:calc((var(--eds-sizing-icon-xs) - var(--eds-typography-ui-body-md-line-height-default))/2)}.eds-adornment:has(~.eds-input) .eds-adornment__adornment:has(button){margin-inline-start:calc((var(--eds-sizing-icon-xs) - var(--eds-typography-ui-body-md-line-height-default))/2)}.eds-text-field__header{align-items:center;display:flex;gap:var(--eds-typography-gap-horizontal);inline-size:100%;justify-content:space-between}.eds-text-field__info{flex-shrink:0;margin-block:calc(var(--eds-sizing-icon-xs)/-2)}}
|
package/dist/eds-core-react.cjs
CHANGED
|
@@ -6689,12 +6689,12 @@ const Popover$1 = /*#__PURE__*/react.forwardRef(function Popover({
|
|
|
6689
6689
|
} = react$1.useInteractions([react$1.useDismiss(context)]);
|
|
6690
6690
|
react.useEffect(() => {
|
|
6691
6691
|
if (!elements.floating) return;
|
|
6692
|
-
if (
|
|
6693
|
-
if (
|
|
6692
|
+
if (elements.floating.hasAttribute('popover')) {
|
|
6693
|
+
if (open) {
|
|
6694
6694
|
elements.floating.showPopover();
|
|
6695
|
+
} else {
|
|
6696
|
+
elements.floating.hidePopover();
|
|
6695
6697
|
}
|
|
6696
|
-
} else {
|
|
6697
|
-
elements.floating.hidePopover();
|
|
6698
6698
|
}
|
|
6699
6699
|
}, [open, elements.floating]);
|
|
6700
6700
|
react.useEffect(() => {
|
|
@@ -9502,7 +9502,7 @@ Switch.displayName = 'Switch';
|
|
|
9502
9502
|
|
|
9503
9503
|
const AutocompleteContext = /*#__PURE__*/react.createContext(null);
|
|
9504
9504
|
const useAutocompleteContext = () => {
|
|
9505
|
-
const context = react.
|
|
9505
|
+
const context = react.useContext(AutocompleteContext);
|
|
9506
9506
|
if (!context) {
|
|
9507
9507
|
throw new Error('Autocomplete compound components must be used within an Autocomplete component');
|
|
9508
9508
|
}
|
|
@@ -9984,10 +9984,12 @@ const OptionList = ({
|
|
|
9984
9984
|
|
|
9985
9985
|
// MARK: popover toggle
|
|
9986
9986
|
edsUtils.useIsomorphicLayoutEffect(() => {
|
|
9987
|
-
if (
|
|
9988
|
-
|
|
9989
|
-
|
|
9990
|
-
|
|
9987
|
+
if (refs.floating.current?.hasAttribute('popover')) {
|
|
9988
|
+
if (isOpen) {
|
|
9989
|
+
refs.floating.current.showPopover();
|
|
9990
|
+
} else {
|
|
9991
|
+
refs.floating.current.hidePopover();
|
|
9992
|
+
}
|
|
9991
9993
|
}
|
|
9992
9994
|
}, [isOpen, refs.floating]);
|
|
9993
9995
|
const showNoOptions = isOpen && !availableItems.length && noOptionsText.length > 0;
|
|
@@ -12086,9 +12088,6 @@ function CalendarGrid({
|
|
|
12086
12088
|
setYearPickerPage,
|
|
12087
12089
|
...props
|
|
12088
12090
|
}) {
|
|
12089
|
-
const {
|
|
12090
|
-
locale
|
|
12091
|
-
} = reactAria.useLocale();
|
|
12092
12091
|
const {
|
|
12093
12092
|
gridProps,
|
|
12094
12093
|
headerProps,
|
|
@@ -12098,9 +12097,9 @@ function CalendarGrid({
|
|
|
12098
12097
|
weekdayStyle: 'long'
|
|
12099
12098
|
}, state);
|
|
12100
12099
|
|
|
12101
|
-
//
|
|
12102
|
-
|
|
12103
|
-
const weeksInMonthArray = [...new Array(
|
|
12100
|
+
// Always render 6 rows (the maximum weeks in any month) so the calendar
|
|
12101
|
+
// height stays consistent when navigating between months.
|
|
12102
|
+
const weeksInMonthArray = [...new Array(6).keys()];
|
|
12104
12103
|
return showYearPicker ? /*#__PURE__*/jsxRuntime.jsx(YearGrid, {
|
|
12105
12104
|
year: state.focusedDate.year,
|
|
12106
12105
|
setFocusedYear: year => {
|
|
@@ -12152,7 +12151,7 @@ function TodayPicker({
|
|
|
12152
12151
|
onClick: () => onClick(new date.CalendarDate(today.getFullYear(), today.getMonth() + 1, today.getDate())),
|
|
12153
12152
|
variant: 'ghost',
|
|
12154
12153
|
style: {
|
|
12155
|
-
marginLeft:
|
|
12154
|
+
marginLeft: 4
|
|
12156
12155
|
},
|
|
12157
12156
|
children: "Today"
|
|
12158
12157
|
});
|
|
@@ -12161,6 +12160,10 @@ const HeaderActions = styled__default.default.div.withConfig({
|
|
|
12161
12160
|
displayName: "CalendarHeader__HeaderActions",
|
|
12162
12161
|
componentId: "sc-kuy15-1"
|
|
12163
12162
|
})(["display:flex;align-items:center;width:100%;"]);
|
|
12163
|
+
const TitleButton = styled__default.default(Button$1).withConfig({
|
|
12164
|
+
displayName: "CalendarHeader__TitleButton",
|
|
12165
|
+
componentId: "sc-kuy15-2"
|
|
12166
|
+
})(["min-width:13.1rem;white-space:nowrap;font-size:", ";text-transform:capitalize;& > span{display:flex;justify-content:space-between;align-items:center;width:100%;}"], edsTokens.tokens.typography.heading.h5.fontSize);
|
|
12164
12167
|
|
|
12165
12168
|
/**
|
|
12166
12169
|
* The default header for the calendar components if no custom header is provided
|
|
@@ -12192,15 +12195,11 @@ function CalendarHeader({
|
|
|
12192
12195
|
style: {
|
|
12193
12196
|
flex: '1 1 auto'
|
|
12194
12197
|
}
|
|
12195
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(
|
|
12198
|
+
}), /*#__PURE__*/jsxRuntime.jsxs(TitleButton, {
|
|
12196
12199
|
onClick: () => setShowYearPicker(!showYearPicker),
|
|
12197
12200
|
"data-testid": 'heading',
|
|
12198
12201
|
"aria-live": 'polite',
|
|
12199
12202
|
variant: 'ghost',
|
|
12200
|
-
style: {
|
|
12201
|
-
fontSize: edsTokens.tokens.typography.heading.h5.fontSize,
|
|
12202
|
-
textTransform: 'capitalize'
|
|
12203
|
-
},
|
|
12204
12203
|
children: [title, /*#__PURE__*/jsxRuntime.jsx(Icon$1, {
|
|
12205
12204
|
data: showYearPicker ? edsIcons.chevron_up : edsIcons.chevron_down
|
|
12206
12205
|
})]
|
|
@@ -12492,7 +12491,10 @@ function DateSegment({
|
|
|
12492
12491
|
formatOptions,
|
|
12493
12492
|
timezone
|
|
12494
12493
|
} = useDatePickerContext();
|
|
12495
|
-
const formatter = reactAria.useDateFormatter(
|
|
12494
|
+
const formatter = reactAria.useDateFormatter({
|
|
12495
|
+
...formatOptions,
|
|
12496
|
+
timeZone: timezone
|
|
12497
|
+
});
|
|
12496
12498
|
const parts = state.value ? formatter.formatToParts(state.value.toDate(timezone)) : [];
|
|
12497
12499
|
const part = parts.find(p => p.type === segment.type);
|
|
12498
12500
|
const value = segment.isPlaceholder || segment.type === 'literal' ? segment.text : part?.value ?? segment.text;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { createContext,
|
|
1
|
+
import { createContext, useContext } from 'react';
|
|
2
2
|
|
|
3
3
|
const AutocompleteContext = /*#__PURE__*/createContext(null);
|
|
4
4
|
const useAutocompleteContext = () => {
|
|
5
|
-
const context =
|
|
5
|
+
const context = useContext(AutocompleteContext);
|
|
6
6
|
if (!context) {
|
|
7
7
|
throw new Error('Autocomplete compound components must be used within an Autocomplete component');
|
|
8
8
|
}
|
|
@@ -41,10 +41,12 @@ const OptionList = ({
|
|
|
41
41
|
|
|
42
42
|
// MARK: popover toggle
|
|
43
43
|
useIsomorphicLayoutEffect(() => {
|
|
44
|
-
if (
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
44
|
+
if (refs.floating.current?.hasAttribute('popover')) {
|
|
45
|
+
if (isOpen) {
|
|
46
|
+
refs.floating.current.showPopover();
|
|
47
|
+
} else {
|
|
48
|
+
refs.floating.current.hidePopover();
|
|
49
|
+
}
|
|
48
50
|
}
|
|
49
51
|
}, [isOpen, refs.floating]);
|
|
50
52
|
const showNoOptions = isOpen && !availableItems.length && noOptionsText.length > 0;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { getWeeksInMonth } from '@internationalized/date';
|
|
1
|
+
import { useCalendarGrid } from 'react-aria';
|
|
3
2
|
import { CalendarCell } from './CalendarCell.js';
|
|
4
3
|
import { YearGrid } from './YearGrid.js';
|
|
5
4
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
@@ -17,9 +16,6 @@ function CalendarGrid({
|
|
|
17
16
|
setYearPickerPage,
|
|
18
17
|
...props
|
|
19
18
|
}) {
|
|
20
|
-
const {
|
|
21
|
-
locale
|
|
22
|
-
} = useLocale();
|
|
23
19
|
const {
|
|
24
20
|
gridProps,
|
|
25
21
|
headerProps,
|
|
@@ -29,9 +25,9 @@ function CalendarGrid({
|
|
|
29
25
|
weekdayStyle: 'long'
|
|
30
26
|
}, state);
|
|
31
27
|
|
|
32
|
-
//
|
|
33
|
-
|
|
34
|
-
const weeksInMonthArray = [...new Array(
|
|
28
|
+
// Always render 6 rows (the maximum weeks in any month) so the calendar
|
|
29
|
+
// height stays consistent when navigating between months.
|
|
30
|
+
const weeksInMonthArray = [...new Array(6).keys()];
|
|
35
31
|
return showYearPicker ? /*#__PURE__*/jsx(YearGrid, {
|
|
36
32
|
year: state.focusedDate.year,
|
|
37
33
|
setFocusedYear: year => {
|
|
@@ -21,7 +21,7 @@ function TodayPicker({
|
|
|
21
21
|
onClick: () => onClick(new CalendarDate(today.getFullYear(), today.getMonth() + 1, today.getDate())),
|
|
22
22
|
variant: 'ghost',
|
|
23
23
|
style: {
|
|
24
|
-
marginLeft:
|
|
24
|
+
marginLeft: 4
|
|
25
25
|
},
|
|
26
26
|
children: "Today"
|
|
27
27
|
});
|
|
@@ -30,6 +30,10 @@ const HeaderActions = styled.div.withConfig({
|
|
|
30
30
|
displayName: "CalendarHeader__HeaderActions",
|
|
31
31
|
componentId: "sc-kuy15-1"
|
|
32
32
|
})(["display:flex;align-items:center;width:100%;"]);
|
|
33
|
+
const TitleButton = styled(Button).withConfig({
|
|
34
|
+
displayName: "CalendarHeader__TitleButton",
|
|
35
|
+
componentId: "sc-kuy15-2"
|
|
36
|
+
})(["min-width:13.1rem;white-space:nowrap;font-size:", ";text-transform:capitalize;& > span{display:flex;justify-content:space-between;align-items:center;width:100%;}"], tokens.typography.heading.h5.fontSize);
|
|
33
37
|
|
|
34
38
|
/**
|
|
35
39
|
* The default header for the calendar components if no custom header is provided
|
|
@@ -61,15 +65,11 @@ function CalendarHeader({
|
|
|
61
65
|
style: {
|
|
62
66
|
flex: '1 1 auto'
|
|
63
67
|
}
|
|
64
|
-
}), /*#__PURE__*/jsxs(
|
|
68
|
+
}), /*#__PURE__*/jsxs(TitleButton, {
|
|
65
69
|
onClick: () => setShowYearPicker(!showYearPicker),
|
|
66
70
|
"data-testid": 'heading',
|
|
67
71
|
"aria-live": 'polite',
|
|
68
72
|
variant: 'ghost',
|
|
69
|
-
style: {
|
|
70
|
-
fontSize: tokens.typography.heading.h5.fontSize,
|
|
71
|
-
textTransform: 'capitalize'
|
|
72
|
-
},
|
|
73
73
|
children: [title, /*#__PURE__*/jsx(Icon, {
|
|
74
74
|
data: showYearPicker ? chevron_up : chevron_down
|
|
75
75
|
})]
|
|
@@ -30,7 +30,10 @@ function DateSegment({
|
|
|
30
30
|
formatOptions,
|
|
31
31
|
timezone
|
|
32
32
|
} = useDatePickerContext();
|
|
33
|
-
const formatter = useDateFormatter(
|
|
33
|
+
const formatter = useDateFormatter({
|
|
34
|
+
...formatOptions,
|
|
35
|
+
timeZone: timezone
|
|
36
|
+
});
|
|
34
37
|
const parts = state.value ? formatter.formatToParts(state.value.toDate(timezone)) : [];
|
|
35
38
|
const part = parts.find(p => p.type === segment.type);
|
|
36
39
|
const value = segment.isPlaceholder || segment.type === 'literal' ? segment.text : part?.value ?? segment.text;
|
|
@@ -99,12 +99,12 @@ const Popover = /*#__PURE__*/forwardRef(function Popover({
|
|
|
99
99
|
} = useInteractions([useDismiss(context)]);
|
|
100
100
|
useEffect(() => {
|
|
101
101
|
if (!elements.floating) return;
|
|
102
|
-
if (
|
|
103
|
-
if (
|
|
102
|
+
if (elements.floating.hasAttribute('popover')) {
|
|
103
|
+
if (open) {
|
|
104
104
|
elements.floating.showPopover();
|
|
105
|
+
} else {
|
|
106
|
+
elements.floating.hidePopover();
|
|
105
107
|
}
|
|
106
|
-
} else {
|
|
107
|
-
elements.floating.hidePopover();
|
|
108
108
|
}
|
|
109
109
|
}, [open, elements.floating]);
|
|
110
110
|
useEffect(() => {
|
|
@@ -1,6 +1,32 @@
|
|
|
1
1
|
import { forwardRef, useId } from 'react';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
* Icon component for EDS 2.0
|
|
6
|
+
*
|
|
7
|
+
* Features:
|
|
8
|
+
* - Automatic sizing from parent's data-font-size via --eds-typography-icon-size
|
|
9
|
+
* - Dynamic fallback sizing (1.5em) when no tokens are set
|
|
10
|
+
* - Explicit size prop for standalone usage
|
|
11
|
+
* - WCAG 2.1 AA accessible with optional title for semantic icons
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* import { Icon } from '@equinor/eds-core-react/next'
|
|
16
|
+
* import { save } from '@equinor/eds-icons'
|
|
17
|
+
*
|
|
18
|
+
* // Auto-sized from parent's data-font-size
|
|
19
|
+
* <div data-font-size="md">
|
|
20
|
+
* <Icon data={warning} /> Error message
|
|
21
|
+
* </div>
|
|
22
|
+
*
|
|
23
|
+
* // Explicit size for standalone usage
|
|
24
|
+
* <Icon data={save} size="lg" />
|
|
25
|
+
*
|
|
26
|
+
* // Semantic icon with accessible name
|
|
27
|
+
* <Icon data={save} title="Save document" />
|
|
28
|
+
* ```
|
|
29
|
+
*/
|
|
4
30
|
const Icon = /*#__PURE__*/forwardRef(function Icon({
|
|
5
31
|
data,
|
|
6
32
|
title,
|
|
@@ -19,7 +45,7 @@ const Icon = /*#__PURE__*/forwardRef(function Icon({
|
|
|
19
45
|
height = '24',
|
|
20
46
|
width = '24'
|
|
21
47
|
} = data;
|
|
22
|
-
const classes = ['icon', className].filter(Boolean).join(' ');
|
|
48
|
+
const classes = ['eds-icon', className].filter(Boolean).join(' ');
|
|
23
49
|
|
|
24
50
|
// Accessibility: decorative icons are hidden, semantic icons have role="img"
|
|
25
51
|
const accessibilityProps = title ? {
|
|
@@ -27,6 +27,7 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
|
|
|
27
27
|
} = useFieldIds(providedId);
|
|
28
28
|
return /*#__PURE__*/jsxs(Field, {
|
|
29
29
|
disabled: disabled,
|
|
30
|
+
className: "eds-text-field",
|
|
30
31
|
children: [label && /*#__PURE__*/jsxs("div", {
|
|
31
32
|
className: "eds-text-field__header",
|
|
32
33
|
children: [/*#__PURE__*/jsx(Field.Label, {
|
package/dist/index.next.cjs
CHANGED
|
@@ -112,6 +112,7 @@ const Button = /*#__PURE__*/react.forwardRef(function Button({
|
|
|
112
112
|
...rest,
|
|
113
113
|
children: icon ? children : /*#__PURE__*/jsxRuntime.jsx(TypographyNext, {
|
|
114
114
|
as: "span",
|
|
115
|
+
className: "eds-button__label",
|
|
115
116
|
family: "ui",
|
|
116
117
|
size: typographySize,
|
|
117
118
|
lineHeight: "squished",
|
|
@@ -122,6 +123,32 @@ const Button = /*#__PURE__*/react.forwardRef(function Button({
|
|
|
122
123
|
});
|
|
123
124
|
Button.displayName = 'Button';
|
|
124
125
|
|
|
126
|
+
/**
|
|
127
|
+
* Icon component for EDS 2.0
|
|
128
|
+
*
|
|
129
|
+
* Features:
|
|
130
|
+
* - Automatic sizing from parent's data-font-size via --eds-typography-icon-size
|
|
131
|
+
* - Dynamic fallback sizing (1.5em) when no tokens are set
|
|
132
|
+
* - Explicit size prop for standalone usage
|
|
133
|
+
* - WCAG 2.1 AA accessible with optional title for semantic icons
|
|
134
|
+
*
|
|
135
|
+
* @example
|
|
136
|
+
* ```tsx
|
|
137
|
+
* import { Icon } from '@equinor/eds-core-react/next'
|
|
138
|
+
* import { save } from '@equinor/eds-icons'
|
|
139
|
+
*
|
|
140
|
+
* // Auto-sized from parent's data-font-size
|
|
141
|
+
* <div data-font-size="md">
|
|
142
|
+
* <Icon data={warning} /> Error message
|
|
143
|
+
* </div>
|
|
144
|
+
*
|
|
145
|
+
* // Explicit size for standalone usage
|
|
146
|
+
* <Icon data={save} size="lg" />
|
|
147
|
+
*
|
|
148
|
+
* // Semantic icon with accessible name
|
|
149
|
+
* <Icon data={save} title="Save document" />
|
|
150
|
+
* ```
|
|
151
|
+
*/
|
|
125
152
|
const Icon = /*#__PURE__*/react.forwardRef(function Icon({
|
|
126
153
|
data,
|
|
127
154
|
title,
|
|
@@ -140,7 +167,7 @@ const Icon = /*#__PURE__*/react.forwardRef(function Icon({
|
|
|
140
167
|
height = '24',
|
|
141
168
|
width = '24'
|
|
142
169
|
} = data;
|
|
143
|
-
const classes = ['icon', className].filter(Boolean).join(' ');
|
|
170
|
+
const classes = ['eds-icon', className].filter(Boolean).join(' ');
|
|
144
171
|
|
|
145
172
|
// Accessibility: decorative icons are hidden, semantic icons have role="img"
|
|
146
173
|
const accessibilityProps = title ? {
|
|
@@ -829,6 +856,7 @@ const TextField = /*#__PURE__*/react.forwardRef(function TextField({
|
|
|
829
856
|
} = useFieldIds(providedId);
|
|
830
857
|
return /*#__PURE__*/jsxRuntime.jsxs(Field, {
|
|
831
858
|
disabled: disabled,
|
|
859
|
+
className: "eds-text-field",
|
|
832
860
|
children: [label && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
833
861
|
className: "eds-text-field__header",
|
|
834
862
|
children: [/*#__PURE__*/jsxRuntime.jsx(Field.Label, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@equinor/eds-core-react",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.0",
|
|
4
4
|
"description": "The React implementation of the Equinor Design System",
|
|
5
5
|
"sideEffects": [
|
|
6
6
|
"**/*.css"
|
|
@@ -48,14 +48,14 @@
|
|
|
48
48
|
"@storybook/addon-a11y": "^10.2.10",
|
|
49
49
|
"@storybook/addon-docs": "^10.2.10",
|
|
50
50
|
"@storybook/addon-links": "^10.2.10",
|
|
51
|
-
"@storybook/react-vite": "^10.2.
|
|
51
|
+
"@storybook/react-vite": "^10.2.14",
|
|
52
52
|
"@testing-library/dom": "^10.4.1",
|
|
53
53
|
"@testing-library/jest-dom": "^6.9.1",
|
|
54
54
|
"@testing-library/react": "16.3.2",
|
|
55
55
|
"@testing-library/user-event": "14.6.1",
|
|
56
56
|
"@types/jest": "^30.0.0",
|
|
57
57
|
"@types/mdx": "^2.0.13",
|
|
58
|
-
"@types/node": "^25.3.
|
|
58
|
+
"@types/node": "^25.3.3",
|
|
59
59
|
"@types/ramda": "^0.31.1",
|
|
60
60
|
"@types/react": "^19.2.14",
|
|
61
61
|
"@types/react-dom": "^19.2.3",
|
|
@@ -71,8 +71,8 @@
|
|
|
71
71
|
"react": "^19.2.4",
|
|
72
72
|
"react-dom": "^19.2.4",
|
|
73
73
|
"react-hook-form": "^7.71.2",
|
|
74
|
-
"react-router-dom": "^7.13.
|
|
75
|
-
"rollup": "^4.
|
|
74
|
+
"react-router-dom": "^7.13.1",
|
|
75
|
+
"rollup": "^4.59.0",
|
|
76
76
|
"rollup-plugin-delete": "^3.0.2",
|
|
77
77
|
"rollup-plugin-postcss": "^4.0.2",
|
|
78
78
|
"rollup-preserve-directives": "^1.1.3",
|
|
@@ -82,8 +82,8 @@
|
|
|
82
82
|
"typescript": "^5.9.3"
|
|
83
83
|
},
|
|
84
84
|
"peerDependencies": {
|
|
85
|
-
"react": "^19",
|
|
86
|
-
"react-dom": "^19",
|
|
85
|
+
"react": "^18 || ^19",
|
|
86
|
+
"react-dom": "^18 || ^19",
|
|
87
87
|
"styled-components": "^6"
|
|
88
88
|
},
|
|
89
89
|
"dependencies": {
|
|
@@ -97,8 +97,8 @@
|
|
|
97
97
|
"@tanstack/react-virtual": "3.13.18",
|
|
98
98
|
"downshift": "9.3.2",
|
|
99
99
|
"react-aria": "^3.46.0",
|
|
100
|
+
"@equinor/eds-utils": "^2.1.0",
|
|
100
101
|
"@equinor/eds-tokens": "^2.2.0",
|
|
101
|
-
"@equinor/eds-utils": "^2.0.0",
|
|
102
102
|
"@equinor/eds-icons": "^1.3.0"
|
|
103
103
|
},
|
|
104
104
|
"scripts": {
|