@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 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
- * Set font-size first to establish the icon's size context.
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
- flex-shrink: 0;
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
- .icon[data-icon-size='sm'] {
138
+
139
+ .eds-icon[data-icon-size='sm'] {
138
140
  --_explicit-size: var(--eds-sizing-icon-sm);
139
141
  }
140
- .icon[data-icon-size='md'] {
142
+
143
+ .eds-icon[data-icon-size='md'] {
141
144
  --_explicit-size: var(--eds-sizing-icon-md);
142
145
  }
143
- .icon[data-icon-size='lg'] {
146
+
147
+ .eds-icon[data-icon-size='lg'] {
144
148
  --_explicit-size: var(--eds-sizing-icon-lg);
145
149
  }
146
- .icon[data-icon-size='xl'] {
150
+
151
+ .eds-icon[data-icon-size='xl'] {
147
152
  --_explicit-size: var(--eds-sizing-icon-xl);
148
153
  }
149
- .icon[data-icon-size='2xl'] {
154
+
155
+ .eds-icon[data-icon-size='2xl'] {
150
156
  --_explicit-size: var(--eds-sizing-icon-2xl);
151
157
  }
152
- .icon[data-icon-size='3xl'] {
158
+
159
+ .eds-icon[data-icon-size='3xl'] {
153
160
  --_explicit-size: var(--eds-sizing-icon-3xl);
154
161
  }
155
- .icon[data-icon-size='4xl'] {
162
+
163
+ .eds-icon[data-icon-size='4xl'] {
156
164
  --_explicit-size: var(--eds-sizing-icon-4xl);
157
165
  }
158
- .icon[data-icon-size='5xl'] {
166
+
167
+ .eds-icon[data-icon-size='5xl'] {
159
168
  --_explicit-size: var(--eds-sizing-icon-5xl);
160
169
  }
161
- .icon[data-icon-size='6xl'] {
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
- cursor: pointer;
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-button > span {
356
+ .eds-button__label {
343
357
  display: inline-flex;
344
- align-items: center;
345
358
  gap: var(--eds-typography-gap-horizontal);
346
- text-box: normal;
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 {
@@ -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)}}
@@ -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 (open) {
6693
- if (elements.floating.isConnected) {
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.use(AutocompleteContext);
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 (isOpen) {
9988
- refs.floating.current?.showPopover();
9989
- } else {
9990
- refs.floating.current?.hidePopover();
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
- // Get the number of weeks in the month so that we can render the proper number of rows.
12102
- const howManyWeeksInMonth = date.getWeeksInMonth(state.visibleRange.start, locale);
12103
- const weeksInMonthArray = [...new Array(howManyWeeksInMonth).keys()];
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: 16
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(Button$1, {
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(formatOptions);
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, use } from 'react';
1
+ import { createContext, useContext } from 'react';
2
2
 
3
3
  const AutocompleteContext = /*#__PURE__*/createContext(null);
4
4
  const useAutocompleteContext = () => {
5
- const context = use(AutocompleteContext);
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 (isOpen) {
45
- refs.floating.current?.showPopover();
46
- } else {
47
- refs.floating.current?.hidePopover();
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 { useLocale, useCalendarGrid } from 'react-aria';
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
- // Get the number of weeks in the month so that we can render the proper number of rows.
33
- const howManyWeeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
34
- const weeksInMonthArray = [...new Array(howManyWeeksInMonth).keys()];
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: 16
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(Button, {
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(formatOptions);
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 (open) {
103
- if (elements.floating.isConnected) {
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(() => {
@@ -38,6 +38,7 @@ const Button = /*#__PURE__*/forwardRef(function Button({
38
38
  ...rest,
39
39
  children: icon ? children : /*#__PURE__*/jsx(TypographyNext, {
40
40
  as: "span",
41
+ className: "eds-button__label",
41
42
  family: "ui",
42
43
  size: typographySize,
43
44
  lineHeight: "squished",
@@ -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, {
@@ -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, {
@@ -1,5 +1,4 @@
1
1
  import type { IconProps } from './Icon.types';
2
- import './icon.css';
3
2
  /**
4
3
  * Icon component for EDS 2.0
5
4
  *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/eds-core-react",
3
- "version": "2.3.7",
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.10",
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.0",
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.0",
75
- "rollup": "^4.57.1",
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": {