@equinor/eds-core-react 2.3.6 → 2.3.7

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.
Files changed (13) hide show
  1. package/build/index.css +24 -31
  2. package/build/index.min.css +1 -1
  3. package/dist/eds-core-react.cjs +170 -5
  4. package/dist/esm/components/Datepicker/DatePicker.js +4 -1
  5. package/dist/esm/components/Datepicker/DateRangePicker.js +4 -1
  6. package/dist/esm/components/Datepicker/utils/getLocalizedValidationErrors.js +164 -0
  7. package/dist/esm/components/Table/DataCell/DataCell.js +1 -1
  8. package/dist/esm/components/Table/FooterCell/FooterCell.js +1 -1
  9. package/dist/esm/components/Table/HeaderCell/HeaderCell.js +1 -1
  10. package/dist/esm-next/components/next/TextField/TextField.js +7 -2
  11. package/dist/index.next.cjs +6 -2
  12. package/dist/types/components/Datepicker/utils/getLocalizedValidationErrors.d.ts +9 -0
  13. package/package.json +12 -12
package/build/index.css CHANGED
@@ -2,6 +2,18 @@
2
2
  @layer eds-components;
3
3
  /* EDS 2.0 Next Components - CSS */
4
4
  /* Define layer order - eds-components has lowest priority for easy user overrides */
5
+ /*
6
+ * Font loading:
7
+ * Next components use two font families:
8
+ * - "Inter" for UI text (buttons, inputs, labels, etc.)
9
+ * - "Equinor" for headings
10
+ *
11
+ * Load both fonts via the EDS variable font stylesheet:
12
+ * <link rel="stylesheet" href="https://cdn.eds.equinor.com/font/eds-uprights-vf.css" />
13
+ *
14
+ * Note: The older "equinor-font.css" only includes the Equinor font.
15
+ * If you only load that, UI components will fall back to a generic sans-serif.
16
+ */
5
17
  :root,[data-color-scheme=light]{color-scheme:light}
6
18
  [data-color-scheme=dark]{color-scheme:dark}
7
19
  :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)}
@@ -392,6 +404,12 @@
392
404
  color: var(--_eds-field-helper-color);
393
405
  }
394
406
 
407
+ /* Reduce gap before helper message to 3xs spacing.
408
+ Applied to the preceding sibling (not helper message) to avoid [data-font-family] margin: 0 override. */
409
+ .eds-field > :has(+ .eds-field__helper-message) {
410
+ margin-block-end: calc(var(--eds-spacing-vertical-3xs) - var(--eds-generic-gap-vertical));
411
+ }
412
+
395
413
  /* Only helper message changes color when disabled */
396
414
  .eds-field[data-disabled='true'] {
397
415
  --_eds-field-helper-color: var(--eds-color-text-disabled);
@@ -943,10 +961,8 @@
943
961
  &:focus-within {
944
962
  outline-color: var(--eds-color-border-strong);
945
963
  box-shadow:
946
- 0 0 0 var(--eds-sizing-stroke-thick) var(--_bg-input),
947
- 0 0 0
948
- calc(var(--eds-sizing-stroke-thick) + var(--eds-sizing-stroke-thin))
949
- var(--eds-color-border-focus);
964
+ 0 0 0 var(--eds-sizing-stroke-thin) var(--_bg-input),
965
+ 0 0 0 calc(var(--eds-sizing-stroke-thin) * 2) var(--eds-color-border-focus);
950
966
  }
951
967
 
952
968
  /* Invalid state */
@@ -956,10 +972,8 @@
956
972
  &:focus-within {
957
973
  outline-color: var(--eds-color-border-strong);
958
974
  box-shadow:
959
- 0 0 0 var(--eds-sizing-stroke-thick) var(--_bg-input),
960
- 0 0 0
961
- calc(var(--eds-sizing-stroke-thick) + var(--eds-sizing-stroke-thin))
962
- var(--eds-color-border-focus);
975
+ 0 0 0 var(--eds-sizing-stroke-thin) var(--_bg-input),
976
+ 0 0 0 calc(var(--eds-sizing-stroke-thin) * 2) var(--eds-color-border-focus);
963
977
  }
964
978
  }
965
979
 
@@ -1095,31 +1109,10 @@
1095
1109
  }
1096
1110
 
1097
1111
  .eds-text-field__info {
1098
- display: inline-flex;
1099
- align-items: center;
1100
1112
  flex-shrink: 0;
1101
- padding: 0;
1102
- border: none;
1103
- background: transparent;
1104
- color: var(--eds-color-icon-subtle);
1105
- cursor: pointer;
1113
+ /* Negative margin collapses the button's 24px layout contribution to ~8px,
1114
+ matching Figma's 8px icon container. Label text-box height determines row height. */
1106
1115
  margin-block: calc(var(--eds-sizing-icon-xs) / -2);
1107
-
1108
- &:hover,
1109
- &:focus-visible {
1110
- color: var(--eds-color-icon-info);
1111
-
1112
- & svg {
1113
- background: var(--eds-color-bg-fill-muted-hover);
1114
- border-radius: var(--eds-spacing-border-radius-pill);
1115
- }
1116
- }
1117
-
1118
- &:focus-visible {
1119
- outline: var(--eds-sizing-stroke-thick) solid var(--eds-color-focus);
1120
- outline-offset: var(--eds-sizing-stroke-thick);
1121
- border-radius: var(--eds-spacing-border-radius-pill);
1122
- }
1123
1116
  }
1124
1117
  }
1125
1118
 
package/build/index.min.css CHANGED
@@ -1 +1 @@
1
- :root,[data-color-scheme=light]{color-scheme:light}[data-color-scheme=dark]{color-scheme:dark}:root{--eds-color-bg-floating:light-dark(#fff,#202223);--eds-color-bg-backdrop:light-dark(#aeaeae,#738696);--eds-color-bg-input:light-dark(#f5f5f5,#0b0b0b);--eds-color-border-focus:light-dark(#6fb6e9,#2d8bc5);--eds-color-text-link:light-dark(#0070a9,#5abbfb);--eds-color-bg-disabled:light-dark(#e1e1e1,#525c65);--eds-color-border-disabled:light-dark(#aeaeae,#738696);--eds-color-text-disabled:light-dark(#aeaeae,#738696);--eds-color-accent-1:light-dark(#eaf8fa,#0a0b0b);--eds-color-accent-2:light-dark(#f6ffff,#1e2323);--eds-color-accent-3:light-dark(#cfe7e9,#3c6266);--eds-color-accent-4:light-dark(#bbdbdf,#3e7378);--eds-color-accent-5:light-dark(#a2cdd2,#41878e);--eds-color-accent-6:light-dark(#bbdbdf,#3c6266);--eds-color-accent-7:light-dark(#7cbac1,#439199);--eds-color-accent-8:light-dark(#21767e,#6ec0c9);--eds-color-accent-9:light-dark(#206f77,#8cd2da);--eds-color-accent-10:light-dark(#205c62,#ace3e9);--eds-color-accent-11:light-dark(#20565c,#c7f1f6);--eds-color-accent-12:light-dark(#1f6369,#bcebf1);--eds-color-accent-13:light-dark(#141f20,#e6ffff);--eds-color-accent-14:light-dark(#cae4e7,#2c3839);--eds-color-accent-15:light-dark(#fff,#030303);--eds-color-neutral-1:light-dark(#f5f5f5,#0b0b0b);--eds-color-neutral-2:light-dark(#fff,#202223);--eds-color-neutral-3:light-dark(#e1e1e1,#525c65);--eds-color-neutral-4:light-dark(#d4d4d4,#5d6b76);--eds-color-neutral-5:light-dark(#c4c4c4,#6b7d8b);--eds-color-neutral-6:light-dark(#d4d4d4,#525c65);--eds-color-neutral-7:light-dark(#aeaeae,#738696);--eds-color-neutral-8:light-dark(#696969,#9fb4c6);--eds-color-neutral-9:light-dark(#636363,#b4c7d7);--eds-color-neutral-10:light-dark(#525252,#cadae7);--eds-color-neutral-11:light-dark(#4d4d4d,#deeaf4);--eds-color-neutral-12:light-dark(#585858,#d6e3ee);--eds-color-neutral-13:light-dark(#1d1d1d,#f5fdff);--eds-color-neutral-14:light-dark(#dedede,#333639);--eds-color-neutral-15:light-dark(#fff,#030303);--eds-color-info-1:light-dark(#e7f8ff,#0a0b0c);--eds-color-info-2:light-dark(#f4ffff,#1d2226);--eds-color-info-3:light-dark(#cae6fa,#33607e);--eds-color-info-4:light-dark(#b5daf5,#316f98);--eds-color-info-5:light-dark(#99cbf0,#2e82b7);--eds-color-info-6:light-dark(#b5daf5,#33607e);--eds-color-info-7:light-dark(#6fb6e9,#2d8bc5);--eds-color-info-8:light-dark(#0070a9,#5abbfb);--eds-color-info-9:light-dark(#006aa0,#7dceff);--eds-color-info-10:light-dark(#085883,#a2e0ff);--eds-color-info-11:light-dark(#0e5279,#c4eeff);--eds-color-info-12:light-dark(#015e8d,#b7e8ff);--eds-color-info-13:light-dark(#121e27,#ecffff);--eds-color-info-14:light-dark(#c5e3f9,#2a3741);--eds-color-info-15:light-dark(#fff,#030304);--eds-color-success-1:light-dark(#eafbe8,#0a0c0a);--eds-color-success-2:light-dark(#f6fff5,#1e231e);--eds-color-success-3:light-dark(#cfeacc,#3c673a);--eds-color-success-4:light-dark(#bbe0b8,#3e793c);--eds-color-success-5:light-dark(#a2d49e,#418e3e);--eds-color-success-6:light-dark(#bbe0b8,#3c673a);--eds-color-success-7:light-dark(#7cc278,#439941);--eds-color-success-8:light-dark(#227e22,#6eca6a);--eds-color-success-9:light-dark(#207720,#8cdb87);--eds-color-success-10:light-dark(#20621f,#aceba8);--eds-color-success-11:light-dark(#215c1f,#c7f7c3);--eds-color-success-12:light-dark(#20691f,#bcf2b8);--eds-color-success-13:light-dark(#142114,#e6ffe3);--eds-color-success-14:light-dark(#cae8c7,#2c392b);--eds-color-success-15:light-dark(#fff,#030303);--eds-color-warning-1:light-dark(#fff1e2,#0c0b0a);--eds-color-warning-2:light-dark(#fffcf0,#27201b);--eds-color-warning-3:light-dark(#fbdac1,#7e4e25);--eds-color-warning-4:light-dark(#f6caaa,#97571b);--eds-color-warning-5:light-dark(#f0b689,#b46201);--eds-color-warning-6:light-dark(#f6caaa,#7e4e25);--eds-color-warning-7:light-dark(#e89959,#c36800);--eds-color-warning-8:light-dark(#a34e00,#f99539);--eds-color-warning-9:light-dark(#9b4900,#ffad63);--eds-color-warning-10:light-dark(#813e00,#ffc791);--eds-color-warning-11:light-dark(#773a00,#ffddb9);--eds-color-warning-12:light-dark(#8a4100,#ffd4aa);--eds-color-warning-13:light-dark(#27190e,#fff7e6);--eds-color-warning-14:light-dark(#fad6bc,#413226);--eds-color-warning-15:light-dark(#fff,#040303);--eds-color-danger-1:light-dark(#ffecea,#0d0a0a);--eds-color-danger-2:light-dark(#fff9f8,#2a1e1e);--eds-color-danger-3:light-dark(#ffd0ce,#923a3c);--eds-color-danger-4:light-dark(#ffbcba,#b03940);--eds-color-danger-5:light-dark(#ffa3a1,#d43745);--eds-color-danger-6:light-dark(#ffbcba,#923a3c);--eds-color-danger-7:light-dark(#ff7a7d,#e53748);--eds-color-danger-8:light-dark(#c6002d,#ff8082);--eds-color-danger-9:light-dark(#bc002a,#ffa3a1);--eds-color-danger-10:light-dark(#9a1026,#ffc1bf);--eds-color-danger-11:light-dark(#8e1525,#ffd9d7);--eds-color-danger-12:light-dark(#a50827,#ffd0ce);--eds-color-danger-13:light-dark(#2e1414,#fff5f4);--eds-color-danger-14:light-dark(#ffcbc9,#492d2c);--eds-color-danger-15:light-dark(#fff,#040303);--eds-color-bg-neutral-canvas:var(--eds-color-neutral-1);--eds-color-bg-neutral-surface:var(--eds-color-neutral-2);--eds-color-bg-neutral-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-neutral-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-neutral-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-neutral-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-neutral-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-neutral-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-accent-canvas:var(--eds-color-accent-1);--eds-color-bg-accent-surface:var(--eds-color-accent-2);--eds-color-bg-accent-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-accent-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-accent-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-accent-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-accent-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-accent-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-success-canvas:var(--eds-color-success-1);--eds-color-bg-success-surface:var(--eds-color-success-2);--eds-color-bg-success-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-success-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-success-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-success-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-success-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-success-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-info-canvas:var(--eds-color-info-1);--eds-color-bg-info-surface:var(--eds-color-info-2);--eds-color-bg-info-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-info-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-info-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-info-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-info-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-info-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-warning-canvas:var(--eds-color-warning-1);--eds-color-bg-warning-surface:var(--eds-color-warning-2);--eds-color-bg-warning-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-warning-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-warning-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-warning-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-warning-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-warning-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-danger-canvas:var(--eds-color-danger-1);--eds-color-bg-danger-surface:var(--eds-color-danger-2);--eds-color-bg-danger-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-danger-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-danger-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-danger-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-danger-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-danger-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-border-neutral-subtle:var(--eds-color-neutral-6);--eds-color-border-neutral-medium:var(--eds-color-neutral-7);--eds-color-border-neutral-strong:var(--eds-color-neutral-8);--eds-color-border-accent-subtle:var(--eds-color-accent-6);--eds-color-border-accent-medium:var(--eds-color-accent-7);--eds-color-border-accent-strong:var(--eds-color-accent-8);--eds-color-border-success-subtle:var(--eds-color-success-6);--eds-color-border-success-medium:var(--eds-color-success-7);--eds-color-border-success-strong:var(--eds-color-success-8);--eds-color-border-info-subtle:var(--eds-color-info-6);--eds-color-border-info-medium:var(--eds-color-info-7);--eds-color-border-info-strong:var(--eds-color-info-8);--eds-color-border-warning-subtle:var(--eds-color-warning-6);--eds-color-border-warning-medium:var(--eds-color-warning-7);--eds-color-border-warning-strong:var(--eds-color-warning-8);--eds-color-border-danger-subtle:var(--eds-color-danger-6);--eds-color-border-danger-medium:var(--eds-color-danger-7);--eds-color-border-danger-strong:var(--eds-color-danger-8);--eds-color-text-neutral-subtle:var(--eds-color-neutral-12);--eds-color-text-neutral-strong:var(--eds-color-neutral-13);--eds-color-text-neutral-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-neutral-strong-on-emphasis:var(--eds-color-neutral-15);--eds-color-text-accent-subtle:var(--eds-color-accent-12);--eds-color-text-accent-strong:var(--eds-color-accent-13);--eds-color-text-accent-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-accent-strong-on-emphasis:var(--eds-color-accent-15);--eds-color-text-success-subtle:var(--eds-color-success-12);--eds-color-text-success-strong:var(--eds-color-success-13);--eds-color-text-success-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-success-strong-on-emphasis:var(--eds-color-success-15);--eds-color-text-info-subtle:var(--eds-color-info-12);--eds-color-text-info-strong:var(--eds-color-info-13);--eds-color-text-info-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-info-strong-on-emphasis:var(--eds-color-info-15);--eds-color-text-warning-subtle:var(--eds-color-warning-12);--eds-color-text-warning-strong:var(--eds-color-warning-13);--eds-color-text-warning-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-warning-strong-on-emphasis:var(--eds-color-warning-15);--eds-color-text-danger-subtle:var(--eds-color-danger-12);--eds-color-text-danger-strong:var(--eds-color-danger-13);--eds-color-text-danger-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-danger-strong-on-emphasis:var(--eds-color-danger-15)}:root,[data-color-appearance=neutral]{--eds-color-bg-fill-muted-default:var(--eds-color-neutral-3);--eds-color-bg-fill-muted-hover:var(--eds-color-neutral-4);--eds-color-bg-fill-muted-active:var(--eds-color-neutral-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-neutral-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-neutral-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-neutral-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-neutral-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-neutral-3);--eds-color-bg-canvas:var(--eds-color-neutral-1);--eds-color-bg-surface:var(--eds-color-neutral-2);--eds-color-border-subtle:var(--eds-color-neutral-6);--eds-color-border-medium:var(--eds-color-neutral-7);--eds-color-border-strong:var(--eds-color-neutral-8);--eds-color-border-disabled:var(--eds-color-neutral-7);--eds-color-text-subtle:var(--eds-color-neutral-12);--eds-color-text-strong:var(--eds-color-neutral-13);--eds-color-text-disabled:var(--eds-color-neutral-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-neutral-14);--eds-color-text-strong-on-emphasis:var(--eds-color-neutral-15)}[data-color-appearance=accent]{--eds-color-bg-fill-muted-default:var(--eds-color-accent-3);--eds-color-bg-fill-muted-hover:var(--eds-color-accent-4);--eds-color-bg-fill-muted-active:var(--eds-color-accent-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-accent-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-accent-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-accent-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-accent-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-accent-3);--eds-color-bg-canvas:var(--eds-color-accent-1);--eds-color-bg-surface:var(--eds-color-accent-2);--eds-color-border-subtle:var(--eds-color-accent-6);--eds-color-border-medium:var(--eds-color-accent-7);--eds-color-border-strong:var(--eds-color-accent-8);--eds-color-border-disabled:var(--eds-color-accent-7);--eds-color-text-subtle:var(--eds-color-accent-12);--eds-color-text-strong:var(--eds-color-accent-13);--eds-color-text-disabled:var(--eds-color-accent-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-accent-14);--eds-color-text-strong-on-emphasis:var(--eds-color-accent-15)}[data-color-appearance=danger]{--eds-color-bg-fill-muted-default:var(--eds-color-danger-3);--eds-color-bg-fill-muted-hover:var(--eds-color-danger-4);--eds-color-bg-fill-muted-active:var(--eds-color-danger-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-danger-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-danger-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-danger-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-danger-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-danger-3);--eds-color-bg-canvas:var(--eds-color-danger-1);--eds-color-bg-surface:var(--eds-color-danger-2);--eds-color-border-subtle:var(--eds-color-danger-6);--eds-color-border-medium:var(--eds-color-danger-7);--eds-color-border-strong:var(--eds-color-danger-8);--eds-color-border-disabled:var(--eds-color-danger-7);--eds-color-text-subtle:var(--eds-color-danger-12);--eds-color-text-strong:var(--eds-color-danger-13);--eds-color-text-disabled:var(--eds-color-danger-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-danger-14);--eds-color-text-strong-on-emphasis:var(--eds-color-danger-15)}[data-color-appearance=info]{--eds-color-bg-fill-muted-default:var(--eds-color-info-3);--eds-color-bg-fill-muted-hover:var(--eds-color-info-4);--eds-color-bg-fill-muted-active:var(--eds-color-info-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-info-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-info-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-info-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-info-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-info-3);--eds-color-bg-canvas:var(--eds-color-info-1);--eds-color-bg-surface:var(--eds-color-info-2);--eds-color-border-subtle:var(--eds-color-info-6);--eds-color-border-medium:var(--eds-color-info-7);--eds-color-border-strong:var(--eds-color-info-8);--eds-color-border-disabled:var(--eds-color-info-7);--eds-color-text-subtle:var(--eds-color-info-12);--eds-color-text-strong:var(--eds-color-info-13);--eds-color-text-disabled:var(--eds-color-info-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-info-14);--eds-color-text-strong-on-emphasis:var(--eds-color-info-15)}[data-color-appearance=success]{--eds-color-bg-fill-muted-default:var(--eds-color-success-3);--eds-color-bg-fill-muted-hover:var(--eds-color-success-4);--eds-color-bg-fill-muted-active:var(--eds-color-success-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-success-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-success-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-success-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-success-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-success-3);--eds-color-bg-canvas:var(--eds-color-success-1);--eds-color-bg-surface:var(--eds-color-success-2);--eds-color-border-subtle:var(--eds-color-success-6);--eds-color-border-medium:var(--eds-color-success-7);--eds-color-border-strong:var(--eds-color-success-8);--eds-color-border-disabled:var(--eds-color-success-7);--eds-color-text-subtle:var(--eds-color-success-12);--eds-color-text-strong:var(--eds-color-success-13);--eds-color-text-disabled:var(--eds-color-success-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-success-14);--eds-color-text-strong-on-emphasis:var(--eds-color-success-15)}[data-color-appearance=warning]{--eds-color-bg-fill-muted-default:var(--eds-color-warning-3);--eds-color-bg-fill-muted-hover:var(--eds-color-warning-4);--eds-color-bg-fill-muted-active:var(--eds-color-warning-5);--eds-color-bg-fill-muted-disabled:var(--eds-color-warning-3);--eds-color-bg-fill-emphasis-default:var(--eds-color-warning-9);--eds-color-bg-fill-emphasis-hover:var(--eds-color-warning-10);--eds-color-bg-fill-emphasis-active:var(--eds-color-warning-11);--eds-color-bg-fill-emphasis-disabled:var(--eds-color-warning-3);--eds-color-bg-canvas:var(--eds-color-warning-1);--eds-color-bg-surface:var(--eds-color-warning-2);--eds-color-border-subtle:var(--eds-color-warning-6);--eds-color-border-medium:var(--eds-color-warning-7);--eds-color-border-strong:var(--eds-color-warning-8);--eds-color-border-disabled:var(--eds-color-warning-7);--eds-color-text-subtle:var(--eds-color-warning-12);--eds-color-text-strong:var(--eds-color-warning-13);--eds-color-text-disabled:var(--eds-color-warning-7);--eds-color-text-subtle-on-emphasis:var(--eds-color-warning-14);--eds-color-text-strong-on-emphasis:var(--eds-color-warning-15)}:root,[data-density=spacious]{--eds-sizing-icon-xs:1rem;--eds-sizing-icon-sm:1.125rem;--eds-sizing-icon-md:1.25rem;--eds-sizing-icon-lg:1.5rem;--eds-sizing-icon-xl:1.75rem;--eds-sizing-icon-2xl:2rem;--eds-sizing-icon-3xl:2.313rem;--eds-sizing-icon-4xl:2.625rem;--eds-sizing-icon-5xl:3rem;--eds-sizing-icon-6xl:3.5rem;--eds-sizing-selectable-xs:1.25rem;--eds-sizing-selectable-sm:1.5rem;--eds-sizing-selectable-md:2.25rem;--eds-sizing-selectable-lg:2.75rem;--eds-sizing-selectable-xl:3.25rem;--eds-sizing-selectable-2xl:3.75rem;--eds-sizing-stroke-thin:.063rem;--eds-sizing-stroke-thick:.125rem;--eds-sizing-stroke-none:0rem;--eds-spacing-icon-xs-gap-horizontal:.406rem;--eds-spacing-icon-xs-gap-vertical:.406rem;--eds-spacing-icon-sm-gap-horizontal:.469rem;--eds-spacing-icon-sm-gap-vertical:.469rem;--eds-spacing-icon-md-gap-horizontal:.531rem;--eds-spacing-icon-md-gap-vertical:.531rem;--eds-spacing-icon-lg-gap-horizontal:.625rem;--eds-spacing-icon-lg-gap-vertical:.625rem;--eds-spacing-icon-xl-gap-horizontal:.719rem;--eds-spacing-icon-xl-gap-vertical:.719rem;--eds-spacing-icon-2xl-gap-horizontal:.813rem;--eds-spacing-icon-2xl-gap-vertical:.813rem;--eds-spacing-icon-3xl-gap-horizontal:.938rem;--eds-spacing-icon-3xl-gap-vertical:.938rem;--eds-spacing-icon-4xl-gap-horizontal:1.094rem;--eds-spacing-icon-4xl-gap-vertical:1.094rem;--eds-spacing-icon-5xl-gap-horizontal:1.25rem;--eds-spacing-icon-5xl-gap-vertical:1.25rem;--eds-spacing-icon-6xl-gap-horizontal:1.438rem;--eds-spacing-icon-6xl-gap-vertical:1.438rem;--eds-spacing-border-radius-rounded:.25rem;--eds-spacing-border-radius-pill:62.5rem;--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-horizontal:.5rem;--eds-spacing-inset-xs-vertical-squished:.375rem;--eds-spacing-inset-xs-vertical-squared:.5rem;--eds-spacing-inset-xs-vertical-stretched:.75rem;--eds-spacing-inset-sm-horizontal:.75rem;--eds-spacing-inset-sm-vertical-squished:.5rem;--eds-spacing-inset-sm-vertical-squared:.75rem;--eds-spacing-inset-sm-vertical-stretched:1rem;--eds-spacing-inset-md-horizontal:1rem;--eds-spacing-inset-md-vertical-squished:.75rem;--eds-spacing-inset-md-vertical-squared:1rem;--eds-spacing-inset-md-vertical-stretched:1.25rem;--eds-spacing-inset-lg-horizontal:1.25rem;--eds-spacing-inset-lg-vertical-squished:1rem;--eds-spacing-inset-lg-vertical-squared:1.25rem;--eds-spacing-inset-lg-vertical-stretched:1.5rem;--eds-spacing-inset-xl-horizontal:1.5rem;--eds-spacing-inset-xl-vertical-squished:1.25rem;--eds-spacing-inset-xl-vertical-squared:1.5rem;--eds-spacing-inset-xl-vertical-stretched:1.75rem;--eds-spacing-horizontal-4xs:.125rem;--eds-spacing-horizontal-3xs:.25rem;--eds-spacing-horizontal-2xs:.375rem;--eds-spacing-horizontal-xs:.5rem;--eds-spacing-horizontal-sm:.75rem;--eds-spacing-horizontal-md:1rem;--eds-spacing-horizontal-lg:1.25rem;--eds-spacing-horizontal-xl:1.5rem;--eds-spacing-horizontal-2xl:1.75rem;--eds-spacing-horizontal-3xl:2rem;--eds-spacing-vertical-4xs:.125rem;--eds-spacing-vertical-3xs:.25rem;--eds-spacing-vertical-2xs:.375rem;--eds-spacing-vertical-xs:.5rem;--eds-spacing-vertical-sm:.75rem;--eds-spacing-vertical-md:1rem;--eds-spacing-vertical-lg:1.25rem;--eds-spacing-vertical-xl:1.5rem;--eds-spacing-vertical-2xl:1.75rem;--eds-spacing-vertical-3xl:2rem;--eds-typography-ui-body-xs-font-size:.656rem;--eds-typography-ui-body-xs-tracking-tight:-1.15px;--eds-typography-ui-body-xs-tracking-normal:0px;--eds-typography-ui-body-xs-tracking-wide:1.15px;--eds-typography-ui-body-xs-font-weight-lighter:300;--eds-typography-ui-body-xs-font-weight-normal:400;--eds-typography-ui-body-xs-font-weight-bolder:500;--eds-typography-ui-body-xs-line-height-default:1rem;--eds-typography-ui-body-xs-line-height-squished:.75rem;--eds-typography-ui-body-sm-font-size:.75rem;--eds-typography-ui-body-sm-tracking-tight:-1.32px;--eds-typography-ui-body-sm-tracking-normal:0px;--eds-typography-ui-body-sm-tracking-wide:1.32px;--eds-typography-ui-body-sm-font-weight-lighter:300;--eds-typography-ui-body-sm-font-weight-normal:400;--eds-typography-ui-body-sm-font-weight-bolder:500;--eds-typography-ui-body-sm-line-height-default:1rem;--eds-typography-ui-body-sm-line-height-squished:.75rem;--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:.875rem;--eds-typography-ui-body-md-tracking-tight:-1.54px;--eds-typography-ui-body-md-tracking-normal:0px;--eds-typography-ui-body-md-tracking-wide:1.54px;--eds-typography-ui-body-md-font-weight-lighter:300;--eds-typography-ui-body-md-font-weight-normal:400;--eds-typography-ui-body-md-font-weight-bolder:500;--eds-typography-ui-body-md-line-height-default:1.25rem;--eds-typography-ui-body-md-line-height-squished:1rem;--eds-typography-ui-body-lg-font-size:1rem;--eds-typography-ui-body-lg-tracking-tight:-1.76px;--eds-typography-ui-body-lg-tracking-normal:0px;--eds-typography-ui-body-lg-tracking-wide:1.76px;--eds-typography-ui-body-lg-font-weight-lighter:300;--eds-typography-ui-body-lg-font-weight-normal:400;--eds-typography-ui-body-lg-font-weight-bolder:500;--eds-typography-ui-body-lg-line-height-default:1.5rem;--eds-typography-ui-body-lg-line-height-squished:1.25rem;--eds-typography-ui-body-xl-font-size:1.156rem;--eds-typography-ui-body-xl-tracking-tight:-1.76px;--eds-typography-ui-body-xl-tracking-normal:0px;--eds-typography-ui-body-xl-tracking-wide:2.035px;--eds-typography-ui-body-xl-font-weight-lighter:300;--eds-typography-ui-body-xl-font-weight-normal:400;--eds-typography-ui-body-xl-font-weight-bolder:500;--eds-typography-ui-body-xl-line-height-default:1.5rem;--eds-typography-ui-body-xl-line-height-squished:1.25rem;--eds-typography-ui-body-2xl-font-size:1.313rem;--eds-typography-ui-body-2xl-tracking-tight:-2.31px;--eds-typography-ui-body-2xl-tracking-normal:0px;--eds-typography-ui-body-2xl-tracking-wide:2.31px;--eds-typography-ui-body-2xl-font-weight-lighter:300;--eds-typography-ui-body-2xl-font-weight-normal:400;--eds-typography-ui-body-2xl-font-weight-bolder:500;--eds-typography-ui-body-2xl-line-height-default:1.75rem;--eds-typography-ui-body-2xl-line-height-squished:1.5rem;--eds-typography-ui-body-3xl-font-size:1.531rem;--eds-typography-ui-body-3xl-tracking-tight:-2.695px;--eds-typography-ui-body-3xl-tracking-normal:0px;--eds-typography-ui-body-3xl-tracking-wide:2.695px;--eds-typography-ui-body-3xl-font-weight-lighter:300;--eds-typography-ui-body-3xl-font-weight-normal:400;--eds-typography-ui-body-3xl-font-weight-bolder:500;--eds-typography-ui-body-3xl-line-height-default:2rem;--eds-typography-ui-body-3xl-line-height-squished:1.75rem;--eds-typography-ui-body-4xl-font-size:1.75rem;--eds-typography-ui-body-4xl-tracking-tight:-3.08px;--eds-typography-ui-body-4xl-tracking-normal:0px;--eds-typography-ui-body-4xl-tracking-wide:3.08px;--eds-typography-ui-body-4xl-font-weight-lighter:300;--eds-typography-ui-body-4xl-font-weight-normal:400;--eds-typography-ui-body-4xl-font-weight-bolder:500;--eds-typography-ui-body-4xl-line-height-default:2rem;--eds-typography-ui-body-4xl-line-height-squished:1.75rem;--eds-typography-ui-body-5xl-font-size:2rem;--eds-typography-ui-body-5xl-tracking-tight:-3.52px;--eds-typography-ui-body-5xl-tracking-normal:0px;--eds-typography-ui-body-5xl-tracking-wide:3.52px;--eds-typography-ui-body-5xl-font-weight-lighter:300;--eds-typography-ui-body-5xl-font-weight-normal:400;--eds-typography-ui-body-5xl-font-weight-bolder:500;--eds-typography-ui-body-5xl-line-height-default:2.25rem;--eds-typography-ui-body-5xl-line-height-squished:2rem;--eds-typography-ui-body-6xl-font-size:2.313rem;--eds-typography-ui-body-6xl-tracking-tight:-4.07px;--eds-typography-ui-body-6xl-tracking-normal:0px;--eds-typography-ui-body-6xl-tracking-wide:4.07px;--eds-typography-ui-body-6xl-font-weight-lighter:300;--eds-typography-ui-body-6xl-font-weight-normal:400;--eds-typography-ui-body-6xl-font-weight-bolder:500;--eds-typography-ui-body-6xl-line-height-default:2.5rem;--eds-typography-ui-body-6xl-line-height-squished:2.25rem;--eds-typography-header-font-family:"Equinor";--eds-typography-header-xs-font-size:.75rem;--eds-typography-header-xs-tracking-tight:-1.15px;--eds-typography-header-xs-tracking-normal:0px;--eds-typography-header-xs-tracking-wide:1.15px;--eds-typography-header-xs-font-weight-lighter:300;--eds-typography-header-xs-font-weight-normal:400;--eds-typography-header-xs-font-weight-bolder:500;--eds-typography-header-xs-line-height-default:1rem;--eds-typography-header-xs-line-height-squished:.75rem;--eds-typography-header-sm-font-size:.875rem;--eds-typography-header-sm-tracking-tight:-1.32px;--eds-typography-header-sm-tracking-normal:0px;--eds-typography-header-sm-tracking-wide:1.32px;--eds-typography-header-sm-font-weight-lighter:300;--eds-typography-header-sm-font-weight-normal:400;--eds-typography-header-sm-font-weight-bolder:500;--eds-typography-header-sm-line-height-default:1rem;--eds-typography-header-sm-line-height-squished:.75rem;--eds-typography-header-md-font-size:1rem;--eds-typography-header-md-tracking-tight:-1.54px;--eds-typography-header-md-tracking-normal:0px;--eds-typography-header-md-tracking-wide:1.54px;--eds-typography-header-md-font-weight-lighter:300;--eds-typography-header-md-font-weight-normal:400;--eds-typography-header-md-font-weight-bolder:500;--eds-typography-header-md-line-height-default:1.25rem;--eds-typography-header-md-line-height-squished:1rem;--eds-typography-header-lg-font-size:1.125rem;--eds-typography-header-lg-tracking-tight:-1.76px;--eds-typography-header-lg-tracking-normal:0px;--eds-typography-header-lg-tracking-wide:1.76px;--eds-typography-header-lg-font-weight-lighter:300;--eds-typography-header-lg-font-weight-normal:400;--eds-typography-header-lg-font-weight-bolder:500;--eds-typography-header-lg-line-height-default:1.5rem;--eds-typography-header-lg-line-height-squished:1.25rem;--eds-typography-header-xl-font-size:1.313rem;--eds-typography-header-xl-tracking-tight:-1.76px;--eds-typography-header-xl-tracking-normal:0px;--eds-typography-header-xl-tracking-wide:2.035px;--eds-typography-header-xl-font-weight-lighter:300;--eds-typography-header-xl-font-weight-normal:400;--eds-typography-header-xl-font-weight-bolder:500;--eds-typography-header-xl-line-height-default:1.5rem;--eds-typography-header-xl-line-height-squished:1.25rem;--eds-typography-header-2xl-font-size:1.5rem;--eds-typography-header-2xl-tracking-tight:-2.31px;--eds-typography-header-2xl-tracking-normal:0px;--eds-typography-header-2xl-tracking-wide:2.31px;--eds-typography-header-2xl-font-weight-lighter:300;--eds-typography-header-2xl-font-weight-normal:400;--eds-typography-header-2xl-font-weight-bolder:500;--eds-typography-header-2xl-line-height-default:1.75rem;--eds-typography-header-2xl-line-height-squished:1.5rem;--eds-typography-header-3xl-font-size:1.719rem;--eds-typography-header-3xl-tracking-tight:-2.695px;--eds-typography-header-3xl-tracking-normal:0px;--eds-typography-header-3xl-tracking-wide:2.695px;--eds-typography-header-3xl-font-weight-lighter:300;--eds-typography-header-3xl-font-weight-normal:400;--eds-typography-header-3xl-font-weight-bolder:500;--eds-typography-header-3xl-line-height-default:2rem;--eds-typography-header-3xl-line-height-squished:1.75rem;--eds-typography-header-4xl-font-size:1.969rem;--eds-typography-header-4xl-tracking-tight:-3.08px;--eds-typography-header-4xl-tracking-normal:0px;--eds-typography-header-4xl-tracking-wide:3.08px;--eds-typography-header-4xl-font-weight-lighter:300;--eds-typography-header-4xl-font-weight-normal:400;--eds-typography-header-4xl-font-weight-bolder:500;--eds-typography-header-4xl-line-height-default:2rem;--eds-typography-header-4xl-line-height-squished:1.75rem;--eds-typography-header-5xl-font-size:2.281rem;--eds-typography-header-5xl-tracking-tight:-3.52px;--eds-typography-header-5xl-tracking-normal:0px;--eds-typography-header-5xl-tracking-wide:3.52px;--eds-typography-header-5xl-font-weight-lighter:300;--eds-typography-header-5xl-font-weight-normal:400;--eds-typography-header-5xl-font-weight-bolder:500;--eds-typography-header-5xl-line-height-default:2.25rem;--eds-typography-header-5xl-line-height-squished:2rem;--eds-typography-header-6xl-font-size:2.625rem;--eds-typography-header-6xl-tracking-tight:-4.07px;--eds-typography-header-6xl-tracking-normal:0px;--eds-typography-header-6xl-tracking-wide:4.07px;--eds-typography-header-6xl-font-weight-lighter:300;--eds-typography-header-6xl-font-weight-normal:400;--eds-typography-header-6xl-font-weight-bolder:500;--eds-typography-header-6xl-line-height-default:2.5rem;--eds-typography-header-6xl-line-height-squished:2.25rem}[data-density=comfortable]{--eds-sizing-icon-xs:.875rem;--eds-sizing-icon-sm:1rem;--eds-sizing-icon-md:1.125rem;--eds-sizing-icon-lg:1.25rem;--eds-sizing-icon-xl:1.5rem;--eds-sizing-icon-2xl:1.75rem;--eds-sizing-icon-3xl:2rem;--eds-sizing-icon-4xl:2.313rem;--eds-sizing-icon-5xl:2.625rem;--eds-sizing-icon-6xl:3rem;--eds-sizing-selectable-xs:1rem;--eds-sizing-selectable-sm:1.25rem;--eds-sizing-selectable-md:1.5rem;--eds-sizing-selectable-lg:2.25rem;--eds-sizing-selectable-xl:2.75rem;--eds-sizing-selectable-2xl:3.25rem;--eds-sizing-stroke-thin:.063rem;--eds-sizing-stroke-thick:.125rem;--eds-sizing-stroke-none:0rem;--eds-spacing-icon-xs-gap-horizontal:.344rem;--eds-spacing-icon-xs-gap-vertical:.344rem;--eds-spacing-icon-sm-gap-horizontal:.406rem;--eds-spacing-icon-sm-gap-vertical:.406rem;--eds-spacing-icon-md-gap-horizontal:.469rem;--eds-spacing-icon-md-gap-vertical:.469rem;--eds-spacing-icon-lg-gap-horizontal:.531rem;--eds-spacing-icon-lg-gap-vertical:.531rem;--eds-spacing-icon-xl-gap-horizontal:.625rem;--eds-spacing-icon-xl-gap-vertical:.625rem;--eds-spacing-icon-2xl-gap-horizontal:.719rem;--eds-spacing-icon-2xl-gap-vertical:.719rem;--eds-spacing-icon-3xl-gap-horizontal:.813rem;--eds-spacing-icon-3xl-gap-vertical:.813rem;--eds-spacing-icon-4xl-gap-horizontal:.938rem;--eds-spacing-icon-4xl-gap-vertical:.938rem;--eds-spacing-icon-5xl-gap-horizontal:1.094rem;--eds-spacing-icon-5xl-gap-vertical:1.094rem;--eds-spacing-icon-6xl-gap-horizontal:1.25rem;--eds-spacing-icon-6xl-gap-vertical:1.25rem;--eds-spacing-border-radius-rounded:.188rem;--eds-spacing-border-radius-pill:62.5rem;--eds-spacing-border-radius-none:0rem;--eds-spacing-inset-xs-horizontal:.375rem;--eds-spacing-inset-xs-vertical-squished:.25rem;--eds-spacing-inset-xs-vertical-squared:.375rem;--eds-spacing-inset-xs-vertical-stretched:.5rem;--eds-spacing-inset-sm-horizontal:.5rem;--eds-spacing-inset-sm-vertical-squished:.375rem;--eds-spacing-inset-sm-vertical-squared:.5rem;--eds-spacing-inset-sm-vertical-stretched:.75rem;--eds-spacing-inset-md-horizontal:.75rem;--eds-spacing-inset-md-vertical-squished:.5rem;--eds-spacing-inset-md-vertical-squared:.75rem;--eds-spacing-inset-md-vertical-stretched:1rem;--eds-spacing-inset-lg-horizontal:1rem;--eds-spacing-inset-lg-vertical-squished:.75rem;--eds-spacing-inset-lg-vertical-squared:1rem;--eds-spacing-inset-lg-vertical-stretched:1.25rem;--eds-spacing-inset-xl-horizontal:1.25rem;--eds-spacing-inset-xl-vertical-squished:1rem;--eds-spacing-inset-xl-vertical-squared:1.25rem;--eds-spacing-inset-xl-vertical-stretched:1.5rem;--eds-spacing-horizontal-4xs:.063rem;--eds-spacing-horizontal-3xs:.125rem;--eds-spacing-horizontal-2xs:.25rem;--eds-spacing-horizontal-xs:.375rem;--eds-spacing-horizontal-sm:.5rem;--eds-spacing-horizontal-md:.75rem;--eds-spacing-horizontal-lg:1rem;--eds-spacing-horizontal-xl:1.25rem;--eds-spacing-horizontal-2xl:1.5rem;--eds-spacing-horizontal-3xl:1.75rem;--eds-spacing-vertical-4xs:.063rem;--eds-spacing-vertical-3xs:.125rem;--eds-spacing-vertical-2xs:.25rem;--eds-spacing-vertical-xs:.375rem;--eds-spacing-vertical-sm:.5rem;--eds-spacing-vertical-md:.75rem;--eds-spacing-vertical-lg:1rem;--eds-spacing-vertical-xl:1.25rem;--eds-spacing-vertical-2xl:1.5rem;--eds-spacing-vertical-3xl:1.75rem;--eds-typography-ui-body-xs-font-size:.563rem;--eds-typography-ui-body-xs-tracking-tight:-.99px;--eds-typography-ui-body-xs-tracking-normal:0px;--eds-typography-ui-body-xs-tracking-wide:.99px;--eds-typography-ui-body-xs-font-weight-lighter:300;--eds-typography-ui-body-xs-font-weight-normal:400;--eds-typography-ui-body-xs-font-weight-bolder:500;--eds-typography-ui-body-xs-line-height-default:.75rem;--eds-typography-ui-body-xs-line-height-squished:.75rem;--eds-typography-ui-body-sm-font-size:.656rem;--eds-typography-ui-body-sm-tracking-tight:-1.15px;--eds-typography-ui-body-sm-tracking-normal:0px;--eds-typography-ui-body-sm-tracking-wide:1.15px;--eds-typography-ui-body-sm-font-weight-lighter:300;--eds-typography-ui-body-sm-font-weight-normal:400;--eds-typography-ui-body-sm-font-weight-bolder:500;--eds-typography-ui-body-sm-line-height-default:1rem;--eds-typography-ui-body-sm-line-height-squished:.75rem;--eds-typography-ui-body-font-family:"Inter";--eds-typography-ui-body-md-font-size:.75rem;--eds-typography-ui-body-md-tracking-tight:-1.32px;--eds-typography-ui-body-md-tracking-normal:0px;--eds-typography-ui-body-md-tracking-wide:1.32px;--eds-typography-ui-body-md-font-weight-lighter:300;--eds-typography-ui-body-md-font-weight-normal:400;--eds-typography-ui-body-md-font-weight-bolder:500;--eds-typography-ui-body-md-line-height-default:1rem;--eds-typography-ui-body-md-line-height-squished:.75rem;--eds-typography-ui-body-lg-font-size:.875rem;--eds-typography-ui-body-lg-tracking-tight:-1.54px;--eds-typography-ui-body-lg-tracking-normal:0px;--eds-typography-ui-body-lg-tracking-wide:1.54px;--eds-typography-ui-body-lg-font-weight-lighter:300;--eds-typography-ui-body-lg-font-weight-normal:400;--eds-typography-ui-body-lg-font-weight-bolder:500;--eds-typography-ui-body-lg-line-height-default:1.25rem;--eds-typography-ui-body-lg-line-height-squished:1rem;--eds-typography-ui-body-xl-font-size:1rem;--eds-typography-ui-body-xl-tracking-tight:-1.76px;--eds-typography-ui-body-xl-tracking-normal:0px;--eds-typography-ui-body-xl-tracking-wide:1.76px;--eds-typography-ui-body-xl-font-weight-lighter:300;--eds-typography-ui-body-xl-font-weight-normal:400;--eds-typography-ui-body-xl-font-weight-bolder:500;--eds-typography-ui-body-xl-line-height-default:1.5rem;--eds-typography-ui-body-xl-line-height-squished:1.25rem;--eds-typography-ui-body-2xl-font-size:1.156rem;--eds-typography-ui-body-2xl-tracking-tight:-1.76px;--eds-typography-ui-body-2xl-tracking-normal:0px;--eds-typography-ui-body-2xl-tracking-wide:2.035px;--eds-typography-ui-body-2xl-font-weight-lighter:300;--eds-typography-ui-body-2xl-font-weight-normal:400;--eds-typography-ui-body-2xl-font-weight-bolder:500;--eds-typography-ui-body-2xl-line-height-default:1.5rem;--eds-typography-ui-body-2xl-line-height-squished:1.25rem;--eds-typography-ui-body-3xl-font-size:1.313rem;--eds-typography-ui-body-3xl-tracking-tight:-2.31px;--eds-typography-ui-body-3xl-tracking-normal:0px;--eds-typography-ui-body-3xl-tracking-wide:2.31px;--eds-typography-ui-body-3xl-font-weight-lighter:300;--eds-typography-ui-body-3xl-font-weight-normal:400;--eds-typography-ui-body-3xl-font-weight-bolder:500;--eds-typography-ui-body-3xl-line-height-default:1.75rem;--eds-typography-ui-body-3xl-line-height-squished:1.5rem;--eds-typography-ui-body-4xl-font-size:1.531rem;--eds-typography-ui-body-4xl-tracking-tight:-2.695px;--eds-typography-ui-body-4xl-tracking-normal:0px;--eds-typography-ui-body-4xl-tracking-wide:2.695px;--eds-typography-ui-body-4xl-font-weight-lighter:300;--eds-typography-ui-body-4xl-font-weight-normal:400;--eds-typography-ui-body-4xl-font-weight-bolder:500;--eds-typography-ui-body-4xl-line-height-default:2rem;--eds-typography-ui-body-4xl-line-height-squished:1.75rem;--eds-typography-ui-body-5xl-font-size:1.75rem;--eds-typography-ui-body-5xl-tracking-tight:-3.08px;--eds-typography-ui-body-5xl-tracking-normal:0px;--eds-typography-ui-body-5xl-tracking-wide:3.08px;--eds-typography-ui-body-5xl-font-weight-lighter:300;--eds-typography-ui-body-5xl-font-weight-normal:400;--eds-typography-ui-body-5xl-font-weight-bolder:500;--eds-typography-ui-body-5xl-line-height-default:2rem;--eds-typography-ui-body-5xl-line-height-squished:1.75rem;--eds-typography-ui-body-6xl-font-size:2rem;--eds-typography-ui-body-6xl-tracking-tight:-3.52px;--eds-typography-ui-body-6xl-tracking-normal:0px;--eds-typography-ui-body-6xl-tracking-wide:3.52px;--eds-typography-ui-body-6xl-font-weight-lighter:300;--eds-typography-ui-body-6xl-font-weight-normal:0px;--eds-typography-ui-body-6xl-font-weight-bolder:500;--eds-typography-ui-body-6xl-line-height-default:2.25rem;--eds-typography-ui-body-6xl-line-height-squished:2rem;--eds-typography-header-font-family:"Equinor";--eds-typography-header-xs-font-size:.656rem;--eds-typography-header-xs-tracking-tight:-.99px;--eds-typography-header-xs-tracking-normal:0px;--eds-typography-header-xs-tracking-wide:.99px;--eds-typography-header-xs-font-weight-lighter:300;--eds-typography-header-xs-font-weight-normal:400;--eds-typography-header-xs-font-weight-bolder:500;--eds-typography-header-xs-line-height-default:.75rem;--eds-typography-header-xs-line-height-squished:.75rem;--eds-typography-header-sm-font-size:.75rem;--eds-typography-header-sm-tracking-tight:-1.15px;--eds-typography-header-sm-tracking-normal:0px;--eds-typography-header-sm-tracking-wide:1.15px;--eds-typography-header-sm-font-weight-lighter:300;--eds-typography-header-sm-font-weight-normal:400;--eds-typography-header-sm-font-weight-bolder:500;--eds-typography-header-sm-line-height-default:1rem;--eds-typography-header-sm-line-height-squished:.75rem;--eds-typography-header-md-font-size:.875rem;--eds-typography-header-md-tracking-tight:-1.32px;--eds-typography-header-md-tracking-normal:0px;--eds-typography-header-md-tracking-wide:1.32px;--eds-typography-header-md-font-weight-lighter:300;--eds-typography-header-md-font-weight-normal:400;--eds-typography-header-md-font-weight-bolder:500;--eds-typography-header-md-line-height-default:1rem;--eds-typography-header-md-line-height-squished:.75rem;--eds-typography-header-lg-font-size:1rem;--eds-typography-header-lg-tracking-tight:-1.54px;--eds-typography-header-lg-tracking-normal:0px;--eds-typography-header-lg-tracking-wide:1.54px;--eds-typography-header-lg-font-weight-lighter:300;--eds-typography-header-lg-font-weight-normal:400;--eds-typography-header-lg-font-weight-bolder:500;--eds-typography-header-lg-line-height-default:1.25rem;--eds-typography-header-lg-line-height-squished:1rem;--eds-typography-header-xl-font-size:1.125rem;--eds-typography-header-xl-tracking-tight:-1.76px;--eds-typography-header-xl-tracking-normal:0px;--eds-typography-header-xl-tracking-wide:1.76px;--eds-typography-header-xl-font-weight-lighter:300;--eds-typography-header-xl-font-weight-normal:400;--eds-typography-header-xl-font-weight-bolder:500;--eds-typography-header-xl-line-height-default:1.5rem;--eds-typography-header-xl-line-height-squished:1.25rem;--eds-typography-header-2xl-font-size:1.313rem;--eds-typography-header-2xl-tracking-tight:-1.76px;--eds-typography-header-2xl-tracking-normal:0px;--eds-typography-header-2xl-tracking-wide:2.035px;--eds-typography-header-2xl-font-weight-lighter:300;--eds-typography-header-2xl-font-weight-normal:400;--eds-typography-header-2xl-font-weight-bolder:500;--eds-typography-header-2xl-line-height-default:1.5rem;--eds-typography-header-2xl-line-height-squished:1.25rem;--eds-typography-header-3xl-font-size:1.5rem;--eds-typography-header-3xl-tracking-tight:-2.31px;--eds-typography-header-3xl-tracking-normal:0px;--eds-typography-header-3xl-tracking-wide:2.31px;--eds-typography-header-3xl-font-weight-lighter:300;--eds-typography-header-3xl-font-weight-normal:400;--eds-typography-header-3xl-font-weight-bolder:500;--eds-typography-header-3xl-line-height-default:1.75rem;--eds-typography-header-3xl-line-height-squished:1.5rem;--eds-typography-header-4xl-font-size:1.719rem;--eds-typography-header-4xl-tracking-tight:-2.695px;--eds-typography-header-4xl-tracking-normal:0px;--eds-typography-header-4xl-tracking-wide:2.695px;--eds-typography-header-4xl-font-weight-lighter:300;--eds-typography-header-4xl-font-weight-normal:400;--eds-typography-header-4xl-font-weight-bolder:500;--eds-typography-header-4xl-line-height-default:2rem;--eds-typography-header-4xl-line-height-squished:1.75rem;--eds-typography-header-5xl-font-size:1.969rem;--eds-typography-header-5xl-tracking-tight:-3.08px;--eds-typography-header-5xl-tracking-normal:0px;--eds-typography-header-5xl-tracking-wide:3.08px;--eds-typography-header-5xl-font-weight-lighter:300;--eds-typography-header-5xl-font-weight-normal:400;--eds-typography-header-5xl-font-weight-bolder:500;--eds-typography-header-5xl-line-height-default:2rem;--eds-typography-header-5xl-line-height-squished:1.75rem;--eds-typography-header-6xl-font-size:2.281rem;--eds-typography-header-6xl-tracking-tight:-3.52px;--eds-typography-header-6xl-tracking-normal:0px;--eds-typography-header-6xl-tracking-wide:3.52px;--eds-typography-header-6xl-font-weight-lighter:300;--eds-typography-header-6xl-font-weight-normal:400;--eds-typography-header-6xl-font-weight-bolder:500;--eds-typography-header-6xl-line-height-default:2.25rem;--eds-typography-header-6xl-line-height-squished:2rem}[data-space-proportions=squished]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-squished);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-squished);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-squished);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-squished);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-squished)}:root,[data-space-proportions=squared]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-squared);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-squared);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-squared);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-squared);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-squared)}[data-space-proportions=stretched]{--eds-spacing-proportions-xs-horizontal:var(--eds-spacing-inset-xs-horizontal);--eds-spacing-proportions-xs-vertical:var(--eds-spacing-inset-xs-vertical-stretched);--eds-spacing-proportions-sm-horizontal:var(--eds-spacing-inset-sm-horizontal);--eds-spacing-proportions-sm-vertical:var(--eds-spacing-inset-sm-vertical-stretched);--eds-spacing-proportions-md-horizontal:var(--eds-spacing-inset-md-horizontal);--eds-spacing-proportions-md-vertical:var(--eds-spacing-inset-md-vertical-stretched);--eds-spacing-proportions-lg-horizontal:var(--eds-spacing-inset-lg-horizontal);--eds-spacing-proportions-lg-vertical:var(--eds-spacing-inset-lg-vertical-stretched);--eds-spacing-proportions-xl-horizontal:var(--eds-spacing-inset-xl-horizontal);--eds-spacing-proportions-xl-vertical:var(--eds-spacing-inset-xl-vertical-stretched)}:root,[data-selectable-space=xs]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-xs-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-xs-vertical)}[data-selectable-space=sm]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-sm-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-sm-vertical)}[data-selectable-space=md]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-md-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-md-vertical)}[data-selectable-space=lg]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-lg-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-lg-vertical)}[data-selectable-space=xl]{--eds-selectable-space-horizontal:var(--eds-spacing-proportions-xl-horizontal);--eds-selectable-space-vertical:var(--eds-spacing-proportions-xl-vertical)}[data-horizontal-gap=none]{--eds-generic-gap-horizontal:0}[data-horizontal-gap="4xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-4xs)}[data-horizontal-gap="3xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-3xs)}[data-horizontal-gap="2xs"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-2xs)}:root,[data-horizontal-gap=xs]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-xs)}[data-horizontal-gap=sm]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-sm)}[data-horizontal-gap=md]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-md)}[data-horizontal-gap=lg]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-lg)}[data-horizontal-gap=xl]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-xl)}[data-horizontal-gap="2xl"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-2xl)}[data-horizontal-gap="3xl"]{--eds-generic-gap-horizontal:var(--eds-spacing-horizontal-3xl)}[data-vertical-gap=none]{--eds-generic-gap-vertical:0}[data-vertical-gap="4xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-4xs)}[data-vertical-gap="3xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-3xs)}[data-vertical-gap="2xs"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-2xs)}:root,[data-vertical-gap=xs]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-xs)}[data-vertical-gap=sm]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-sm)}[data-vertical-gap=md]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-md)}[data-vertical-gap=lg]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-lg)}[data-vertical-gap=xl]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-xl)}[data-vertical-gap="2xl"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-2xl)}[data-vertical-gap="3xl"]{--eds-generic-gap-vertical:var(--eds-spacing-vertical-3xl)}[data-horizontal-space=none]{--eds-generic-space-horizontal:0}[data-horizontal-space="4xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-4xs)}[data-horizontal-space="3xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-3xs)}[data-horizontal-space="2xs"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-2xs)}:root,[data-horizontal-space=xs]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-xs)}[data-horizontal-space=sm]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-sm)}[data-horizontal-space=md]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-md)}[data-horizontal-space=lg]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-lg)}[data-horizontal-space=xl]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-xl)}[data-horizontal-space="2xl"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-2xl)}[data-horizontal-space="3xl"]{--eds-generic-space-horizontal:var(--eds-spacing-horizontal-3xl)}[data-vertical-space=none]{--eds-generic-space-vertical:0}[data-vertical-space="4xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-4xs)}[data-vertical-space="3xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-3xs)}[data-vertical-space="2xs"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-2xs)}:root,[data-vertical-space=xs]{--eds-generic-space-vertical:var(--eds-spacing-vertical-xs)}[data-vertical-space=sm]{--eds-generic-space-vertical:var(--eds-spacing-vertical-sm)}[data-vertical-space=md]{--eds-generic-space-vertical:var(--eds-spacing-vertical-md)}[data-vertical-space=lg]{--eds-generic-space-vertical:var(--eds-spacing-vertical-lg)}[data-vertical-space=xl]{--eds-generic-space-vertical:var(--eds-spacing-vertical-xl)}[data-vertical-space="2xl"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-2xl)}[data-vertical-space="3xl"]{--eds-generic-space-vertical:var(--eds-spacing-vertical-3xl)}:root,[data-space-proportions]{--eds-container-space-horizontal:var(--eds-spacing-proportions-md-horizontal);--eds-container-space-vertical:var(--eds-spacing-proportions-md-vertical);--eds-page-space-horizontal:var(--eds-spacing-proportions-xl-horizontal);--eds-page-space-vertical:var(--eds-spacing-proportions-xl-vertical)}:root{--eds-selectable-gap-horizontal:var(--eds-spacing-horizontal-xs);--eds-selectable-gap-vertical:var(--eds-spacing-vertical-xs);--eds-container-gap-horizontal:var(--eds-spacing-horizontal-md);--eds-container-gap-vertical:var(--eds-spacing-vertical-md);--eds-page-gap-horizontal:var(--eds-spacing-horizontal-xl);--eds-page-gap-vertical:var(--eds-spacing-vertical-xl)}@property --eds-typography-font-size{syntax:"<length>";inherits:true;initial-value:16px}[data-font-family]{display:block;font-family:var(--eds-typography-font-family);font-size:var(--eds-typography-font-size);font-weight:var(--eds-typography-font-weight);letter-spacing:var(--eds-typography-tracking);line-height:var(--eds-typography-line-height);margin:0}@supports (text-box:trim-both cap alphabetic){[data-baseline=grid]{text-box:trim-both ex alphabetic;padding-bottom:0;padding-top:calc(round(1cap,4px) - 1ex)}[data-baseline=center]{text-box:trim-both ex alphabetic;padding-bottom:calc(round(1cap,4px)/2 - .5cap);padding-top:calc(round(1cap,4px)/2 + .5cap - 1ex)}}[data-font-family=header]{--eds-typography-font-family:var(--eds-typography-header-font-family);--eds-font-family-size-xs-font-size:var(--eds-typography-header-xs-font-size);--eds-font-family-size-xs-tracking-tight:var(--eds-typography-header-xs-tracking-tight);--eds-font-family-size-xs-tracking-normal:var(--eds-typography-header-xs-tracking-normal);--eds-font-family-size-xs-tracking-wide:var(--eds-typography-header-xs-tracking-wide);--eds-font-family-size-xs-font-weight-lighter:var(--eds-typography-header-xs-font-weight-lighter);--eds-font-family-size-xs-font-weight-normal:var(--eds-typography-header-xs-font-weight-normal);--eds-font-family-size-xs-font-weight-bolder:var(--eds-typography-header-xs-font-weight-bolder);--eds-font-family-size-sm-font-size:var(--eds-typography-header-sm-font-size);--eds-font-family-size-sm-tracking-tight:var(--eds-typography-header-sm-tracking-tight);--eds-font-family-size-sm-tracking-normal:var(--eds-typography-header-sm-tracking-normal);--eds-font-family-size-sm-tracking-wide:var(--eds-typography-header-sm-tracking-wide);--eds-font-family-size-sm-font-weight-lighter:var(--eds-typography-header-sm-font-weight-lighter);--eds-font-family-size-sm-font-weight-normal:var(--eds-typography-header-sm-font-weight-normal);--eds-font-family-size-sm-font-weight-bolder:var(--eds-typography-header-sm-font-weight-bolder);--eds-font-family-size-md-font-size:var(--eds-typography-header-md-font-size);--eds-font-family-size-md-tracking-tight:var(--eds-typography-header-md-tracking-tight);--eds-font-family-size-md-tracking-normal:var(--eds-typography-header-md-tracking-normal);--eds-font-family-size-md-tracking-wide:var(--eds-typography-header-md-tracking-wide);--eds-font-family-size-md-font-weight-lighter:var(--eds-typography-header-md-font-weight-lighter);--eds-font-family-size-md-font-weight-normal:var(--eds-typography-header-md-font-weight-normal);--eds-font-family-size-md-font-weight-bolder:var(--eds-typography-header-md-font-weight-bolder);--eds-font-family-size-lg-font-size:var(--eds-typography-header-lg-font-size);--eds-font-family-size-lg-tracking-tight:var(--eds-typography-header-lg-tracking-tight);--eds-font-family-size-lg-tracking-normal:var(--eds-typography-header-lg-tracking-normal);--eds-font-family-size-lg-tracking-wide:var(--eds-typography-header-lg-tracking-wide);--eds-font-family-size-lg-font-weight-lighter:var(--eds-typography-header-lg-font-weight-lighter);--eds-font-family-size-lg-font-weight-normal:var(--eds-typography-header-lg-font-weight-normal);--eds-font-family-size-lg-font-weight-bolder:var(--eds-typography-header-lg-font-weight-bolder);--eds-font-family-size-xl-font-size:var(--eds-typography-header-xl-font-size);--eds-font-family-size-xl-tracking-tight:var(--eds-typography-header-xl-tracking-tight);--eds-font-family-size-xl-tracking-normal:var(--eds-typography-header-xl-tracking-normal);--eds-font-family-size-xl-tracking-wide:var(--eds-typography-header-xl-tracking-wide);--eds-font-family-size-xl-font-weight-lighter:var(--eds-typography-header-xl-font-weight-lighter);--eds-font-family-size-xl-font-weight-normal:var(--eds-typography-header-xl-font-weight-normal);--eds-font-family-size-xl-font-weight-bolder:var(--eds-typography-header-xl-font-weight-bolder);--eds-font-family-size-2xl-font-size:var(--eds-typography-header-2xl-font-size);--eds-font-family-size-2xl-tracking-tight:var(--eds-typography-header-2xl-tracking-tight);--eds-font-family-size-2xl-tracking-normal:var(--eds-typography-header-2xl-tracking-normal);--eds-font-family-size-2xl-tracking-wide:var(--eds-typography-header-2xl-tracking-wide);--eds-font-family-size-2xl-font-weight-lighter:var(--eds-typography-header-2xl-font-weight-lighter);--eds-font-family-size-2xl-font-weight-normal:var(--eds-typography-header-2xl-font-weight-normal);--eds-font-family-size-2xl-font-weight-bolder:var(--eds-typography-header-2xl-font-weight-bolder);--eds-font-family-size-3xl-font-size:var(--eds-typography-header-3xl-font-size);--eds-font-family-size-3xl-tracking-tight:var(--eds-typography-header-3xl-tracking-tight);--eds-font-family-size-3xl-tracking-normal:var(--eds-typography-header-3xl-tracking-normal);--eds-font-family-size-3xl-tracking-wide:var(--eds-typography-header-3xl-tracking-wide);--eds-font-family-size-3xl-font-weight-lighter:var(--eds-typography-header-3xl-font-weight-lighter);--eds-font-family-size-3xl-font-weight-normal:var(--eds-typography-header-3xl-font-weight-normal);--eds-font-family-size-3xl-font-weight-bolder:var(--eds-typography-header-3xl-font-weight-bolder);--eds-font-family-size-4xl-font-size:var(--eds-typography-header-4xl-font-size);--eds-font-family-size-4xl-tracking-tight:var(--eds-typography-header-4xl-tracking-tight);--eds-font-family-size-4xl-tracking-normal:var(--eds-typography-header-4xl-tracking-normal);--eds-font-family-size-4xl-tracking-wide:var(--eds-typography-header-4xl-tracking-wide);--eds-font-family-size-4xl-font-weight-lighter:var(--eds-typography-header-4xl-font-weight-lighter);--eds-font-family-size-4xl-font-weight-normal:var(--eds-typography-header-4xl-font-weight-normal);--eds-font-family-size-4xl-font-weight-bolder:var(--eds-typography-header-4xl-font-weight-bolder);--eds-font-family-size-5xl-font-size:var(--eds-typography-header-5xl-font-size);--eds-font-family-size-5xl-tracking-tight:var(--eds-typography-header-5xl-tracking-tight);--eds-font-family-size-5xl-tracking-normal:var(--eds-typography-header-5xl-tracking-normal);--eds-font-family-size-5xl-tracking-wide:var(--eds-typography-header-5xl-tracking-wide);--eds-font-family-size-5xl-font-weight-lighter:var(--eds-typography-header-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-normal:var(--eds-typography-header-5xl-font-weight-normal);--eds-font-family-size-5xl-font-weight-bolder:var(--eds-typography-header-5xl-font-weight-bolder);--eds-font-family-size-6xl-font-size:var(--eds-typography-header-6xl-font-size);--eds-font-family-size-6xl-tracking-tight:var(--eds-typography-header-6xl-tracking-tight);--eds-font-family-size-6xl-tracking-normal:var(--eds-typography-header-6xl-tracking-normal);--eds-font-family-size-6xl-tracking-wide:var(--eds-typography-header-6xl-tracking-wide);--eds-font-family-size-6xl-font-weight-lighter:var(--eds-typography-header-6xl-font-weight-lighter);--eds-font-family-size-6xl-font-weight-normal:var(--eds-typography-header-6xl-font-weight-normal);--eds-font-family-size-6xl-font-weight-bolder:var(--eds-typography-header-6xl-font-weight-bolder);--eds-font-family-size-xs-line-height-default:var(--eds-typography-header-xs-line-height-default);--eds-font-family-size-xs-line-height-squished:var(--eds-typography-header-xs-line-height-squished);--eds-font-family-size-sm-line-height-default:var(--eds-typography-header-sm-line-height-default);--eds-font-family-size-sm-line-height-squished:var(--eds-typography-header-sm-line-height-squished);--eds-font-family-size-md-line-height-default:var(--eds-typography-header-md-line-height-default);--eds-font-family-size-md-line-height-squished:var(--eds-typography-header-md-line-height-squished);--eds-font-family-size-lg-line-height-default:var(--eds-typography-header-lg-line-height-default);--eds-font-family-size-lg-line-height-squished:var(--eds-typography-header-lg-line-height-squished);--eds-font-family-size-xl-line-height-default:var(--eds-typography-header-xl-line-height-default);--eds-font-family-size-xl-line-height-squished:var(--eds-typography-header-xl-line-height-squished);--eds-font-family-size-2xl-line-height-default:var(--eds-typography-header-2xl-line-height-default);--eds-font-family-size-2xl-line-height-squished:var(--eds-typography-header-2xl-line-height-squished);--eds-font-family-size-3xl-line-height-default:var(--eds-typography-header-3xl-line-height-default);--eds-font-family-size-3xl-line-height-squished:var(--eds-typography-header-3xl-line-height-default);--eds-font-family-size-4xl-line-height-default:var(--eds-typography-header-4xl-line-height-default);--eds-font-family-size-4xl-line-height-squished:var(--eds-typography-header-4xl-line-height-squished);--eds-font-family-size-5xl-line-height-default:var(--eds-typography-header-5xl-line-height-default);--eds-font-family-size-5xl-line-height-squished:var(--eds-typography-header-5xl-line-height-squished);--eds-font-family-size-6xl-line-height-default:var(--eds-typography-header-6xl-line-height-default);--eds-font-family-size-6xl-line-height-squished:var(--eds-typography-header-6xl-line-height-squished)}[data-font-family=ui]{--eds-typography-font-family:var(--eds-typography-ui-body-font-family);--eds-font-family-size-xs-font-size:var(--eds-typography-ui-body-xs-font-size);--eds-font-family-size-xs-tracking-tight:var(--eds-typography-ui-body-xs-tracking-tight);--eds-font-family-size-xs-tracking-normal:var(--eds-typography-ui-body-xs-tracking-normal);--eds-font-family-size-xs-tracking-wide:var(--eds-typography-ui-body-xs-tracking-wide);--eds-font-family-size-xs-font-weight-lighter:var(--eds-typography-ui-body-xs-font-weight-lighter);--eds-font-family-size-xs-font-weight-normal:var(--eds-typography-ui-body-xs-font-weight-normal);--eds-font-family-size-xs-font-weight-bolder:var(--eds-typography-ui-body-xs-font-weight-bolder);--eds-font-family-size-sm-font-size:var(--eds-typography-ui-body-sm-font-size);--eds-font-family-size-sm-tracking-tight:var(--eds-typography-ui-body-sm-tracking-tight);--eds-font-family-size-sm-tracking-normal:var(--eds-typography-ui-body-sm-tracking-normal);--eds-font-family-size-sm-tracking-wide:var(--eds-typography-ui-body-sm-tracking-wide);--eds-font-family-size-sm-font-weight-lighter:var(--eds-typography-ui-body-sm-font-weight-lighter);--eds-font-family-size-sm-font-weight-normal:var(--eds-typography-ui-body-sm-font-weight-normal);--eds-font-family-size-sm-font-weight-bolder:var(--eds-typography-ui-body-sm-font-weight-bolder);--eds-font-family-size-md-font-size:var(--eds-typography-ui-body-md-font-size);--eds-font-family-size-md-tracking-tight:var(--eds-typography-ui-body-md-tracking-tight);--eds-font-family-size-md-tracking-normal:var(--eds-typography-ui-body-md-tracking-normal);--eds-font-family-size-md-tracking-wide:var(--eds-typography-ui-body-md-tracking-wide);--eds-font-family-size-md-font-weight-lighter:var(--eds-typography-ui-body-md-font-weight-lighter);--eds-font-family-size-md-font-weight-normal:var(--eds-typography-ui-body-md-font-weight-normal);--eds-font-family-size-md-font-weight-bolder:var(--eds-typography-ui-body-md-font-weight-bolder);--eds-font-family-size-lg-font-size:var(--eds-typography-ui-body-lg-font-size);--eds-font-family-size-lg-tracking-tight:var(--eds-typography-ui-body-lg-tracking-tight);--eds-font-family-size-lg-tracking-normal:var(--eds-typography-ui-body-lg-tracking-normal);--eds-font-family-size-lg-tracking-wide:var(--eds-typography-ui-body-lg-tracking-wide);--eds-font-family-size-lg-font-weight-lighter:var(--eds-typography-ui-body-lg-font-weight-lighter);--eds-font-family-size-lg-font-weight-normal:var(--eds-typography-ui-body-lg-font-weight-normal);--eds-font-family-size-lg-font-weight-bolder:var(--eds-typography-ui-body-lg-font-weight-bolder);--eds-font-family-size-xl-font-size:var(--eds-typography-ui-body-xl-font-size);--eds-font-family-size-xl-tracking-tight:var(--eds-typography-ui-body-xl-tracking-tight);--eds-font-family-size-xl-tracking-normal:var(--eds-typography-ui-body-xl-tracking-normal);--eds-font-family-size-xl-tracking-wide:var(--eds-typography-ui-body-xl-tracking-wide);--eds-font-family-size-xl-font-weight-lighter:var(--eds-typography-ui-body-xl-font-weight-lighter);--eds-font-family-size-xl-font-weight-normal:var(--eds-typography-ui-body-xl-font-weight-normal);--eds-font-family-size-xl-font-weight-bolder:var(--eds-typography-ui-body-xl-font-weight-bolder);--eds-font-family-size-2xl-font-size:var(--eds-typography-ui-body-2xl-font-size);--eds-font-family-size-2xl-tracking-tight:var(--eds-typography-ui-body-2xl-tracking-tight);--eds-font-family-size-2xl-tracking-normal:var(--eds-typography-ui-body-2xl-tracking-normal);--eds-font-family-size-2xl-tracking-wide:var(--eds-typography-ui-body-2xl-tracking-wide);--eds-font-family-size-2xl-font-weight-lighter:var(--eds-typography-ui-body-2xl-font-weight-lighter);--eds-font-family-size-2xl-font-weight-normal:var(--eds-typography-ui-body-2xl-font-weight-normal);--eds-font-family-size-2xl-font-weight-bolder:var(--eds-typography-ui-body-2xl-font-weight-bolder);--eds-font-family-size-3xl-font-size:var(--eds-typography-ui-body-3xl-font-size);--eds-font-family-size-3xl-tracking-tight:var(--eds-typography-ui-body-3xl-tracking-tight);--eds-font-family-size-3xl-tracking-normal:var(--eds-typography-ui-body-3xl-tracking-normal);--eds-font-family-size-3xl-tracking-wide:var(--eds-typography-ui-body-3xl-tracking-wide);--eds-font-family-size-3xl-font-weight-lighter:var(--eds-typography-ui-body-3xl-font-weight-lighter);--eds-font-family-size-3xl-font-weight-normal:var(--eds-typography-ui-body-3xl-font-weight-normal);--eds-font-family-size-3xl-font-weight-bolder:var(--eds-typography-ui-body-3xl-font-weight-bolder);--eds-font-family-size-4xl-font-size:var(--eds-typography-ui-body-4xl-font-size);--eds-font-family-size-4xl-tracking-tight:var(--eds-typography-ui-body-4xl-tracking-tight);--eds-font-family-size-4xl-tracking-normal:var(--eds-typography-ui-body-4xl-tracking-normal);--eds-font-family-size-4xl-tracking-wide:var(--eds-typography-ui-body-4xl-tracking-wide);--eds-font-family-size-4xl-font-weight-lighter:var(--eds-typography-ui-body-4xl-font-weight-lighter);--eds-font-family-size-4xl-font-weight-normal:var(--eds-typography-ui-body-4xl-font-weight-normal);--eds-font-family-size-4xl-font-weight-bolder:var(--eds-typography-ui-body-4xl-font-weight-bolder);--eds-font-family-size-5xl-font-size:var(--eds-typography-ui-body-5xl-font-size);--eds-font-family-size-5xl-tracking-tight:var(--eds-typography-ui-body-5xl-tracking-tight);--eds-font-family-size-5xl-tracking-normal:var(--eds-typography-ui-body-5xl-tracking-normal);--eds-font-family-size-5xl-tracking-wide:var(--eds-typography-ui-body-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-lighter:var(--eds-typography-ui-body-5xl-font-weight-lighter);--eds-font-family-size-5xl-font-weight-normal:var(--eds-typography-ui-body-5xl-font-weight-normal);--eds-font-family-size-5xl-font-weight-bolder:var(--eds-typography-ui-body-5xl-font-weight-bolder);--eds-font-family-size-6xl-font-size:var(--eds-typography-ui-body-6xl-font-size);--eds-font-family-size-6xl-tracking-tight:var(--eds-typography-ui-body-6xl-tracking-tight);--eds-font-family-size-6xl-tracking-normal:var(--eds-typography-ui-body-6xl-tracking-normal);--eds-font-family-size-6xl-tracking-wide:var(--eds-typography-ui-body-6xl-tracking-wide);--eds-font-family-size-6xl-font-weight-lighter:var(--eds-typography-ui-body-6xl-font-weight-lighter);--eds-font-family-size-6xl-font-weight-normal:var(--eds-typography-ui-body-6xl-font-weight-normal);--eds-font-family-size-6xl-font-weight-bolder:var(--eds-typography-ui-body-6xl-font-weight-bolder);--eds-font-family-size-xs-line-height-default:var(--eds-typography-ui-body-xs-line-height-default);--eds-font-family-size-xs-line-height-squished:var(--eds-typography-ui-body-xs-line-height-squished);--eds-font-family-size-sm-line-height-default:var(--eds-typography-ui-body-sm-line-height-default);--eds-font-family-size-sm-line-height-squished:var(--eds-typography-ui-body-sm-line-height-squished);--eds-font-family-size-md-line-height-default:var(--eds-typography-ui-body-md-line-height-default);--eds-font-family-size-md-line-height-squished:var(--eds-typography-ui-body-md-line-height-squished);--eds-font-family-size-lg-line-height-default:var(--eds-typography-ui-body-lg-line-height-default);--eds-font-family-size-lg-line-height-squished:var(--eds-typography-ui-body-lg-line-height-squished);--eds-font-family-size-xl-line-height-default:var(--eds-typography-ui-body-xl-line-height-default);--eds-font-family-size-xl-line-height-squished:var(--eds-typography-ui-body-xl-line-height-squished);--eds-font-family-size-2xl-line-height-default:var(--eds-typography-ui-body-2xl-line-height-default);--eds-font-family-size-2xl-line-height-squished:var(--eds-typography-ui-body-2xl-line-height-squished);--eds-font-family-size-3xl-line-height-default:var(--eds-typography-ui-body-3xl-line-height-default);--eds-font-family-size-3xl-line-height-squished:var(--eds-typography-ui-body-3xl-line-height-squished);--eds-font-family-size-4xl-line-height-default:var(--eds-typography-ui-body-4xl-line-height-default);--eds-font-family-size-4xl-line-height-squished:var(--eds-typography-ui-body-4xl-line-height-squished);--eds-font-family-size-5xl-line-height-default:var(--eds-typography-ui-body-5xl-line-height-default);--eds-font-family-size-5xl-line-height-squished:var(--eds-typography-ui-body-5xl-line-height-squished);--eds-font-family-size-6xl-line-height-default:var(--eds-typography-ui-body-6xl-line-height-default);--eds-font-family-size-6xl-line-height-squished:var(--eds-typography-ui-body-6xl-line-height-squished)}[data-font-size=xs]{--eds-typography-icon-size:var(--eds-sizing-icon-xs);--eds-typography-gap-horizontal:var(--eds-spacing-icon-xs-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-xs-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-xs-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-xs-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-xs-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-xs-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-xs-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-xs-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-xs-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-xs-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-xs-line-height-squished)}[data-font-size=sm]{--eds-typography-icon-size:var(--eds-sizing-icon-sm);--eds-typography-gap-horizontal:var(--eds-spacing-icon-sm-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-sm-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-sm-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-sm-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-sm-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-sm-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-sm-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-sm-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-sm-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-sm-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-sm-line-height-squished)}[data-font-size=md]{--eds-typography-icon-size:var(--eds-sizing-icon-md);--eds-typography-gap-horizontal:var(--eds-spacing-icon-md-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-md-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-md-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-md-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-md-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-md-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-md-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-md-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-md-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-md-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-md-line-height-squished)}[data-font-size=lg]{--eds-typography-icon-size:var(--eds-sizing-icon-lg);--eds-typography-gap-horizontal:var(--eds-spacing-icon-lg-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-lg-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-lg-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-lg-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-lg-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-lg-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-lg-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-lg-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-lg-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-lg-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-lg-line-height-squished)}[data-font-size=xl]{--eds-typography-icon-size:var(--eds-sizing-icon-xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-xl-line-height-squished)}[data-font-size="2xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-2xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-2xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-2xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-2xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-2xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-2xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-2xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-2xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-2xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-2xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-2xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-2xl-line-height-squished)}[data-font-size="3xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-3xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-3xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-3xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-3xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-3xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-3xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-3xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-3xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-3xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-3xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-3xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-3xl-line-height-squished)}[data-font-size="4xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-4xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-4xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-4xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-4xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-4xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-4xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-4xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-4xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-4xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-4xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-4xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-4xl-line-height-squished)}[data-font-size="5xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-5xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-5xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-5xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-5xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-5xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-5xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-5xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-5xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-5xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-5xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-5xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-5xl-line-height-squished)}[data-font-size="6xl"]{--eds-typography-icon-size:var(--eds-sizing-icon-6xl);--eds-typography-gap-horizontal:var(--eds-spacing-icon-6xl-gap-horizontal);--eds-typography-gap-vertical:var(--eds-spacing-icon-6xl-gap-vertical);--eds-typography-font-size:var(--eds-font-family-size-6xl-font-size);--eds-typography-tracking-tight:var(--eds-font-family-size-6xl-tracking-tight);--eds-typography-tracking-normal:var(--eds-font-family-size-6xl-tracking-normal);--eds-typography-tracking-wide:var(--eds-font-family-size-6xl-tracking-wide);--eds-typography-font-weight-lighter:var(--eds-font-family-size-6xl-font-weight-lighter);--eds-typography-font-weight-normal:var(--eds-font-family-size-6xl-font-weight-normal);--eds-typography-font-weight-bolder:var(--eds-font-family-size-6xl-font-weight-bolder);--eds-typography-line-height-default:var(--eds-font-family-size-6xl-line-height-default);--eds-typography-line-height-squished:var(--eds-font-family-size-6xl-line-height-squished)}[data-font-weight=lighter]{--eds-typography-font-weight:var(--eds-typography-font-weight-lighter)}[data-font-weight=normal]{--eds-typography-font-weight:var(--eds-typography-font-weight-normal)}[data-font-weight=bolder]{--eds-typography-font-weight:var(--eds-typography-font-weight-bolder)}[data-line-height=default]{--eds-typography-line-height:var(--eds-typography-line-height-default)}[data-line-height=squished]{--eds-typography-line-height:var(--eds-typography-line-height-squished)}[data-tracking=tight]{--eds-typography-tracking:var(--eds-typography-tracking-tight)}[data-tracking=normal]{--eds-typography-tracking:var(--eds-typography-tracking-normal)}[data-tracking=loose],[data-tracking=wide]{--eds-typography-tracking:var(--eds-typography-tracking-wide)}@layer eds-components{.icon{flex-shrink:0;font-size:var(--eds-typography-icon-size,1.5em);height:1em;margin-block:-.25em;margin-inline:-.1em;width:1em}.icon[data-icon-size]{--_explicit-size:var(--eds-sizing-icon-md);font-size:inherit;height:var(--_explicit-size);margin:0;width:var(--_explicit-size)}.icon[data-icon-size=xs]{--_explicit-size:var(--eds-sizing-icon-xs)}.icon[data-icon-size=sm]{--_explicit-size:var(--eds-sizing-icon-sm)}.icon[data-icon-size=md]{--_explicit-size:var(--eds-sizing-icon-md)}.icon[data-icon-size=lg]{--_explicit-size:var(--eds-sizing-icon-lg)}.icon[data-icon-size=xl]{--_explicit-size:var(--eds-sizing-icon-xl)}.icon[data-icon-size="2xl"]{--_explicit-size:var(--eds-sizing-icon-2xl)}.icon[data-icon-size="3xl"]{--_explicit-size:var(--eds-sizing-icon-3xl)}.icon[data-icon-size="4xl"]{--_explicit-size:var(--eds-sizing-icon-4xl)}.icon[data-icon-size="5xl"]{--_explicit-size:var(--eds-sizing-icon-5xl)}.icon[data-icon-size="6xl"]{--_explicit-size:var(--eds-sizing-icon-6xl)}.eds-button{align-items:center;border:none;border-radius:var(--eds-spacing-border-radius-rounded,4px);box-sizing:border-box;cursor:pointer;display:inline-flex;justify-content:center;outline:none;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.eds-button[data-selectable-space=lg]{min-height:2.75rem}.eds-button[data-selectable-space=lg],.eds-button[data-selectable-space=md]{gap:var(--eds-typography-gap-horizontal);padding-inline:var(--eds-selectable-space-horizontal)}.eds-button[data-selectable-space=md]{min-height:2.25rem}.eds-button[data-selectable-space=sm]{gap:var(--eds-typography-gap-horizontal);min-height:1.5rem;padding-inline:var(--eds-selectable-space-horizontal)}[data-density=comfortable] .eds-button[data-selectable-space=lg]{min-height:2.25rem}[data-density=comfortable] .eds-button[data-selectable-space=md]{min-height:1.5rem}[data-density=comfortable] .eds-button[data-selectable-space=sm]{min-height:1.25rem}.eds-button[data-icon-only]{aspect-ratio:1;padding:0}.eds-button[data-round]{border-radius:50%}.eds-button[data-variant=primary]{background-color:var(--eds-color-bg-fill-emphasis-default);color:var(--eds-color-text-strong-on-emphasis)}.eds-button[data-variant=primary]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-emphasis-hover)}.eds-button[data-variant=primary]:active:not(:disabled){background-color:var(--eds-color-bg-fill-emphasis-active)}.eds-button[data-variant=primary]:disabled{background-color:var(--eds-color-bg-fill-emphasis-disabled);color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-button[data-variant=secondary]{background-color:initial;color:var(--eds-color-text-subtle);outline:var(--eds-border-width-default,1px) solid var(--eds-color-border-strong);outline-offset:calc(var(--eds-border-width-default, 1px)*-1)}.eds-button[data-variant=secondary]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-muted-default)}.eds-button[data-variant=secondary]:active:not(:disabled){background-color:var(--eds-color-bg-fill-muted-hover)}.eds-button[data-variant=secondary]:disabled{color:var(--eds-color-text-disabled);cursor:not-allowed;outline:var(--eds-border-width-default,1px) solid var(--eds-color-border-disabled);outline-offset:calc(var(--eds-border-width-default, 1px)*-1)}.eds-button[data-variant=ghost]{background-color:initial;color:var(--eds-color-text-subtle)}.eds-button[data-variant=ghost]:hover:not(:disabled){background-color:var(--eds-color-bg-fill-muted-default)}.eds-button[data-variant=ghost]:active:not(:disabled){background-color:var(--eds-color-bg-fill-muted-hover)}.eds-button[data-variant=ghost]:disabled{color:var(--eds-color-text-disabled);cursor:not-allowed}.eds-button:focus-visible{outline:var(--eds-sizing-stroke-thick) solid var(--eds-color-border-focus)}.eds-button:focus-visible,.eds-button[data-variant=secondary]:focus-visible{outline-offset:var(--eds-sizing-stroke-thin)}.eds-button .icon{flex-shrink:0}.eds-button[data-icon-only] .icon{margin:0}}.eds-button>span{text-box:normal;align-items:center;display:inline-flex;gap:var(--eds-typography-gap-horizontal);padding-block:0}@layer eds-components{.eds-field{--_eds-field-label-color:var(--eds-color-text-strong);--_eds-field-description-color:var(--eds-color-text-subtle);--_eds-field-indicator-color:var(--eds-color-text-neutral-subtle);--_eds-field-helper-color:var(--eds-color-text-subtle);align-items:flex-start;display:flex;flex-direction:column;gap:var(--eds-generic-gap-vertical);width:var(--eds-field-width,100%)}.eds-field:is([data-position=start],[data-position=end]){align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--eds-generic-gap-horizontal)}.eds-field[data-position=end]{flex-direction:row-reverse}.eds-field:is([data-position=start],[data-position=end]) :is(.eds-field__description,.eds-field__helper-message,[role=alert]){flex-basis:100%}.eds-field__label{align-items:center;color:var(--_eds-field-label-color);display:inline-flex;flex-wrap:wrap}.eds-field__indicator{color:var(--_eds-field-indicator-color);font-size:var(--eds-typography-font-size);margin-inline-start:var(--eds-selectable-space-horizontal);vertical-align:middle}.eds-field__description{color:var(--_eds-field-description-color);margin:0}.eds-field__helper-message{color:var(--_eds-field-helper-color);margin:0}.eds-field[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-thick) var(--_bg-input),0 0 0 calc(var(--eds-sizing-stroke-thick) + var(--eds-sizing-stroke-thin)) 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-thick) var(--_bg-input),0 0 0 calc(var(--eds-sizing-stroke-thick) + var(--eds-sizing-stroke-thin)) 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{align-items:center;background:#0000;border:none;color:var(--eds-color-icon-subtle);cursor:pointer;display:inline-flex;flex-shrink:0;margin-block:calc(var(--eds-sizing-icon-xs)/-2);padding:0;&:focus-visible,&:hover{color:var(--eds-color-icon-info);& svg{background:var(--eds-color-bg-fill-muted-hover);border-radius:var(--eds-spacing-border-radius-pill)}}&:focus-visible{border-radius:var(--eds-spacing-border-radius-pill);outline:var(--eds-sizing-stroke-thick) solid var(--eds-color-focus);outline-offset:var(--eds-sizing-stroke-thick)}}}
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)}}
package/dist/eds-core-react.cjs CHANGED
@@ -1830,7 +1830,7 @@ const StyledTableCell$2 = styled__default.default.td.withConfig({
1830
1830
  align
1831
1831
  } = theme;
1832
1832
  const backgroundColor = color === 'error' ? theme.validation.error?.background : '';
1833
- const base = styled.css(["min-height:", ";height:", ";background:", ";vertical-align:", ";box-sizing:border-box;", " ", " ", ""], height, height, backgroundColor, align.vertical, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(border));
1833
+ const base = styled.css(["min-height:", ";height:", ";background:", ";vertical-align:", ";box-sizing:border-box;", " ", " ", " a{font-size:inherit;font-weight:inherit;}"], height, height, backgroundColor, align.vertical, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(border));
1834
1834
  return base;
1835
1835
  });
1836
1836
  const TableDataCell = /*#__PURE__*/react.forwardRef(function TableDataCell({
@@ -2011,7 +2011,7 @@ const StyledTableCell$1 = styled__default.default.th.withConfig({
2011
2011
  // Firefox specific workaround (bug in v142.0) - see issue #3910
2012
2012
  // Hardcoded padding values compensate for Firefox's incorrect table cell height calculation
2013
2013
  const firefoxFix = edsUtils.isFirefox() ? styled.css(["vertical-align:top;height:auto;min-height:", ";> div{padding:", " 0;}"], height, $density === 'compact' ? '7px' : '13px') : styled.css([""]);
2014
- return styled.css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", " ", ""], height, height, background, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(theme.border), sortStylingHover, sortStylingActive, firefoxFix, $sticky ? styled.css(["position:sticky;top:0;z-index:1;"]) : '');
2014
+ return styled.css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", " a{font-size:inherit;font-weight:inherit;}", ""], height, height, background, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(theme.border), sortStylingHover, sortStylingActive, firefoxFix, $sticky ? styled.css(["position:sticky;top:0;z-index:1;"]) : '');
2015
2015
  });
2016
2016
  const CellInner$1 = styled__default.default.div.withConfig({
2017
2017
  displayName: "HeaderCell__CellInner",
@@ -2061,7 +2061,7 @@ const StyledTableCell = styled__default.default.th.withConfig({
2061
2061
  typography,
2062
2062
  spacings
2063
2063
  } = theme;
2064
- return styled.css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", ""], height, height, background, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(theme.border), $sticky ? styled.css(["position:sticky;bottom:0;z-index:2;"]) : '');
2064
+ return styled.css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " a{font-size:inherit;font-weight:inherit;}", ""], height, height, background, edsUtils.spacingsTemplate(spacings), edsUtils.typographyTemplate(typography), edsUtils.bordersTemplate(theme.border), $sticky ? styled.css(["position:sticky;bottom:0;z-index:2;"]) : '');
2065
2065
  });
2066
2066
  const CellInner = styled__default.default.div.withConfig({
2067
2067
  displayName: "FooterCell__CellInner",
@@ -12697,6 +12697,167 @@ const useGetLocale = locale => {
12697
12697
  return locale ?? currentLocale ?? browserLocale;
12698
12698
  };
12699
12699
 
12700
+ /**
12701
+ * Validation message translations matching @react-stately/datepicker's built-in messages.
12702
+ * Sourced from @react-stately/datepicker's intlStrings bundle.
12703
+ * Unsupported locales fall back to English.
12704
+ */
12705
+ const allTranslations = {
12706
+ 'en-US': {
12707
+ rangeUnderflow: args => `Value must be ${args.minValue} or later.`,
12708
+ rangeOverflow: args => `Value must be ${args.maxValue} or earlier.`,
12709
+ unavailableDate: 'Selected date unavailable.'
12710
+ },
12711
+ 'nb-NO': {
12712
+ rangeUnderflow: args => `Verdien m\u00e5 v\u00e6re ${args.minValue} eller senere.`,
12713
+ rangeOverflow: args => `Verdien m\u00e5 v\u00e6re ${args.maxValue} eller tidligere.`,
12714
+ unavailableDate: 'Valgt dato utilgjengelig.'
12715
+ },
12716
+ 'da-DK': {
12717
+ rangeUnderflow: args => `V\u00e6rdien skal v\u00e6re ${args.minValue} eller senere.`,
12718
+ rangeOverflow: args => `V\u00e6rdien skal v\u00e6re ${args.maxValue} eller tidligere.`,
12719
+ unavailableDate: 'Den valgte dato er ikke tilg\u00e6ngelig.'
12720
+ },
12721
+ 'sv-SE': {
12722
+ rangeUnderflow: args => `V\u00e4rdet m\u00e5ste vara ${args.minValue} eller senare.`,
12723
+ rangeOverflow: args => `V\u00e4rdet m\u00e5ste vara ${args.maxValue} eller tidigare.`,
12724
+ unavailableDate: 'Valt datum \u00e4r inte tillg\u00e4ngligt.'
12725
+ },
12726
+ 'de-DE': {
12727
+ rangeUnderflow: args => `Der Wert muss ${args.minValue} oder sp\u00e4ter sein.`,
12728
+ rangeOverflow: args => `Der Wert muss ${args.maxValue} oder fr\u00fcher sein.`,
12729
+ unavailableDate: 'Das ausgew\u00e4hlte Datum ist nicht verf\u00fcgbar.'
12730
+ },
12731
+ 'fr-FR': {
12732
+ rangeUnderflow: args => `La valeur doit \u00eatre ${args.minValue} ou ult\u00e9rieure.`,
12733
+ rangeOverflow: args => `La valeur doit \u00eatre ${args.maxValue} ou ant\u00e9rieure.`,
12734
+ unavailableDate: 'Date s\u00e9lectionn\u00e9e non disponible.'
12735
+ },
12736
+ 'es-ES': {
12737
+ rangeUnderflow: args => `El valor debe ser ${args.minValue} o posterior.`,
12738
+ rangeOverflow: args => `El valor debe ser ${args.maxValue} o anterior.`,
12739
+ unavailableDate: 'Fecha seleccionada no disponible.'
12740
+ },
12741
+ 'pt-BR': {
12742
+ rangeUnderflow: args => `O valor deve ser ${args.minValue} ou posterior.`,
12743
+ rangeOverflow: args => `O valor deve ser ${args.maxValue} ou anterior.`,
12744
+ unavailableDate: 'Data selecionada indispon\u00edvel.'
12745
+ },
12746
+ 'pt-PT': {
12747
+ rangeUnderflow: args => `O valor tem de ser ${args.minValue} ou posterior.`,
12748
+ rangeOverflow: args => `O valor tem de ser ${args.maxValue} ou anterior.`,
12749
+ unavailableDate: 'Data selecionada indispon\u00edvel.'
12750
+ },
12751
+ 'pl-PL': {
12752
+ rangeUnderflow: args => `Warto\u015b\u0107 musi wynosi\u0107 ${args.minValue} lub p\u00f3\u017aniej.`,
12753
+ rangeOverflow: args => `Warto\u015b\u0107 musi wynosi\u0107 ${args.maxValue} lub wcze\u015bniej.`,
12754
+ unavailableDate: 'Wybrana data jest niedost\u0119pna.'
12755
+ },
12756
+ 'nl-NL': {
12757
+ rangeUnderflow: args => `Waarde moet ${args.minValue} of later zijn.`,
12758
+ rangeOverflow: args => `Waarde moet ${args.maxValue} of eerder zijn.`,
12759
+ unavailableDate: 'Geselecteerde datum niet beschikbaar.'
12760
+ },
12761
+ 'it-IT': {
12762
+ rangeUnderflow: args => `Il valore deve essere ${args.minValue} o successivo.`,
12763
+ rangeOverflow: args => `Il valore deve essere ${args.maxValue} o precedente.`,
12764
+ unavailableDate: 'Data selezionata non disponibile.'
12765
+ },
12766
+ 'ja-JP': {
12767
+ rangeUnderflow: args => `\u5024\u306f${args.minValue}\u4ee5\u964d\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002`,
12768
+ rangeOverflow: args => `\u5024\u306f${args.maxValue}\u4ee5\u524d\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002`,
12769
+ unavailableDate: '\u9078\u629e\u3057\u305f\u65e5\u4ed8\u306f\u5229\u7528\u3067\u304d\u307e\u305b\u3093\u3002'
12770
+ },
12771
+ 'ko-KR': {
12772
+ rangeUnderflow: args => `\uac12\uc740 ${args.minValue} \uc774\ud6c4\uc5ec\uc57c \ud569\ub2c8\ub2e4.`,
12773
+ rangeOverflow: args => `\uac12\uc740 ${args.maxValue} \uc774\uc804\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4.`,
12774
+ unavailableDate: '\uc120\ud0dd\ud55c \ub0a0\uc9dc\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.'
12775
+ },
12776
+ 'zh-CN': {
12777
+ rangeUnderflow: args => `\u503c\u5fc5\u987b\u4e3a ${args.minValue} \u6216\u66f4\u665a\u3002`,
12778
+ rangeOverflow: args => `\u503c\u5fc5\u987b\u4e3a ${args.maxValue} \u6216\u66f4\u65e9\u3002`,
12779
+ unavailableDate: '\u6240\u9009\u65e5\u671f\u4e0d\u53ef\u7528\u3002'
12780
+ },
12781
+ 'zh-TW': {
12782
+ rangeUnderflow: args => `\u503c\u5fc5\u9808\u70ba ${args.minValue} \u6216\u66f4\u665a\u3002`,
12783
+ rangeOverflow: args => `\u503c\u5fc5\u9808\u70ba ${args.maxValue} \u6216\u66f4\u65e9\u3002`,
12784
+ unavailableDate: '\u6240\u9078\u65e5\u671f\u4e0d\u53ef\u7528\u3002'
12785
+ },
12786
+ 'ru-RU': {
12787
+ rangeUnderflow: args => `\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ${args.minValue} \u0438\u043b\u0438 \u043f\u043e\u0437\u0436\u0435.`,
12788
+ rangeOverflow: args => `\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ${args.maxValue} \u0438\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435.`,
12789
+ unavailableDate: '\u0412\u044b\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u0434\u0430\u0442\u0430 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430.'
12790
+ },
12791
+ 'uk-UA': {
12792
+ rangeUnderflow: args => `\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u043c\u0430\u0454 \u0431\u0443\u0442\u0438 ${args.minValue} \u0430\u0431\u043e \u043f\u0456\u0437\u043d\u0456\u0448\u0435.`,
12793
+ rangeOverflow: args => `\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u043c\u0430\u0454 \u0431\u0443\u0442\u0438 ${args.maxValue} \u0430\u0431\u043e \u0440\u0430\u043d\u0456\u0448\u0435.`,
12794
+ unavailableDate: '\u0412\u0438\u0431\u0440\u0430\u043d\u0430 \u0434\u0430\u0442\u0430 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430.'
12795
+ },
12796
+ 'ar-AE': {
12797
+ rangeUnderflow: args => `\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 ${args.minValue} \u0623\u0648 \u0623\u062d\u062f\u062b.`,
12798
+ rangeOverflow: args => `\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 ${args.maxValue} \u0623\u0648 \u0623\u0642\u062f\u0645.`,
12799
+ unavailableDate: '\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u062d\u062f\u062f \u063a\u064a\u0631 \u0645\u062a\u0627\u062d.'
12800
+ },
12801
+ 'fi-FI': {
12802
+ rangeUnderflow: args => `Arvon on oltava ${args.minValue} tai my\u00f6hempi.`,
12803
+ rangeOverflow: args => `Arvon on oltava ${args.maxValue} tai aikaisempi.`,
12804
+ unavailableDate: 'Valittu p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4 ei ole k\u00e4ytett\u00e4viss\u00e4.'
12805
+ }
12806
+ };
12807
+ const englishFallback = allTranslations['en-US'];
12808
+
12809
+ /**
12810
+ * Find the best matching locale from available translations.
12811
+ * Tries exact match first (e.g. "nb-NO"), then language prefix match (e.g. "nb" → "nb-NO").
12812
+ */
12813
+ function findLocaleMessages(locale) {
12814
+ if (allTranslations[locale]) return allTranslations[locale];
12815
+ const language = Intl.Locale ? new Intl.Locale(locale).language : locale.split('-')[0];
12816
+
12817
+ // First match wins: e.g. "pt" → "pt-BR", "zh" → "zh-CN"
12818
+ for (const key of Object.keys(allTranslations)) {
12819
+ const keyLang = key.split('-')[0];
12820
+ if (keyLang === language) return allTranslations[key];
12821
+ }
12822
+ return englishFallback;
12823
+ }
12824
+ function formatMessage(msg, args) {
12825
+ return typeof msg === 'function' ? msg(args) : msg;
12826
+ }
12827
+
12828
+ /**
12829
+ * Generates validation error messages using the provided locale instead of
12830
+ * navigator.language (which is what react-stately uses internally).
12831
+ *
12832
+ * This fixes the issue where validation messages appear in the browser's
12833
+ * language rather than the locale configured via I18nProvider.
12834
+ */
12835
+ function getLocalizedValidationErrors(validationDetails, locale, minValue, maxValue, timezone) {
12836
+ const msgs = findLocaleMessages(locale);
12837
+ const dateFormatter = new date.DateFormatter(locale, {
12838
+ year: 'numeric',
12839
+ month: 'numeric',
12840
+ day: 'numeric'
12841
+ });
12842
+ const timeZone = timezone ?? dateFormatter.resolvedOptions().timeZone;
12843
+ const errors = [];
12844
+ if (validationDetails.rangeUnderflow && minValue && msgs.rangeUnderflow) {
12845
+ errors.push(formatMessage(msgs.rangeUnderflow, {
12846
+ minValue: dateFormatter.format(minValue.toDate(timeZone))
12847
+ }));
12848
+ }
12849
+ if (validationDetails.rangeOverflow && maxValue && msgs.rangeOverflow) {
12850
+ errors.push(formatMessage(msgs.rangeOverflow, {
12851
+ maxValue: dateFormatter.format(maxValue.toDate(timeZone))
12852
+ }));
12853
+ }
12854
+ // react-stately maps isDateUnavailable to badInput (not customError)
12855
+ if (validationDetails.badInput && msgs.unavailableDate) {
12856
+ errors.push(formatMessage(msgs.unavailableDate, {}));
12857
+ }
12858
+ return errors;
12859
+ }
12860
+
12700
12861
  const DatePicker = /*#__PURE__*/react.forwardRef(({
12701
12862
  onChange,
12702
12863
  label,
@@ -12791,8 +12952,10 @@ const DatePicker = /*#__PURE__*/react.forwardRef(({
12791
12952
  fieldProps,
12792
12953
  calendarProps
12793
12954
  } = reactAria.useDatePicker(dateCreateProps, pickerState, ref);
12955
+ const localizedErrors = pickerState.displayValidation.isInvalid ? getLocalizedValidationErrors(pickerState.displayValidation.validationDetails, locale, _minValue, _maxValue, timezone) : [];
12956
+ const errorMessages = localizedErrors.length > 0 ? localizedErrors : pickerState.displayValidation.validationErrors;
12794
12957
  const helperPropsInvalid = pickerState.displayValidation.isInvalid ? {
12795
- text: pickerState.displayValidation.validationErrors.join('\n'),
12958
+ text: errorMessages.join('\n'),
12796
12959
  color: edsTokens.tokens.colors.interactive.warning__text.rgba,
12797
12960
  icon: /*#__PURE__*/jsxRuntime.jsx(Icon$1, {
12798
12961
  size: 16,
@@ -13042,8 +13205,10 @@ const DateRangePicker = /*#__PURE__*/react.forwardRef(({
13042
13205
  buttonProps,
13043
13206
  calendarProps
13044
13207
  } = reactAria.useDateRangePicker(dateRangePickerStateProps, state, ref);
13208
+ const localizedErrors = state.displayValidation.isInvalid ? getLocalizedValidationErrors(state.displayValidation.validationDetails, locale, _minValue, _maxValue, timezone) : [];
13209
+ const errorMessages = localizedErrors.length > 0 ? localizedErrors : state.displayValidation.validationErrors;
13045
13210
  const helperProps = state.displayValidation.isInvalid ? {
13046
- text: state.displayValidation.validationErrors.join('\n'),
13211
+ text: errorMessages.join('\n'),
13047
13212
  color: edsTokens.tokens.colors.interactive.warning__text.rgba,
13048
13213
  icon: /*#__PURE__*/jsxRuntime.jsx(Icon$1, {
13049
13214
  size: 16,
package/dist/esm/components/Datepicker/DatePicker.js CHANGED
@@ -13,6 +13,7 @@ import { tokens } from '@equinor/eds-tokens';
13
13
  import { Icon } from '../Icon/index.js';
14
14
  import { getCalendarDate } from './utils/get-calendar-date.js';
15
15
  import { useGetLocale } from './utils/useGetLocale.js';
16
+ import { getLocalizedValidationErrors } from './utils/getLocalizedValidationErrors.js';
16
17
  import { jsx } from 'react/jsx-runtime';
17
18
 
18
19
  const DatePicker = /*#__PURE__*/forwardRef(({
@@ -109,8 +110,10 @@ const DatePicker = /*#__PURE__*/forwardRef(({
109
110
  fieldProps,
110
111
  calendarProps
111
112
  } = useDatePicker(dateCreateProps, pickerState, ref);
113
+ const localizedErrors = pickerState.displayValidation.isInvalid ? getLocalizedValidationErrors(pickerState.displayValidation.validationDetails, locale, _minValue, _maxValue, timezone) : [];
114
+ const errorMessages = localizedErrors.length > 0 ? localizedErrors : pickerState.displayValidation.validationErrors;
112
115
  const helperPropsInvalid = pickerState.displayValidation.isInvalid ? {
113
- text: pickerState.displayValidation.validationErrors.join('\n'),
116
+ text: errorMessages.join('\n'),
114
117
  color: tokens.colors.interactive.warning__text.rgba,
115
118
  icon: /*#__PURE__*/jsx(Icon, {
116
119
  size: 16,
package/dist/esm/components/Datepicker/DateRangePicker.js CHANGED
@@ -13,6 +13,7 @@ import { tokens } from '@equinor/eds-tokens';
13
13
  import { Icon } from '../Icon/index.js';
14
14
  import { getCalendarDate } from './utils/get-calendar-date.js';
15
15
  import { useGetLocale } from './utils/useGetLocale.js';
16
+ import { getLocalizedValidationErrors } from './utils/getLocalizedValidationErrors.js';
16
17
  import { jsx } from 'react/jsx-runtime';
17
18
 
18
19
  const DateRangePicker = /*#__PURE__*/forwardRef(({
@@ -96,8 +97,10 @@ const DateRangePicker = /*#__PURE__*/forwardRef(({
96
97
  buttonProps,
97
98
  calendarProps
98
99
  } = useDateRangePicker(dateRangePickerStateProps, state, ref);
100
+ const localizedErrors = state.displayValidation.isInvalid ? getLocalizedValidationErrors(state.displayValidation.validationDetails, locale, _minValue, _maxValue, timezone) : [];
101
+ const errorMessages = localizedErrors.length > 0 ? localizedErrors : state.displayValidation.validationErrors;
99
102
  const helperProps = state.displayValidation.isInvalid ? {
100
- text: state.displayValidation.validationErrors.join('\n'),
103
+ text: errorMessages.join('\n'),
101
104
  color: tokens.colors.interactive.warning__text.rgba,
102
105
  icon: /*#__PURE__*/jsx(Icon, {
103
106
  size: 16,
package/dist/esm/components/Datepicker/utils/getLocalizedValidationErrors.js ADDED
@@ -0,0 +1,164 @@
1
+ import { DateFormatter } from '@internationalized/date';
2
+
3
+ /**
4
+ * Validation message translations matching @react-stately/datepicker's built-in messages.
5
+ * Sourced from @react-stately/datepicker's intlStrings bundle.
6
+ * Unsupported locales fall back to English.
7
+ */
8
+ const allTranslations = {
9
+ 'en-US': {
10
+ rangeUnderflow: args => `Value must be ${args.minValue} or later.`,
11
+ rangeOverflow: args => `Value must be ${args.maxValue} or earlier.`,
12
+ unavailableDate: 'Selected date unavailable.'
13
+ },
14
+ 'nb-NO': {
15
+ rangeUnderflow: args => `Verdien m\u00e5 v\u00e6re ${args.minValue} eller senere.`,
16
+ rangeOverflow: args => `Verdien m\u00e5 v\u00e6re ${args.maxValue} eller tidligere.`,
17
+ unavailableDate: 'Valgt dato utilgjengelig.'
18
+ },
19
+ 'da-DK': {
20
+ rangeUnderflow: args => `V\u00e6rdien skal v\u00e6re ${args.minValue} eller senere.`,
21
+ rangeOverflow: args => `V\u00e6rdien skal v\u00e6re ${args.maxValue} eller tidligere.`,
22
+ unavailableDate: 'Den valgte dato er ikke tilg\u00e6ngelig.'
23
+ },
24
+ 'sv-SE': {
25
+ rangeUnderflow: args => `V\u00e4rdet m\u00e5ste vara ${args.minValue} eller senare.`,
26
+ rangeOverflow: args => `V\u00e4rdet m\u00e5ste vara ${args.maxValue} eller tidigare.`,
27
+ unavailableDate: 'Valt datum \u00e4r inte tillg\u00e4ngligt.'
28
+ },
29
+ 'de-DE': {
30
+ rangeUnderflow: args => `Der Wert muss ${args.minValue} oder sp\u00e4ter sein.`,
31
+ rangeOverflow: args => `Der Wert muss ${args.maxValue} oder fr\u00fcher sein.`,
32
+ unavailableDate: 'Das ausgew\u00e4hlte Datum ist nicht verf\u00fcgbar.'
33
+ },
34
+ 'fr-FR': {
35
+ rangeUnderflow: args => `La valeur doit \u00eatre ${args.minValue} ou ult\u00e9rieure.`,
36
+ rangeOverflow: args => `La valeur doit \u00eatre ${args.maxValue} ou ant\u00e9rieure.`,
37
+ unavailableDate: 'Date s\u00e9lectionn\u00e9e non disponible.'
38
+ },
39
+ 'es-ES': {
40
+ rangeUnderflow: args => `El valor debe ser ${args.minValue} o posterior.`,
41
+ rangeOverflow: args => `El valor debe ser ${args.maxValue} o anterior.`,
42
+ unavailableDate: 'Fecha seleccionada no disponible.'
43
+ },
44
+ 'pt-BR': {
45
+ rangeUnderflow: args => `O valor deve ser ${args.minValue} ou posterior.`,
46
+ rangeOverflow: args => `O valor deve ser ${args.maxValue} ou anterior.`,
47
+ unavailableDate: 'Data selecionada indispon\u00edvel.'
48
+ },
49
+ 'pt-PT': {
50
+ rangeUnderflow: args => `O valor tem de ser ${args.minValue} ou posterior.`,
51
+ rangeOverflow: args => `O valor tem de ser ${args.maxValue} ou anterior.`,
52
+ unavailableDate: 'Data selecionada indispon\u00edvel.'
53
+ },
54
+ 'pl-PL': {
55
+ rangeUnderflow: args => `Warto\u015b\u0107 musi wynosi\u0107 ${args.minValue} lub p\u00f3\u017aniej.`,
56
+ rangeOverflow: args => `Warto\u015b\u0107 musi wynosi\u0107 ${args.maxValue} lub wcze\u015bniej.`,
57
+ unavailableDate: 'Wybrana data jest niedost\u0119pna.'
58
+ },
59
+ 'nl-NL': {
60
+ rangeUnderflow: args => `Waarde moet ${args.minValue} of later zijn.`,
61
+ rangeOverflow: args => `Waarde moet ${args.maxValue} of eerder zijn.`,
62
+ unavailableDate: 'Geselecteerde datum niet beschikbaar.'
63
+ },
64
+ 'it-IT': {
65
+ rangeUnderflow: args => `Il valore deve essere ${args.minValue} o successivo.`,
66
+ rangeOverflow: args => `Il valore deve essere ${args.maxValue} o precedente.`,
67
+ unavailableDate: 'Data selezionata non disponibile.'
68
+ },
69
+ 'ja-JP': {
70
+ rangeUnderflow: args => `\u5024\u306f${args.minValue}\u4ee5\u964d\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002`,
71
+ rangeOverflow: args => `\u5024\u306f${args.maxValue}\u4ee5\u524d\u3067\u3042\u308b\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002`,
72
+ unavailableDate: '\u9078\u629e\u3057\u305f\u65e5\u4ed8\u306f\u5229\u7528\u3067\u304d\u307e\u305b\u3093\u3002'
73
+ },
74
+ 'ko-KR': {
75
+ rangeUnderflow: args => `\uac12\uc740 ${args.minValue} \uc774\ud6c4\uc5ec\uc57c \ud569\ub2c8\ub2e4.`,
76
+ rangeOverflow: args => `\uac12\uc740 ${args.maxValue} \uc774\uc804\uc774\uc5b4\uc57c \ud569\ub2c8\ub2e4.`,
77
+ unavailableDate: '\uc120\ud0dd\ud55c \ub0a0\uc9dc\ub97c \uc0ac\uc6a9\ud560 \uc218 \uc5c6\uc2b5\ub2c8\ub2e4.'
78
+ },
79
+ 'zh-CN': {
80
+ rangeUnderflow: args => `\u503c\u5fc5\u987b\u4e3a ${args.minValue} \u6216\u66f4\u665a\u3002`,
81
+ rangeOverflow: args => `\u503c\u5fc5\u987b\u4e3a ${args.maxValue} \u6216\u66f4\u65e9\u3002`,
82
+ unavailableDate: '\u6240\u9009\u65e5\u671f\u4e0d\u53ef\u7528\u3002'
83
+ },
84
+ 'zh-TW': {
85
+ rangeUnderflow: args => `\u503c\u5fc5\u9808\u70ba ${args.minValue} \u6216\u66f4\u665a\u3002`,
86
+ rangeOverflow: args => `\u503c\u5fc5\u9808\u70ba ${args.maxValue} \u6216\u66f4\u65e9\u3002`,
87
+ unavailableDate: '\u6240\u9078\u65e5\u671f\u4e0d\u53ef\u7528\u3002'
88
+ },
89
+ 'ru-RU': {
90
+ rangeUnderflow: args => `\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ${args.minValue} \u0438\u043b\u0438 \u043f\u043e\u0437\u0436\u0435.`,
91
+ rangeOverflow: args => `\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c ${args.maxValue} \u0438\u043b\u0438 \u0440\u0430\u043d\u044c\u0448\u0435.`,
92
+ unavailableDate: '\u0412\u044b\u0431\u0440\u0430\u043d\u043d\u0430\u044f \u0434\u0430\u0442\u0430 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430.'
93
+ },
94
+ 'uk-UA': {
95
+ rangeUnderflow: args => `\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u043c\u0430\u0454 \u0431\u0443\u0442\u0438 ${args.minValue} \u0430\u0431\u043e \u043f\u0456\u0437\u043d\u0456\u0448\u0435.`,
96
+ rangeOverflow: args => `\u0417\u043d\u0430\u0447\u0435\u043d\u043d\u044f \u043c\u0430\u0454 \u0431\u0443\u0442\u0438 ${args.maxValue} \u0430\u0431\u043e \u0440\u0430\u043d\u0456\u0448\u0435.`,
97
+ unavailableDate: '\u0412\u0438\u0431\u0440\u0430\u043d\u0430 \u0434\u0430\u0442\u0430 \u043d\u0435\u0434\u043e\u0441\u0442\u0443\u043f\u043d\u0430.'
98
+ },
99
+ 'ar-AE': {
100
+ rangeUnderflow: args => `\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 ${args.minValue} \u0623\u0648 \u0623\u062d\u062f\u062b.`,
101
+ rangeOverflow: args => `\u064a\u062c\u0628 \u0623\u0646 \u062a\u0643\u0648\u0646 \u0627\u0644\u0642\u064a\u0645\u0629 ${args.maxValue} \u0623\u0648 \u0623\u0642\u062f\u0645.`,
102
+ unavailableDate: '\u0627\u0644\u062a\u0627\u0631\u064a\u062e \u0627\u0644\u0645\u062d\u062f\u062f \u063a\u064a\u0631 \u0645\u062a\u0627\u062d.'
103
+ },
104
+ 'fi-FI': {
105
+ rangeUnderflow: args => `Arvon on oltava ${args.minValue} tai my\u00f6hempi.`,
106
+ rangeOverflow: args => `Arvon on oltava ${args.maxValue} tai aikaisempi.`,
107
+ unavailableDate: 'Valittu p\u00e4iv\u00e4m\u00e4\u00e4r\u00e4 ei ole k\u00e4ytett\u00e4viss\u00e4.'
108
+ }
109
+ };
110
+ const englishFallback = allTranslations['en-US'];
111
+
112
+ /**
113
+ * Find the best matching locale from available translations.
114
+ * Tries exact match first (e.g. "nb-NO"), then language prefix match (e.g. "nb" → "nb-NO").
115
+ */
116
+ function findLocaleMessages(locale) {
117
+ if (allTranslations[locale]) return allTranslations[locale];
118
+ const language = Intl.Locale ? new Intl.Locale(locale).language : locale.split('-')[0];
119
+
120
+ // First match wins: e.g. "pt" → "pt-BR", "zh" → "zh-CN"
121
+ for (const key of Object.keys(allTranslations)) {
122
+ const keyLang = key.split('-')[0];
123
+ if (keyLang === language) return allTranslations[key];
124
+ }
125
+ return englishFallback;
126
+ }
127
+ function formatMessage(msg, args) {
128
+ return typeof msg === 'function' ? msg(args) : msg;
129
+ }
130
+
131
+ /**
132
+ * Generates validation error messages using the provided locale instead of
133
+ * navigator.language (which is what react-stately uses internally).
134
+ *
135
+ * This fixes the issue where validation messages appear in the browser's
136
+ * language rather than the locale configured via I18nProvider.
137
+ */
138
+ function getLocalizedValidationErrors(validationDetails, locale, minValue, maxValue, timezone) {
139
+ const msgs = findLocaleMessages(locale);
140
+ const dateFormatter = new DateFormatter(locale, {
141
+ year: 'numeric',
142
+ month: 'numeric',
143
+ day: 'numeric'
144
+ });
145
+ const timeZone = timezone ?? dateFormatter.resolvedOptions().timeZone;
146
+ const errors = [];
147
+ if (validationDetails.rangeUnderflow && minValue && msgs.rangeUnderflow) {
148
+ errors.push(formatMessage(msgs.rangeUnderflow, {
149
+ minValue: dateFormatter.format(minValue.toDate(timeZone))
150
+ }));
151
+ }
152
+ if (validationDetails.rangeOverflow && maxValue && msgs.rangeOverflow) {
153
+ errors.push(formatMessage(msgs.rangeOverflow, {
154
+ maxValue: dateFormatter.format(maxValue.toDate(timeZone))
155
+ }));
156
+ }
157
+ // react-stately maps isDateUnavailable to badInput (not customError)
158
+ if (validationDetails.badInput && msgs.unavailableDate) {
159
+ errors.push(formatMessage(msgs.unavailableDate, {}));
160
+ }
161
+ return errors;
162
+ }
163
+
164
+ export { getLocalizedValidationErrors };
package/dist/esm/components/Table/DataCell/DataCell.js CHANGED
@@ -20,7 +20,7 @@ const StyledTableCell = styled.td.withConfig({
20
20
  align
21
21
  } = theme;
22
22
  const backgroundColor = color === 'error' ? theme.validation.error?.background : '';
23
- const base = css(["min-height:", ";height:", ";background:", ";vertical-align:", ";box-sizing:border-box;", " ", " ", ""], height, height, backgroundColor, align.vertical, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(border));
23
+ const base = css(["min-height:", ";height:", ";background:", ";vertical-align:", ";box-sizing:border-box;", " ", " ", " a{font-size:inherit;font-weight:inherit;}"], height, height, backgroundColor, align.vertical, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(border));
24
24
  return base;
25
25
  });
26
26
  const TableDataCell = /*#__PURE__*/forwardRef(function TableDataCell({
package/dist/esm/components/Table/FooterCell/FooterCell.js CHANGED
@@ -19,7 +19,7 @@ const StyledTableCell = styled.th.withConfig({
19
19
  typography,
20
20
  spacings
21
21
  } = theme;
22
- return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), $sticky ? css(["position:sticky;bottom:0;z-index:2;"]) : '');
22
+ return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " a{font-size:inherit;font-weight:inherit;}", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), $sticky ? css(["position:sticky;bottom:0;z-index:2;"]) : '');
23
23
  });
24
24
  const CellInner = styled.div.withConfig({
25
25
  displayName: "FooterCell__CellInner",
package/dist/esm/components/Table/HeaderCell/HeaderCell.js CHANGED
@@ -34,7 +34,7 @@ const StyledTableCell = styled.th.withConfig({
34
34
  // Firefox specific workaround (bug in v142.0) - see issue #3910
35
35
  // Hardcoded padding values compensate for Firefox's incorrect table cell height calculation
36
36
  const firefoxFix = isFirefox() ? css(["vertical-align:top;height:auto;min-height:", ";> div{padding:", " 0;}"], height, $density === 'compact' ? '7px' : '13px') : css([""]);
37
- return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", " ", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), sortStylingHover, sortStylingActive, firefoxFix, $sticky ? css(["position:sticky;top:0;z-index:1;"]) : '');
37
+ return css(["min-height:", ";height:", ";background:", ";box-sizing:border-box;", " ", " ", " ", " ", " ", " a{font-size:inherit;font-weight:inherit;}", ""], height, height, background, spacingsTemplate(spacings), typographyTemplate(typography), bordersTemplate(theme.border), sortStylingHover, sortStylingActive, firefoxFix, $sticky ? css(["position:sticky;top:0;z-index:1;"]) : '');
38
38
  });
39
39
  const CellInner = styled.div.withConfig({
40
40
  displayName: "HeaderCell__CellInner",
package/dist/esm-next/components/next/TextField/TextField.js CHANGED
@@ -4,6 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
4
4
  import { useFieldIds } from '../Field/useFieldIds.js';
5
5
  import { Field } from '../Field/Field.js';
6
6
  import { Tooltip } from '../../Tooltip/Tooltip.js';
7
+ import { Button } from '../Button/Button.js';
7
8
  import { Icon } from '../Icon/Icon.js';
8
9
  import { Input } from '../Input/Input.js';
9
10
 
@@ -35,8 +36,12 @@ const TextField = /*#__PURE__*/forwardRef(function TextField({
35
36
  }), labelInfo && /*#__PURE__*/jsx(Tooltip, {
36
37
  title: labelInfo,
37
38
  placement: "top",
38
- children: /*#__PURE__*/jsx("button", {
39
- type: "button",
39
+ children: /*#__PURE__*/jsx(Button, {
40
+ variant: "ghost",
41
+ icon: true,
42
+ round: true,
43
+ size: "small",
44
+ tone: "neutral",
40
45
  className: "eds-text-field__info",
41
46
  "aria-label": "More information",
42
47
  children: /*#__PURE__*/jsx(Icon, {
package/dist/index.next.cjs CHANGED
@@ -838,8 +838,12 @@ const TextField = /*#__PURE__*/react.forwardRef(function TextField({
838
838
  }), labelInfo && /*#__PURE__*/jsxRuntime.jsx(Tooltip, {
839
839
  title: labelInfo,
840
840
  placement: "top",
841
- children: /*#__PURE__*/jsxRuntime.jsx("button", {
842
- type: "button",
841
+ children: /*#__PURE__*/jsxRuntime.jsx(Button, {
842
+ variant: "ghost",
843
+ icon: true,
844
+ round: true,
845
+ size: "small",
846
+ tone: "neutral",
843
847
  className: "eds-text-field__info",
844
848
  "aria-label": "More information",
845
849
  children: /*#__PURE__*/jsxRuntime.jsx(Icon, {
package/dist/types/components/Datepicker/utils/getLocalizedValidationErrors.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { DateValue } from '@internationalized/date';
2
+ /**
3
+ * Generates validation error messages using the provided locale instead of
4
+ * navigator.language (which is what react-stately uses internally).
5
+ *
6
+ * This fixes the issue where validation messages appear in the browser's
7
+ * language rather than the locale configured via I18nProvider.
8
+ */
9
+ export declare function getLocalizedValidationErrors(validationDetails: ValidityState, locale: string, minValue?: DateValue | null, maxValue?: DateValue | null, timezone?: string): string[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equinor/eds-core-react",
3
- "version": "2.3.6",
3
+ "version": "2.3.7",
4
4
  "description": "The React implementation of the Equinor Design System",
5
5
  "sideEffects": [
6
6
  "**/*.css"
@@ -40,10 +40,10 @@
40
40
  "react"
41
41
  ],
42
42
  "devDependencies": {
43
- "@figma/code-connect": "^1.3.13",
43
+ "@figma/code-connect": "^1.4.1",
44
44
  "@playwright/test": "^1.58.2",
45
45
  "@rollup/plugin-babel": "^6.1.0",
46
- "@rollup/plugin-commonjs": "^28.0.8",
46
+ "@rollup/plugin-commonjs": "^29.0.0",
47
47
  "@rollup/plugin-node-resolve": "^16.0.3",
48
48
  "@storybook/addon-a11y": "^10.2.10",
49
49
  "@storybook/addon-docs": "^10.2.10",
@@ -55,12 +55,12 @@
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.2.3",
58
+ "@types/node": "^25.3.0",
59
59
  "@types/ramda": "^0.31.1",
60
60
  "@types/react": "^19.2.14",
61
61
  "@types/react-dom": "^19.2.3",
62
62
  "babel-plugin-styled-components": "^2.1.4",
63
- "eslint-plugin-storybook": "10.2.8",
63
+ "eslint-plugin-storybook": "10.2.10",
64
64
  "jest": "^30.2.0",
65
65
  "jest-environment-jsdom": "^30.2.0",
66
66
  "jest-styled-components": "^7.2.0",
@@ -70,14 +70,14 @@
70
70
  "ramda": "^0.32.0",
71
71
  "react": "^19.2.4",
72
72
  "react-dom": "^19.2.4",
73
- "react-hook-form": "^7.71.1",
73
+ "react-hook-form": "^7.71.2",
74
74
  "react-router-dom": "^7.13.0",
75
75
  "rollup": "^4.57.1",
76
76
  "rollup-plugin-delete": "^3.0.2",
77
77
  "rollup-plugin-postcss": "^4.0.2",
78
78
  "rollup-preserve-directives": "^1.1.3",
79
- "storybook": "^10.2.8",
80
- "styled-components": "6.3.9",
79
+ "storybook": "^10.2.10",
80
+ "styled-components": "6.3.11",
81
81
  "tsc-watch": "^7.2.0",
82
82
  "typescript": "^5.9.3"
83
83
  },
@@ -88,18 +88,18 @@
88
88
  },
89
89
  "dependencies": {
90
90
  "@babel/runtime": "^7.28.6",
91
- "@floating-ui/react": "^0.27.17",
91
+ "@floating-ui/react": "^0.27.18",
92
92
  "@internationalized/date": "^3.11.0",
93
93
  "@react-aria/utils": "^3.33.0",
94
94
  "@react-stately/calendar": "^3.9.2",
95
95
  "@react-stately/datepicker": "^3.16.0",
96
96
  "@react-types/shared": "^3.33.0",
97
97
  "@tanstack/react-virtual": "3.13.18",
98
- "downshift": "9.3.0",
98
+ "downshift": "9.3.2",
99
99
  "react-aria": "^3.46.0",
100
- "@equinor/eds-icons": "^1.2.2",
101
100
  "@equinor/eds-tokens": "^2.2.0",
102
- "@equinor/eds-utils": "^2.0.0"
101
+ "@equinor/eds-utils": "^2.0.0",
102
+ "@equinor/eds-icons": "^1.3.0"
103
103
  },
104
104
  "scripts": {
105
105
  "build": "rollup -c && tsc -p tsconfig.build.json",