@digdir/designsystemet-react 0.53.1 → 0.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/dist/cjs/components/Accordion/Accordion.module.css.js +1 -1
  2. package/dist/cjs/components/Accordion/AccordionHeader/AccordionHeader.js +1 -1
  3. package/dist/cjs/components/Box/Box.module.css.js +1 -1
  4. package/dist/cjs/components/Button/Button.module.css.js +1 -1
  5. package/dist/cjs/components/Card/Card.module.css.js +1 -1
  6. package/dist/cjs/components/Chip/Chip.module.css.js +1 -1
  7. package/dist/cjs/components/Divider/Divider.module.css.js +1 -1
  8. package/dist/cjs/components/DropdownMenu/DropdownMenu.module.css.js +1 -1
  9. package/dist/cjs/components/DropdownMenu/DropdownMenuGroup/DropdownMenuGroup.module.css.js +1 -1
  10. package/dist/cjs/components/DropdownMenu/DropdownMenuItem/DropdownMenuItem.module.css.js +1 -1
  11. package/dist/cjs/components/ErrorSummary/ErrorSummary.module.css.js +1 -1
  12. package/dist/cjs/components/HelpText/HelpText.module.css.js +1 -1
  13. package/dist/cjs/components/Link/Link.module.css.js +1 -1
  14. package/dist/cjs/components/List/List.module.css.js +1 -1
  15. package/dist/cjs/components/Modal/Modal.module.css.js +1 -1
  16. package/dist/cjs/components/Modal/ModalContent/ModalContent.module.css.js +1 -1
  17. package/dist/cjs/components/Modal/ModalFooter/ModalFooter.module.css.js +1 -1
  18. package/dist/cjs/components/Modal/ModalHeader/ModalHeader.module.css.js +1 -1
  19. package/dist/cjs/components/Pagination/Pagination.js +7 -2
  20. package/dist/cjs/components/Pagination/Pagination.module.css.js +1 -1
  21. package/dist/cjs/components/Popover/Popover.module.css.js +1 -1
  22. package/dist/cjs/components/Skeleton/Skeleton.module.css.js +1 -1
  23. package/dist/cjs/components/SkipLink/SkipLink.module.css.js +1 -1
  24. package/dist/cjs/components/Spinner/Spinner.module.css.js +1 -1
  25. package/dist/cjs/components/Table/Table.module.css.js +1 -1
  26. package/dist/cjs/components/Tabs/Tab/Tab.module.css.js +1 -1
  27. package/dist/cjs/components/Tabs/TabContent/TabContent.module.css.js +1 -1
  28. package/dist/cjs/components/Tabs/TabList/TabList.module.css.js +1 -1
  29. package/dist/cjs/components/Tag/Tag.module.css.js +1 -1
  30. package/dist/cjs/components/ToggleGroup/ToggleGroup.module.css.js +1 -1
  31. package/dist/cjs/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.module.css.js +1 -1
  32. package/dist/cjs/components/Tooltip/Tooltip.module.css.js +1 -1
  33. package/dist/cjs/components/Typography/ErrorMessage/ErrorMessage.module.css.js +1 -1
  34. package/dist/cjs/components/Typography/Heading/Heading.module.css.js +1 -1
  35. package/dist/cjs/components/Typography/Ingress/Ingress.module.css.js +1 -1
  36. package/dist/cjs/components/Typography/Label/Label.module.css.js +1 -1
  37. package/dist/cjs/components/Typography/Paragraph/Paragraph.js +2 -2
  38. package/dist/cjs/components/Typography/Paragraph/Paragraph.module.css.js +1 -1
  39. package/dist/cjs/components/form/Checkbox/Checkbox.module.css.js +1 -1
  40. package/dist/cjs/components/form/Combobox/Combobox.js +12 -13
  41. package/dist/cjs/components/form/Combobox/Combobox.module.css.js +1 -1
  42. package/dist/cjs/components/form/Combobox/Custom/Custom.module.css.js +1 -1
  43. package/dist/cjs/components/form/Combobox/Empty/Empty.module.css.js +1 -1
  44. package/dist/cjs/components/form/Combobox/Option/Description/Description.module.css.js +1 -1
  45. package/dist/cjs/components/form/Combobox/Option/Option.module.css.js +1 -1
  46. package/dist/cjs/components/form/Combobox/internal/ComboboxClearButton.js +2 -2
  47. package/dist/cjs/components/form/Combobox/internal/ComboboxInput.js +3 -2
  48. package/dist/cjs/components/form/Combobox/useCombobox.js +24 -33
  49. package/dist/cjs/components/form/Fieldset/Fieldset.module.css.js +1 -1
  50. package/dist/cjs/components/form/NativeSelect/NativeSelect.module.css.js +1 -1
  51. package/dist/cjs/components/form/Radio/Group/Group.module.css.js +1 -1
  52. package/dist/cjs/components/form/Radio/Radio.module.css.js +1 -1
  53. package/dist/cjs/components/form/Search/Search.module.css.js +1 -1
  54. package/dist/cjs/components/form/Switch/Switch.module.css.js +1 -1
  55. package/dist/cjs/components/form/Textarea/Textarea.module.css.js +1 -1
  56. package/dist/cjs/components/form/Textfield/Textfield.module.css.js +1 -1
  57. package/dist/cjs/react-css-modules.css +714 -750
  58. package/dist/cjs/utilities/AnimateHeight/AnimateHeight.module.css.js +1 -1
  59. package/dist/cjs/utilities/utility.module.css.js +1 -1
  60. package/dist/esm/components/Accordion/Accordion.module.css.js +1 -1
  61. package/dist/esm/components/Accordion/AccordionHeader/AccordionHeader.js +1 -1
  62. package/dist/esm/components/Box/Box.module.css.js +1 -1
  63. package/dist/esm/components/Button/Button.module.css.js +1 -1
  64. package/dist/esm/components/Card/Card.module.css.js +1 -1
  65. package/dist/esm/components/Chip/Chip.module.css.js +1 -1
  66. package/dist/esm/components/Divider/Divider.module.css.js +1 -1
  67. package/dist/esm/components/DropdownMenu/DropdownMenu.module.css.js +1 -1
  68. package/dist/esm/components/DropdownMenu/DropdownMenuGroup/DropdownMenuGroup.module.css.js +1 -1
  69. package/dist/esm/components/DropdownMenu/DropdownMenuItem/DropdownMenuItem.module.css.js +1 -1
  70. package/dist/esm/components/ErrorSummary/ErrorSummary.module.css.js +1 -1
  71. package/dist/esm/components/HelpText/HelpText.module.css.js +1 -1
  72. package/dist/esm/components/Link/Link.module.css.js +1 -1
  73. package/dist/esm/components/List/List.module.css.js +1 -1
  74. package/dist/esm/components/Modal/Modal.module.css.js +1 -1
  75. package/dist/esm/components/Modal/ModalContent/ModalContent.module.css.js +1 -1
  76. package/dist/esm/components/Modal/ModalFooter/ModalFooter.module.css.js +1 -1
  77. package/dist/esm/components/Modal/ModalHeader/ModalHeader.module.css.js +1 -1
  78. package/dist/esm/components/Pagination/Pagination.js +7 -2
  79. package/dist/esm/components/Pagination/Pagination.module.css.js +1 -1
  80. package/dist/esm/components/Popover/Popover.module.css.js +1 -1
  81. package/dist/esm/components/Skeleton/Skeleton.module.css.js +1 -1
  82. package/dist/esm/components/SkipLink/SkipLink.module.css.js +1 -1
  83. package/dist/esm/components/Spinner/Spinner.module.css.js +1 -1
  84. package/dist/esm/components/Table/Table.module.css.js +1 -1
  85. package/dist/esm/components/Tabs/Tab/Tab.module.css.js +1 -1
  86. package/dist/esm/components/Tabs/TabContent/TabContent.module.css.js +1 -1
  87. package/dist/esm/components/Tabs/TabList/TabList.module.css.js +1 -1
  88. package/dist/esm/components/Tag/Tag.module.css.js +1 -1
  89. package/dist/esm/components/ToggleGroup/ToggleGroup.module.css.js +1 -1
  90. package/dist/esm/components/ToggleGroup/ToggleGroupItem/ToggleGroupItem.module.css.js +1 -1
  91. package/dist/esm/components/Tooltip/Tooltip.module.css.js +1 -1
  92. package/dist/esm/components/Typography/ErrorMessage/ErrorMessage.module.css.js +1 -1
  93. package/dist/esm/components/Typography/Heading/Heading.module.css.js +1 -1
  94. package/dist/esm/components/Typography/Ingress/Ingress.module.css.js +1 -1
  95. package/dist/esm/components/Typography/Label/Label.module.css.js +1 -1
  96. package/dist/esm/components/Typography/Paragraph/Paragraph.js +2 -2
  97. package/dist/esm/components/Typography/Paragraph/Paragraph.module.css.js +1 -1
  98. package/dist/esm/components/form/Checkbox/Checkbox.module.css.js +1 -1
  99. package/dist/esm/components/form/Combobox/Combobox.js +12 -13
  100. package/dist/esm/components/form/Combobox/Combobox.module.css.js +1 -1
  101. package/dist/esm/components/form/Combobox/Custom/Custom.module.css.js +1 -1
  102. package/dist/esm/components/form/Combobox/Empty/Empty.module.css.js +1 -1
  103. package/dist/esm/components/form/Combobox/Option/Description/Description.module.css.js +1 -1
  104. package/dist/esm/components/form/Combobox/Option/Option.module.css.js +1 -1
  105. package/dist/esm/components/form/Combobox/internal/ComboboxClearButton.js +2 -2
  106. package/dist/esm/components/form/Combobox/internal/ComboboxInput.js +3 -2
  107. package/dist/esm/components/form/Combobox/useCombobox.js +26 -17
  108. package/dist/esm/components/form/Fieldset/Fieldset.module.css.js +1 -1
  109. package/dist/esm/components/form/NativeSelect/NativeSelect.module.css.js +1 -1
  110. package/dist/esm/components/form/Radio/Group/Group.module.css.js +1 -1
  111. package/dist/esm/components/form/Radio/Radio.module.css.js +1 -1
  112. package/dist/esm/components/form/Search/Search.module.css.js +1 -1
  113. package/dist/esm/components/form/Switch/Switch.module.css.js +1 -1
  114. package/dist/esm/components/form/Textarea/Textarea.module.css.js +1 -1
  115. package/dist/esm/components/form/Textfield/Textfield.module.css.js +1 -1
  116. package/dist/esm/react-css-modules.css +714 -750
  117. package/dist/esm/utilities/AnimateHeight/AnimateHeight.module.css.js +1 -1
  118. package/dist/esm/utilities/utility.module.css.js +1 -1
  119. package/dist/types/components/Accordion/AccordionHeader/AccordionHeader.d.ts.map +1 -1
  120. package/dist/types/components/DropdownMenu/DropdownMenu.d.ts +1 -1
  121. package/dist/types/components/Pagination/Pagination.d.ts.map +1 -1
  122. package/dist/types/components/Popover/Popover.d.ts +1 -1
  123. package/dist/types/components/Typography/Paragraph/Paragraph.d.ts +5 -1
  124. package/dist/types/components/Typography/Paragraph/Paragraph.d.ts.map +1 -1
  125. package/dist/types/components/form/Combobox/Combobox.d.ts +32 -1
  126. package/dist/types/components/form/Combobox/Combobox.d.ts.map +1 -1
  127. package/dist/types/components/form/Combobox/internal/ComboboxInput.d.ts.map +1 -1
  128. package/dist/types/components/form/Combobox/useCombobox.d.ts +13 -9
  129. package/dist/types/components/form/Combobox/useCombobox.d.ts.map +1 -1
  130. package/package.json +2 -2
@@ -1,7 +1,7 @@
1
1
  /**
2
2
  * Visually hide an element, but leave it available for screen readers
3
3
  */
4
- .fds-utility-visuallyHidden-1bd8d932 {
4
+ .fds-utility-visuallyHidden-1ed11112 {
5
5
  border: 0;
6
6
  clip: rect(0 0 0 0);
7
7
  height: 1px;
@@ -15,7 +15,7 @@
15
15
  /**
16
16
  * Apply a focus outline on an element when it is focused with keyboard
17
17
  */
18
- .fds-utility-focusable-1bd8d932:focus-visible {
18
+ .fds-utility-focusable-1ed11112:focus-visible {
19
19
  --fds-focus-border-width: 3px;
20
20
 
21
21
  outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
@@ -23,8 +23,7 @@
23
23
  box-shadow: 0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
24
24
  }
25
25
 
26
- .fds-button-button-13ece2ef {
27
- --fc-button-icon-size: var(--fds-sizing-4);
26
+ .fds-button-button-8fa00f0f {
28
27
  --fc-button-padding: 0 var(--fds-spacing-4);
29
28
  --fc-button-color: var(--fds-semantic-text-action-first-on_action);
30
29
 
@@ -46,11 +45,11 @@
46
45
  min-height: var(--fds-sizing-10);
47
46
  }
48
47
 
49
- .fds-button-button-13ece2ef svg {
48
+ .fds-button-button-8fa00f0f svg {
50
49
  overflow: visible;
51
50
  }
52
51
 
53
- .fds-button-small-13ece2ef::before {
52
+ .fds-button-small-8fa00f0f::before {
54
53
  position: absolute;
55
54
  top: 0;
56
55
  left: 0;
@@ -59,7 +58,7 @@
59
58
  content: '';
60
59
  }
61
60
 
62
- .fds-button-small-13ece2ef::after {
61
+ .fds-button-small-8fa00f0f::after {
63
62
  position: absolute;
64
63
  top: -5px;
65
64
  left: 0;
@@ -68,20 +67,14 @@
68
67
  content: '';
69
68
  }
70
69
 
71
- .fds-button-button-13ece2ef:disabled,
72
- .fds-button-button-13ece2ef[aria-disabled='true'] {
70
+ .fds-button-button-8fa00f0f:disabled,
71
+ .fds-button-button-8fa00f0f[aria-disabled='true'] {
73
72
  cursor: not-allowed;
74
73
  opacity: var(--fds-opacity-disabled);
75
74
  }
76
75
 
77
- .fds-button-button-13ece2ef > :is(svg, img, i) {
78
- height: var(--fc-button-icon-size);
79
- width: var(--fc-button-icon-size);
80
- }
81
-
82
- .fds-button-small-13ece2ef {
76
+ .fds-button-small-8fa00f0f {
83
77
  --fc-button-padding: 0 var(--fds-spacing-3);
84
- --fc-button-icon-size: var(--fds-sizing-4);
85
78
 
86
79
  gap: var(--fds-sizing-1);
87
80
  font: var(--fds-typography-paragraph-short-small);
@@ -89,9 +82,8 @@
89
82
  min-height: var(--fds-sizing-8);
90
83
  }
91
84
 
92
- .fds-button-medium-13ece2ef {
85
+ .fds-button-medium-8fa00f0f {
93
86
  --fc-button-padding: 0 var(--fds-spacing-4);
94
- --fc-button-icon-size: var(--fds-sizing-6);
95
87
 
96
88
  gap: var(--fds-sizing-2);
97
89
  font: var(--fds-typography-paragraph-short-medium);
@@ -99,9 +91,8 @@
99
91
  min-height: var(--fds-sizing-10);
100
92
  }
101
93
 
102
- .fds-button-large-13ece2ef {
94
+ .fds-button-large-8fa00f0f {
103
95
  --fc-button-padding: 0 var(--fds-spacing-5);
104
- --fc-button-icon-size: var(--fds-sizing-8);
105
96
 
106
97
  gap: var(--fds-sizing-2);
107
98
  font: var(--fds-typography-paragraph-short-large);
@@ -109,100 +100,100 @@
109
100
  min-height: var(--fds-sizing-12);
110
101
  }
111
102
 
112
- .fds-button-fullWidth-13ece2ef {
103
+ .fds-button-fullWidth-8fa00f0f {
113
104
  width: 100%;
114
105
  }
115
106
 
116
- .fds-button-secondary-13ece2ef,
117
- .fds-button-tertiary-13ece2ef {
107
+ .fds-button-secondary-8fa00f0f,
108
+ .fds-button-tertiary-8fa00f0f {
118
109
  background-color: transparent;
119
110
  }
120
111
 
121
- .fds-button-onlyIcon-13ece2ef {
112
+ .fds-button-onlyIcon-8fa00f0f {
122
113
  --fc-button-padding: 0;
123
114
  }
124
115
 
125
116
  /* Only use hover for non-touch devices to prevent sticky-hovering */
126
117
  @media (hover: hover) and (pointer: fine) {
127
- .fds-button-primary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):hover {
118
+ .fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
128
119
  background-color: var(--fds-semantic-surface-action-first-hover);
129
120
  }
130
121
 
131
- .fds-button-primary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):hover {
122
+ .fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
132
123
  background-color: var(--fds-semantic-surface-action-second-hover);
133
124
  }
134
125
 
135
- .fds-button-primary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):hover {
126
+ .fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
136
127
  background-color: var(--fds-semantic-surface-success-hover);
137
128
  }
138
129
 
139
- .fds-button-primary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):hover {
130
+ .fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
140
131
  background-color: var(--fds-semantic-surface-danger-hover);
141
132
  }
142
133
 
143
- .fds-button-primary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):hover {
134
+ .fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
144
135
  --fc-button-color: var(--fds-semantic-text-neutral-default);
145
136
 
146
137
  background-color: var(--fds-semantic-surface-on_inverted-hover);
147
138
  }
148
139
 
149
- .fds-button-secondary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):hover {
140
+ .fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
150
141
  --fc-button-color: var(--fds-semantic-text-action-first-hover);
151
142
 
152
143
  border-color: var(--fds-semantic-border-action-first-hover);
153
144
  background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
154
145
  }
155
146
 
156
- .fds-button-secondary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):hover {
147
+ .fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
157
148
  --fc-button-color: var(--fds-semantic-text-action-second-hover);
158
149
 
159
150
  border-color: var(--fds-semantic-border-action-second-hover);
160
151
  background-color: var(--fds-semantic-surface-action-second-no_fill-hover);
161
152
  }
162
153
 
163
- .fds-button-secondary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):hover {
154
+ .fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
164
155
  --fc-button-color: var(--fds-semantic-text-success-hover);
165
156
 
166
157
  border-color: var(--fds-semantic-border-success-hover);
167
158
  background-color: var(--fds-semantic-surface-success-no_fill-hover);
168
159
  }
169
160
 
170
- .fds-button-secondary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):hover {
161
+ .fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
171
162
  --fc-button-color: var(--fds-semantic-text-danger-hover);
172
163
 
173
164
  border-color: var(--fds-semantic-border-danger-hover);
174
165
  background-color: var(--fds-semantic-surface-danger-no_fill-hover);
175
166
  }
176
167
 
177
- .fds-button-secondary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):hover {
168
+ .fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
178
169
  background-color: var(--fds-semantic-surface-on_inverted-no_fill-hover);
179
170
  }
180
171
 
181
- .fds-button-tertiary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):hover {
172
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
182
173
  --fc-button-color: var(--fds-semantic-text-action-first-hover);
183
174
 
184
175
  background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
185
176
  }
186
177
 
187
- .fds-button-tertiary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):hover {
178
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
188
179
  --fc-button-color: var(--fds-semantic-text-action-second-hover);
189
180
 
190
181
  background-color: var(--fds-semantic-surface-action-second-no_fill-hover);
191
182
  }
192
183
 
193
- .fds-button-tertiary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):hover {
184
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
194
185
  --fc-button-color: var(--fds-semantic-text-success-hover);
195
186
 
196
187
  background-color: var(--fds-semantic-surface-success-no_fill-hover);
197
188
  }
198
189
 
199
- .fds-button-tertiary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):hover {
190
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
200
191
  --fc-button-color: var(--fds-semantic-text-danger-hover);
201
192
 
202
193
  background-color: var(--fds-semantic-surface-danger-no_fill-hover);
203
194
  }
204
195
 
205
- .fds-button-tertiary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):hover {
196
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):hover {
206
197
  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
207
198
 
208
199
  background-color: var(--fds-semantic-surface-on_inverted-no_fill-hover);
@@ -210,324 +201,340 @@
210
201
  }
211
202
 
212
203
  /* Primary button colors */
213
- .fds-button-primary-13ece2ef:where(.fds-button-first-13ece2ef) {
204
+ .fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
214
205
  background-color: var(--fds-semantic-surface-action-first-default);
215
206
  }
216
207
 
217
- .fds-button-primary-13ece2ef:where(.fds-button-second-13ece2ef) {
208
+ .fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
218
209
  background-color: var(--fds-semantic-surface-action-second-default);
219
210
  }
220
211
 
221
- .fds-button-primary-13ece2ef:where(.fds-button-success-13ece2ef) {
212
+ .fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
222
213
  background-color: var(--fds-semantic-surface-success-default);
223
214
  }
224
215
 
225
- .fds-button-primary-13ece2ef:where(.fds-button-danger-13ece2ef) {
216
+ .fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
226
217
  background-color: var(--fds-semantic-surface-danger-default);
227
218
  }
228
219
 
229
- .fds-button-primary-13ece2ef:where(.fds-button-inverted-13ece2ef) {
220
+ .fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
230
221
  --fc-button-color: var(--fds-semantic-text-neutral-default);
231
222
 
232
223
  background-color: var(--fds-semantic-surface-on_inverted-default);
233
224
  }
234
225
 
235
- .fds-button-primary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):active {
226
+ .fds-button-primary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
236
227
  background-color: var(--fds-semantic-surface-action-first-active);
237
228
  }
238
229
 
239
- .fds-button-primary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):active {
230
+ .fds-button-primary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
240
231
  background-color: var(--fds-semantic-surface-action-second-active);
241
232
  }
242
233
 
243
- .fds-button-primary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):active {
234
+ .fds-button-primary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
244
235
  background-color: var(--fds-semantic-surface-success-active);
245
236
  }
246
237
 
247
- .fds-button-primary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):active {
238
+ .fds-button-primary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
248
239
  background-color: var(--fds-semantic-surface-danger-active);
249
240
  }
250
241
 
251
- .fds-button-primary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):active {
242
+ .fds-button-primary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
252
243
  --fc-button-color: var(--fds-semantic-text-neutral-default);
253
244
 
254
245
  background-color: var(--fds-semantic-surface-on_inverted-active);
255
246
  }
256
247
 
257
248
  /* Secondary button colors */
258
- .fds-button-secondary-13ece2ef:where(.fds-button-first-13ece2ef) {
249
+ .fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
259
250
  --fc-button-color: var(--fds-semantic-text-action-first-default);
260
251
 
261
252
  border-color: var(--fds-semantic-border-action-first-default);
262
253
  background-color: var(--fds-semantic-surface-action-first-no_fill);
263
254
  }
264
255
 
265
- .fds-button-secondary-13ece2ef:where(.fds-button-second-13ece2ef) {
256
+ .fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
266
257
  --fc-button-color: var(--fds-semantic-text-action-second-default);
267
258
 
268
259
  border-color: var(--fds-semantic-border-action-second-default);
269
260
  background-color: var(--fds-semantic-surface-action-second-no_fill);
270
261
  }
271
262
 
272
- .fds-button-secondary-13ece2ef:where(.fds-button-success-13ece2ef) {
263
+ .fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
273
264
  --fc-button-color: var(--fds-semantic-text-success-default);
274
265
 
275
266
  border-color: var(--fds-semantic-border-success-default);
276
267
  background-color: var(--fds-semantic-surface-success-no_fill);
277
268
  }
278
269
 
279
- .fds-button-secondary-13ece2ef:where(.fds-button-danger-13ece2ef) {
270
+ .fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
280
271
  --fc-button-color: var(--fds-semantic-text-danger-default);
281
272
 
282
273
  border-color: var(--fds-semantic-border-danger-default);
283
274
  background-color: var(--fds-semantic-surface-danger-no_fill);
284
275
  }
285
276
 
286
- .fds-button-secondary-13ece2ef:where(.fds-button-inverted-13ece2ef) {
277
+ .fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
287
278
  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
288
279
 
289
280
  border: 1px solid var(--fds-semantic-border-on_inverted-default);
290
281
  background-color: transparent;
291
282
  }
292
283
 
293
- .fds-button-secondary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):active {
284
+ .fds-button-secondary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
294
285
  --fc-button-color: var(--fds-semantic-text-action-first-active);
295
286
 
296
287
  border-color: var(--fds-semantic-border-action-first-active);
297
288
  background-color: var(--fds-semantic-surface-action-first-no_fill-active);
298
289
  }
299
290
 
300
- .fds-button-secondary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):active {
291
+ .fds-button-secondary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
301
292
  --fc-button-color: var(--fds-semantic-text-action-second-active);
302
293
 
303
294
  border-color: var(--fds-semantic-border-action-second-active);
304
295
  background-color: var(--fds-semantic-surface-action-second-no_fill-active);
305
296
  }
306
297
 
307
- .fds-button-secondary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):active {
298
+ .fds-button-secondary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
308
299
  --fc-button-color: var(--fds-semantic-text-success-active);
309
300
 
310
301
  border-color: var(--fds-semantic-border-success-active);
311
302
  background-color: var(--fds-semantic-surface-success-no_fill-active);
312
303
  }
313
304
 
314
- .fds-button-secondary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):active {
305
+ .fds-button-secondary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
315
306
  --fc-button-color: var(--fds-semantic-text-danger-active);
316
307
 
317
308
  border-color: var(--fds-semantic-border-danger-active);
318
309
  background-color: var(--fds-semantic-surface-danger-no_fill-active);
319
310
  }
320
311
 
321
- .fds-button-secondary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):active {
312
+ .fds-button-secondary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
322
313
  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
323
314
 
324
315
  background-color: var(--fds-semantic-surface-on_inverted-no_fill-active);
325
316
  }
326
317
 
327
318
  /* Tertiary button colors */
328
- .fds-button-tertiary-13ece2ef:where(.fds-button-first-13ece2ef) {
319
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f) {
329
320
  --fc-button-color: var(--fds-semantic-text-action-first-default);
330
321
  }
331
322
 
332
- .fds-button-tertiary-13ece2ef:where(.fds-button-second-13ece2ef) {
323
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f) {
333
324
  --fc-button-color: var(--fds-semantic-text-action-second-default);
334
325
  }
335
326
 
336
- .fds-button-tertiary-13ece2ef:where(.fds-button-success-13ece2ef) {
327
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f) {
337
328
  --fc-button-color: var(--fds-semantic-text-success-default);
338
329
  }
339
330
 
340
- .fds-button-tertiary-13ece2ef:where(.fds-button-danger-13ece2ef) {
331
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f) {
341
332
  --fc-button-color: var(--fds-semantic-text-danger-default);
342
333
  }
343
334
 
344
- .fds-button-tertiary-13ece2ef:where(.fds-button-inverted-13ece2ef) {
335
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f) {
345
336
  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
346
337
 
347
338
  background-color: transparent;
348
339
  }
349
340
 
350
- .fds-button-tertiary-13ece2ef:where(.fds-button-first-13ece2ef):not([aria-disabled='true'], :disabled):active {
341
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-first-8fa00f0f):not([aria-disabled='true'], :disabled):active {
351
342
  --fc-button-color: var(--fds-semantic-text-action-first-active);
352
343
 
353
344
  background-color: var(--fds-semantic-surface-action-first-no_fill-active);
354
345
  }
355
346
 
356
- .fds-button-tertiary-13ece2ef:where(.fds-button-second-13ece2ef):not([aria-disabled='true'], :disabled):active {
347
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-second-8fa00f0f):not([aria-disabled='true'], :disabled):active {
357
348
  --fc-button-color: var(--fds-semantic-text-action-second-active);
358
349
 
359
350
  background-color: var(--fds-semantic-surface-action-second-no_fill-active);
360
351
  }
361
352
 
362
- .fds-button-tertiary-13ece2ef:where(.fds-button-success-13ece2ef):not([aria-disabled='true'], :disabled):active {
353
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-success-8fa00f0f):not([aria-disabled='true'], :disabled):active {
363
354
  --fc-button-color: var(--fds-semantic-text-success-active);
364
355
 
365
356
  background-color: var(--fds-semantic-surface-success-no_fill-active);
366
357
  }
367
358
 
368
- .fds-button-tertiary-13ece2ef:where(.fds-button-danger-13ece2ef):not([aria-disabled='true'], :disabled):active {
359
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-danger-8fa00f0f):not([aria-disabled='true'], :disabled):active {
369
360
  --fc-button-color: var(--fds-semantic-text-danger-active);
370
361
 
371
362
  background-color: var(--fds-semantic-surface-danger-no_fill-active);
372
363
  }
373
364
 
374
- .fds-button-tertiary-13ece2ef:where(.fds-button-inverted-13ece2ef):not([aria-disabled='true'], :disabled):active {
365
+ .fds-button-tertiary-8fa00f0f:where(.fds-button-inverted-8fa00f0f):not([aria-disabled='true'], :disabled):active {
375
366
  --fc-button-color: var(--fds-semantic-text-neutral-on_inverted);
376
367
 
377
368
  background-color: var(--fds-semantic-surface-on_inverted-no_fill-active);
378
369
  }
379
370
 
380
- .fds-paragraph-paragraph-10d75e13 {
371
+ .fds-paragraph-paragraph-b69df5f3 {
381
372
  --fdsc-bottom-spacing: var(--fds-spacing-5);
382
373
 
383
374
  color: var(--fds-semantic-text-neutral-default);
384
375
  margin: 0;
385
376
  }
386
377
 
387
- .fds-paragraph-spacing-10d75e13 {
378
+ .fds-paragraph-spacing-b69df5f3 {
388
379
  margin-bottom: var(--fdsc-bottom-spacing);
389
380
  }
390
381
 
391
- .fds-paragraph-large-10d75e13 {
382
+ .fds-paragraph-large-b69df5f3 {
392
383
  --fdsc-bottom-spacing: var(--fds-spacing-6);
393
384
 
394
385
  font: var(--fds-typography-paragraph-large);
395
386
  font-family: inherit;
396
387
  }
397
388
 
398
- .fds-paragraph-large-10d75e13:where(.fds-paragraph-short-10d75e13) {
389
+ .fds-paragraph-large-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
399
390
  font: var(--fds-typography-paragraph-short-large);
400
391
  font-family: inherit;
401
392
  }
402
393
 
403
- .fds-paragraph-medium-10d75e13 {
394
+ .fds-paragraph-large-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
395
+ line-height: var(--fds-typography-paragraph-long-large);
396
+ }
397
+
398
+ .fds-paragraph-medium-b69df5f3 {
404
399
  --fdsc-bottom-spacing: var(--fds-spacing-5);
405
400
 
406
401
  font: var(--fds-typography-paragraph-medium);
407
402
  font-family: inherit;
408
403
  }
409
404
 
410
- .fds-paragraph-medium-10d75e13:where(.fds-paragraph-short-10d75e13) {
405
+ .fds-paragraph-medium-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
411
406
  --fdsc-bottom-spacing: var(--fds-spacing-5);
412
407
 
413
408
  font: var(--fds-typography-paragraph-short-medium);
414
409
  font-family: inherit;
415
410
  }
416
411
 
417
- .fds-paragraph-small-10d75e13 {
412
+ .fds-paragraph-medium-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
413
+ line-height: var(--fds-typography-paragraph-long-medium);
414
+ }
415
+
416
+ .fds-paragraph-small-b69df5f3 {
418
417
  --fdsc-bottom-spacing: var(--fds-spacing-4);
419
418
 
420
419
  font: var(--fds-typography-paragraph-small);
421
420
  font-family: inherit;
422
421
  }
423
422
 
424
- .fds-paragraph-small-10d75e13:where(.fds-paragraph-short-10d75e13) {
423
+ .fds-paragraph-small-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
425
424
  --fdsc-bottom-spacing: var(--fds-spacing-4);
426
425
 
427
426
  font: var(--fds-typography-paragraph-short-small);
428
427
  font-family: inherit;
429
428
  }
430
429
 
431
- .fds-paragraph-xsmall-10d75e13 {
430
+ .fds-paragraph-small-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
431
+ line-height: var(--fds-typography-paragraph-long-small);
432
+ }
433
+
434
+ .fds-paragraph-xsmall-b69df5f3 {
432
435
  --fdsc-bottom-spacing: var(--fds-spacing-3);
433
436
 
434
437
  font: var(--fds-typography-paragraph-xsmall);
435
438
  font-family: inherit;
436
439
  }
437
440
 
438
- .fds-paragraph-xsmall-10d75e13:where(.fds-paragraph-short-10d75e13) {
441
+ .fds-paragraph-xsmall-b69df5f3:where(.fds-paragraph-short-b69df5f3) {
439
442
  --fdsc-bottom-spacing: var(--fds-spacing-3);
440
443
 
441
444
  font: var(--fds-typography-paragraph-short-xsmall);
442
445
  font-family: inherit;
443
446
  }
444
447
 
445
- .fds-heading-heading-f77d34ab {
448
+ .fds-paragraph-xsmall-b69df5f3:where(.fds-paragraph-long-b69df5f3) {
449
+ line-height: var(--fds-typography-paragraph-long-xsmall);
450
+ }
451
+
452
+ .fds-heading-heading-b10abc8b {
446
453
  --fdsc-bottom-spacing: var(--fds-spacing-6);
447
454
 
448
455
  margin: 0;
449
456
  color: var(--fds-semantic-text-neutral-default);
450
457
  }
451
458
 
452
- .fds-heading-spacing-f77d34ab {
459
+ .fds-heading-spacing-b10abc8b {
453
460
  margin-bottom: var(--fdsc-bottom-spacing);
454
461
  }
455
462
 
456
- .fds-heading-size-3xlarge-f77d34ab {
463
+ .fds-heading-size-3xlarge-b10abc8b {
457
464
  --fdsc-bottom-spacing: var(--fds-spacing-8);
458
465
 
459
466
  font: var(--fds-typography-heading-3xlarge);
460
467
  font-family: inherit;
461
468
  }
462
469
 
463
- .fds-heading-size-2xlarge-f77d34ab {
470
+ .fds-heading-size-2xlarge-b10abc8b {
464
471
  --fdsc-bottom-spacing: var(--fds-spacing-7);
465
472
 
466
473
  font: var(--fds-typography-heading-2xlarge);
467
474
  font-family: inherit;
468
475
  }
469
476
 
470
- .fds-heading-size-xlarge-f77d34ab {
477
+ .fds-heading-size-xlarge-b10abc8b {
471
478
  --fdsc-bottom-spacing: var(--fds-spacing-6);
472
479
 
473
480
  font: var(--fds-typography-heading-xlarge);
474
481
  font-family: inherit;
475
482
  }
476
483
 
477
- .fds-heading-size-large-f77d34ab {
484
+ .fds-heading-size-large-b10abc8b {
478
485
  --fdsc-bottom-spacing: var(--fds-spacing-5);
479
486
 
480
487
  font: var(--fds-typography-heading-large);
481
488
  font-family: inherit;
482
489
  }
483
490
 
484
- .fds-heading-size-medium-f77d34ab {
491
+ .fds-heading-size-medium-b10abc8b {
485
492
  --fdsc-bottom-spacing: var(--fds-spacing-4);
486
493
 
487
494
  font: var(--fds-typography-heading-medium);
488
495
  font-family: inherit;
489
496
  }
490
497
 
491
- .fds-heading-size-small-f77d34ab {
498
+ .fds-heading-size-small-b10abc8b {
492
499
  --fdsc-bottom-spacing: var(--fds-spacing-3);
493
500
 
494
501
  font: var(--fds-typography-heading-small);
495
502
  font-family: inherit;
496
503
  }
497
504
 
498
- .fds-heading-size-xsmall-f77d34ab {
505
+ .fds-heading-size-xsmall-b10abc8b {
499
506
  --fdsc-bottom-spacing: var(--fds-spacing-2);
500
507
 
501
508
  font: var(--fds-typography-heading-xsmall);
502
509
  font-family: inherit;
503
510
  }
504
511
 
505
- .fds-heading-size-xxsmall-f77d34ab {
512
+ .fds-heading-size-xxsmall-b10abc8b {
506
513
  --fdsc-bottom-spacing: var(--fds-spacing-1);
507
514
 
508
515
  font: var(--fds-typography-heading-xxsmall);
509
516
  font-family: inherit;
510
517
  }
511
518
 
512
- .fds-ingress-ingress-e1a65285 {
519
+ .fds-ingress-ingress-9b33da65 {
513
520
  --fdsc-bottom-spacing: var(--fds-spacing-5);
514
521
 
515
522
  margin: 0;
516
523
  color: var(--fds-semantic-text-neutral-default);
517
524
  }
518
525
 
519
- .fds-ingress-ingress-e1a65285.fds-ingress-spacing-e1a65285 {
526
+ .fds-ingress-ingress-9b33da65.fds-ingress-spacing-9b33da65 {
520
527
  margin-bottom: var(--fdsc-bottom-spacing);
521
528
  }
522
529
 
523
- .fds-ingress-ingress-e1a65285.fds-ingress-medium-e1a65285 {
530
+ .fds-ingress-ingress-9b33da65.fds-ingress-medium-9b33da65 {
524
531
  --fdsc-bottom-spacing: var(--fds-spacing-5);
525
532
 
526
533
  font: var(--fds-typography-ingress-medium);
527
534
  font-family: inherit;
528
535
  }
529
536
 
530
- .fds-label-label-b9d81987 {
537
+ .fds-label-label-e0249167 {
531
538
  --fdsc-bottom-spacing: var(--fds-spacing-1);
532
539
 
533
540
  display: inline-block;
@@ -536,85 +543,85 @@
536
543
  color: var(--fds-semantic-text-neutral-default);
537
544
  }
538
545
 
539
- .fds-label-label-b9d81987.fds-label-spacing-b9d81987 {
546
+ .fds-label-label-e0249167.fds-label-spacing-e0249167 {
540
547
  margin-bottom: var(--fdsc-bottom-spacing);
541
548
  }
542
549
 
543
- .fds-label-label-b9d81987.fds-label-large-b9d81987 {
550
+ .fds-label-label-e0249167.fds-label-large-e0249167 {
544
551
  font: var(--fds-typography-label-large);
545
552
  font-family: inherit;
546
553
  }
547
554
 
548
- .fds-label-label-b9d81987.fds-label-medium-b9d81987 {
555
+ .fds-label-label-e0249167.fds-label-medium-e0249167 {
549
556
  font: var(--fds-typography-label-medium);
550
557
  font-family: inherit;
551
558
  }
552
559
 
553
- .fds-label-label-b9d81987.fds-label-small-b9d81987 {
560
+ .fds-label-label-e0249167.fds-label-small-e0249167 {
554
561
  font: var(--fds-typography-label-small);
555
562
  font-family: inherit;
556
563
  }
557
564
 
558
- .fds-label-label-b9d81987.fds-label-xsmall-b9d81987 {
565
+ .fds-label-label-e0249167.fds-label-xsmall-e0249167 {
559
566
  font: var(--fds-typography-label-xsmall);
560
567
  font-family: inherit;
561
568
  }
562
569
 
563
- .fds-label-label-b9d81987.fds-label-regularWeight-b9d81987 {
570
+ .fds-label-label-e0249167.fds-label-regularWeight-e0249167 {
564
571
  font-weight: 400;
565
572
  }
566
573
 
567
- .fds-label-label-b9d81987.fds-label-mediumWeight-b9d81987 {
574
+ .fds-label-label-e0249167.fds-label-mediumWeight-e0249167 {
568
575
  font-weight: 500;
569
576
  }
570
577
 
571
- .fds-label-label-b9d81987.fds-label-semiboldWeight-b9d81987 {
578
+ .fds-label-label-e0249167.fds-label-semiboldWeight-e0249167 {
572
579
  font-weight: 600;
573
580
  }
574
581
 
575
- .fds-errormessage-errorMessage-a030a5d1 {
582
+ .fds-errormessage-errorMessage-6fddd5b1 {
576
583
  --fdsc-bottom-spacing: var(--fds-spacing-5);
577
584
 
578
585
  margin: 0;
579
586
  }
580
587
 
581
- .fds-errormessage-errorMessage-a030a5d1.fds-errormessage-error-a030a5d1 {
588
+ .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-error-6fddd5b1 {
582
589
  color: var(--fds-semantic-text-danger-default);
583
590
  }
584
591
 
585
- .fds-errormessage-errorMessage-a030a5d1.fds-errormessage-spacing-a030a5d1 {
592
+ .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-spacing-6fddd5b1 {
586
593
  margin-bottom: var(--fdsc-bottom-spacing);
587
594
  }
588
595
 
589
- .fds-errormessage-errorMessage-a030a5d1.fds-errormessage-large-a030a5d1 {
596
+ .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-large-6fddd5b1 {
590
597
  --fdsc-bottom-spacing: var(--fds-spacing-5);
591
598
 
592
599
  font: var(--fds-typography-error_message-large);
593
600
  font-family: inherit;
594
601
  }
595
602
 
596
- .fds-errormessage-errorMessage-a030a5d1.fds-errormessage-medium-a030a5d1 {
603
+ .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-medium-6fddd5b1 {
597
604
  --fdsc-bottom-spacing: var(--fds-spacing-5);
598
605
 
599
606
  font: var(--fds-typography-error_message-medium);
600
607
  font-family: inherit;
601
608
  }
602
609
 
603
- .fds-errormessage-errorMessage-a030a5d1.fds-errormessage-small-a030a5d1 {
610
+ .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-small-6fddd5b1 {
604
611
  --fdsc-bottom-spacing: var(--fds-spacing-4);
605
612
 
606
613
  font: var(--fds-typography-error_message-small);
607
614
  font-family: inherit;
608
615
  }
609
616
 
610
- .fds-errormessage-errorMessage-a030a5d1.fds-errormessage-xsmall-a030a5d1 {
617
+ .fds-errormessage-errorMessage-6fddd5b1.fds-errormessage-xsmall-6fddd5b1 {
611
618
  --fdsc-bottom-spacing: var(--fds-spacing-3);
612
619
 
613
620
  font: var(--fds-typography-error_message-xsmall);
614
621
  font-family: inherit;
615
622
  }
616
623
 
617
- .fds-popover-popover-baea8f63 {
624
+ .fds-popover-popover-16833383 {
618
625
  --border: 1px solid;
619
626
 
620
627
  z-index: 1500;
@@ -625,73 +632,73 @@
625
632
  max-width: 300px;
626
633
  }
627
634
 
628
- .fds-popover-popover-baea8f63.fds-popover-small-baea8f63 {
635
+ .fds-popover-popover-16833383.fds-popover-small-16833383 {
629
636
  padding: var(--fds-spacing-2) var(--fds-spacing-3);
630
637
  }
631
638
 
632
- .fds-popover-popover-baea8f63.fds-popover-medium-baea8f63 {
639
+ .fds-popover-popover-16833383.fds-popover-medium-16833383 {
633
640
  padding: var(--fds-spacing-3) var(--fds-spacing-4);
634
641
  }
635
642
 
636
- .fds-popover-popover-baea8f63.fds-popover-large-baea8f63 {
643
+ .fds-popover-popover-16833383.fds-popover-large-16833383 {
637
644
  padding: var(--fds-spacing-3) var(--fds-spacing-5);
638
645
  }
639
646
 
640
- .fds-popover-popover-baea8f63.fds-popover-default-baea8f63 {
647
+ .fds-popover-popover-16833383.fds-popover-default-16833383 {
641
648
  --background: var(--fds-semantic-surface-neutral-default);
642
649
 
643
650
  border-color: var(--fds-semantic-border-neutral-default);
644
651
  }
645
652
 
646
- .fds-popover-popover-baea8f63.fds-popover-info-baea8f63 {
653
+ .fds-popover-popover-16833383.fds-popover-info-16833383 {
647
654
  --background: var(--fds-semantic-surface-info-subtle);
648
655
 
649
656
  border-color: var(--fds-semantic-border-info-default);
650
657
  }
651
658
 
652
- .fds-popover-popover-baea8f63.fds-popover-warning-baea8f63 {
659
+ .fds-popover-popover-16833383.fds-popover-warning-16833383 {
653
660
  --background: var(--fds-semantic-surface-warning-subtle);
654
661
 
655
662
  border-color: var(--fds-semantic-border-warning-default);
656
663
  }
657
664
 
658
- .fds-popover-popover-baea8f63.fds-popover-danger-baea8f63 {
665
+ .fds-popover-popover-16833383.fds-popover-danger-16833383 {
659
666
  --background: var(--fds-semantic-surface-danger-subtle);
660
667
 
661
668
  border-color: var(--fds-semantic-border-danger-default);
662
669
  }
663
670
 
664
- .fds-popover-arrow-baea8f63 {
671
+ .fds-popover-arrow-16833383 {
665
672
  position: absolute;
666
673
  background: var(--background);
667
674
  transform: rotate(45deg);
668
675
  }
669
676
 
670
- .fds-popover-arrow-baea8f63.fds-popover-top-baea8f63 {
677
+ .fds-popover-arrow-16833383.fds-popover-top-16833383 {
671
678
  border-top: var(--border);
672
679
  border-left: var(--border);
673
680
  border-color: inherit;
674
681
  }
675
682
 
676
- .fds-popover-arrow-baea8f63.fds-popover-bottom-baea8f63 {
683
+ .fds-popover-arrow-16833383.fds-popover-bottom-16833383 {
677
684
  border-bottom: var(--border);
678
685
  border-right: var(--border);
679
686
  border-color: inherit;
680
687
  }
681
688
 
682
- .fds-popover-arrow-baea8f63.fds-popover-right-baea8f63 {
689
+ .fds-popover-arrow-16833383.fds-popover-right-16833383 {
683
690
  border-top: var(--border);
684
691
  border-right: var(--border);
685
692
  border-color: inherit;
686
693
  }
687
694
 
688
- .fds-popover-arrow-baea8f63.fds-popover-left-baea8f63 {
695
+ .fds-popover-arrow-16833383.fds-popover-left-16833383 {
689
696
  border-bottom: var(--border);
690
697
  border-left: var(--border);
691
698
  border-color: inherit;
692
699
  }
693
700
 
694
- .fds-helptext-helpTextButton-1937672f {
701
+ .fds-helptext-helpTextButton-f137834f {
695
702
  background-color: transparent;
696
703
  border-radius: 50px;
697
704
  padding: 0 !important;
@@ -703,60 +710,60 @@
703
710
  }
704
711
 
705
712
  @media print {
706
- .fds-helptext-helpTextButton-1937672f {
713
+ .fds-helptext-helpTextButton-f137834f {
707
714
  display: none;
708
715
  }
709
716
  }
710
717
 
711
- .fds-helptext-helpTextIconFilled-1937672f {
718
+ .fds-helptext-helpTextIconFilled-f137834f {
712
719
  display: none;
713
720
  }
714
721
 
715
- .fds-helptext-helpTextIcon-1937672f {
722
+ .fds-helptext-helpTextIcon-f137834f {
716
723
  color: var(--fds-semantic-text-action-default);
717
724
  width: var(--help_text-icon-width);
718
725
  height: var(--help_text-icon-height);
719
726
  }
720
727
 
721
- .fds-helptext-helpTextButton-1937672f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIcon-1937672f {
728
+ .fds-helptext-helpTextButton-f137834f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIcon-f137834f {
722
729
  display: none;
723
730
  }
724
731
 
725
- .fds-helptext-helpTextButton-1937672f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIconFilled-1937672f {
732
+ .fds-helptext-helpTextButton-f137834f:where(:hover, :focus, [data-state^='open']) > .fds-helptext-helpTextIconFilled-f137834f {
726
733
  display: inline-block;
727
734
  }
728
735
 
729
- .fds-helptext-helpTextContent-1937672f {
736
+ .fds-helptext-helpTextContent-f137834f {
730
737
  font: var(--fds-typography-paragraph-medium);
731
738
  font-family: inherit;
732
739
  width: fit-content;
733
740
  max-width: 700px;
734
741
  }
735
742
 
736
- .fds-helptext-helpTextIcon-1937672f.fds-helptext-small-1937672f {
743
+ .fds-helptext-helpTextIcon-f137834f.fds-helptext-small-f137834f {
737
744
  --help_text-icon-width: 24px;
738
745
  --help_text-icon-height: 24px;
739
746
  }
740
747
 
741
- .fds-helptext-helpTextIcon-1937672f.fds-helptext-medium-1937672f {
748
+ .fds-helptext-helpTextIcon-f137834f.fds-helptext-medium-f137834f {
742
749
  --help_text-icon-width: var(--fds-sizing-6);
743
750
  --help_text-icon-height: var(--fds-sizing-6);
744
751
  }
745
752
 
746
- .fds-helptext-helpTextIcon-1937672f.fds-helptext-large-1937672f {
753
+ .fds-helptext-helpTextIcon-f137834f.fds-helptext-large-f137834f {
747
754
  --help_text-icon-width: var(--fds-sizing-7);
748
755
  --help_text-icon-height: var(--fds-sizing-7);
749
756
  }
750
757
 
751
- .fds-spinner-spinner-ecd53b7b {
752
- animation: fds-spinner-rotate-animation-ecd53b7b linear infinite;
758
+ .fds-spinner-spinner-486ddf9b {
759
+ animation: fds-spinner-rotate-animation-486ddf9b linear infinite;
753
760
  animation-duration: 2s;
754
761
  }
755
762
 
756
- .fds-spinner-spinnerCircle-ecd53b7b {
763
+ .fds-spinner-spinnerCircle-486ddf9b {
757
764
  stroke-dasharray: 1px, 200px;
758
765
  transform-origin: center;
759
- animation: fds-spinner-stroke-animation-ecd53b7b ease-in-out infinite;
766
+ animation: fds-spinner-stroke-animation-486ddf9b ease-in-out infinite;
760
767
  animation-duration: 2s;
761
768
  }
762
769
 
@@ -764,36 +771,36 @@
764
771
  but don't remove it since it is not decorative.
765
772
  */
766
773
  @media (prefers-reduced-motion: reduce) {
767
- .fds-spinner-spinner-ecd53b7b {
774
+ .fds-spinner-spinner-486ddf9b {
768
775
  animation-duration: 6s;
769
776
  }
770
777
 
771
- .fds-spinner-spinnerCircle-ecd53b7b {
778
+ .fds-spinner-spinnerCircle-486ddf9b {
772
779
  animation-duration: 6s;
773
780
  }
774
781
  }
775
782
 
776
- .fds-spinner-default-ecd53b7b {
783
+ .fds-spinner-default-486ddf9b {
777
784
  stroke: var(--fds-semantic-border-neutral-default);
778
785
  }
779
786
 
780
- .fds-spinner-interaction-ecd53b7b {
787
+ .fds-spinner-interaction-486ddf9b {
781
788
  stroke: var(--fds-semantic-border-action-first-default);
782
789
  }
783
790
 
784
- .fds-spinner-inverted-ecd53b7b {
791
+ .fds-spinner-inverted-486ddf9b {
785
792
  stroke: var(--fds-semantic-surface-neutral-default);
786
793
  }
787
794
 
788
- .fds-spinner-background-ecd53b7b {
795
+ .fds-spinner-background-486ddf9b {
789
796
  stroke: var(--fds-semantic-border-neutral-subtle);
790
797
  }
791
798
 
792
- .fds-spinner-invertedBackground-ecd53b7b {
799
+ .fds-spinner-invertedBackground-486ddf9b {
793
800
  stroke: var(--fds-semantic-surface-neutral-dark);
794
801
  }
795
802
 
796
- @keyframes fds-spinner-rotate-animation-ecd53b7b {
803
+ @keyframes fds-spinner-rotate-animation-486ddf9b {
797
804
  0% {
798
805
  transform: rotate(0deg);
799
806
  }
@@ -803,7 +810,7 @@
803
810
  }
804
811
  }
805
812
 
806
- @keyframes fds-spinner-stroke-animation-ecd53b7b {
813
+ @keyframes fds-spinner-stroke-animation-486ddf9b {
807
814
  0% {
808
815
  stroke-dasharray: 1px, 200px;
809
816
  stroke-dashoffset: 0;
@@ -822,7 +829,7 @@
822
829
  }
823
830
  }
824
831
 
825
- .fds-link-link-74840a2f {
832
+ .fds-link-link-7f2464f {
826
833
  color: var(--fds-semantic-text-action-default);
827
834
  cursor: pointer;
828
835
  text-decoration: underline;
@@ -833,17 +840,17 @@
833
840
  gap: var(--fds-spacing-1);
834
841
  }
835
842
 
836
- .fds-link-link-74840a2f:visited {
843
+ .fds-link-link-7f2464f:visited {
837
844
  color: var(--fds-semantic-text-visited-default);
838
845
  text-decoration: none;
839
846
  }
840
847
 
841
- .fds-link-link-74840a2f:hover {
848
+ .fds-link-link-7f2464f:hover {
842
849
  color: var(--fds-semantic-text-action-hover);
843
850
  text-decoration-thickness: max(2px, 0.125rem, 0.12em);
844
851
  }
845
852
 
846
- .fds-link-link-74840a2f:focus-visible {
853
+ .fds-link-link-7f2464f:focus-visible {
847
854
  background: var(--fds-semantic-border-focus-outline);
848
855
  box-shadow: 0 max(3px, 0.1875rem, 0.18em) var(--fds-semantic-border-focus-boxshadow);
849
856
  color: var(--fds-semantic-text-action-active);
@@ -851,214 +858,182 @@
851
858
  text-decoration: none;
852
859
  }
853
860
 
854
- .fds-link-link-74840a2f.fds-link-inverted-74840a2f:not(:focus-visible, :active),
855
- .fds-link-link-74840a2f.fds-link-inverted-74840a2f:not(:focus-visible, :active):hover,
856
- .fds-link-link-74840a2f.fds-link-inverted-74840a2f:not(:focus-visible, :active):visited {
861
+ .fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active),
862
+ .fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active):hover,
863
+ .fds-link-link-7f2464f.fds-link-inverted-7f2464f:not(:focus-visible, :active):visited {
857
864
  color: white;
858
865
  }
859
866
 
860
- .fds-list-small-f2433af {
867
+ .fds-list-small-a2926fcf {
861
868
  padding-left: var(--fds-spacing-4);
862
869
  }
863
870
 
864
- .fds-list-medium-f2433af,
865
- .fds-list-large-f2433af {
871
+ .fds-list-medium-a2926fcf,
872
+ .fds-list-large-a2926fcf {
866
873
  padding-left: var(--fds-spacing-6);
867
874
  }
868
875
 
869
- .fds-list-listItem-f2433af {
876
+ .fds-list-listItem-a2926fcf {
870
877
  margin-bottom: var(--fds-spacing-2);
871
878
  }
872
879
 
873
- .fds-list-listItem-f2433af > :where(.fds-list-small-f2433af),
874
- .fds-list-listItem-f2433af > :where(.fds-list-medium-f2433af),
875
- .fds-list-listItem-f2433af > :where(.fds-list-large-f2433af) {
880
+ .fds-list-listItem-a2926fcf > :where(.fds-list-small-a2926fcf),
881
+ .fds-list-listItem-a2926fcf > :where(.fds-list-medium-a2926fcf),
882
+ .fds-list-listItem-a2926fcf > :where(.fds-list-large-a2926fcf) {
876
883
  margin-top: var(--fds-spacing-2);
877
884
  }
878
885
 
879
- .fds-list-heading-f2433af {
886
+ .fds-list-heading-a2926fcf {
880
887
  margin-bottom: var(--fds-spacing-2);
881
888
  }
882
889
 
883
- .fds-accordion-accordion-cfa9e81d {
884
- --fdsc-accordion-border: var(--fds-semantic-border-neutral-subtle);
885
- --fdsc-accordion-border-radius: 3px;
886
- --fdsc-accordion-header-padding-top: var(--fds-spacing-4);
887
- --fdsc-accordion-header-padding-right: var(--fds-spacing-5);
888
- --fdsc-accordion-header-padding-bottom: var(--fds-spacing-4);
889
- --fdsc-accordion-header-padding-left: var(--fds-spacing-5);
890
- --fdsc-accordion-header-bg-neutral: var(--fds-semantic-surface-neutral-default);
891
- --fdsc-accordion-header-bg-neutral-active: var(--fds-semantic-surface-action-first-no_fill-hover);
892
- --fdsc-accordion-header-bg-subtle: var(--fds-semantic-surface-neutral-subtle);
893
- --fdsc-accordion-header-bg-subtle-hover: var(--fds-semantic-surface-neutral-subtle-hover);
894
- --fdsc-accordion-header-bg-primary: var(--fds-semantic-surface-first-light);
895
- --fdsc-accordion-header-bg-primary-hover: var(--fds-semantic-surface-first-light-hover);
896
- --fdsc-accordion-header-bg-secondary: var(--fds-semantic-surface-second-light);
897
- --fdsc-accordion-header-bg-secondary-hover: var(--fds-semantic-surface-second-light-hover);
898
- --fdsc-accordion-header-bg-tertiary: var(--fds-semantic-surface-third-light);
899
- --fdsc-accordion-header-bg-tertiary-hover: var(--fds-semantic-surface-third-light-hover);
900
- --fdsc-accordion-header-border: var(--fds-semantic-border-neutral-subtle);
901
- --fdsc-accordion-header-border-inverted: var(--fds-semantic-border-on_inverted-default);
902
- --fdsc-accordion-header-shadow-focus: 2px 2px 3px var(--fds-semantic-border-neutral-subtle);
903
- --fdsc-accordion-header-color-hover: var(--fds-semantic-text-action-first-default);
904
- --fdsc-accordion-content-border: var(--fds-semantic-border-neutral-subtle);
905
- --fdsc-accordion-content-border-open: var(--fds-semantic-border-neutral-strong);
906
-
907
- border-bottom: 1px solid var(--fdsc-accordion-content-border);
890
+ .fds-accordion-accordion-a8137c3d {
891
+ --fds-accordion-border-radius: var(--fds-border_radius-interactive);
892
+ --fds-accordion-border-color: var(--fds-semantic-border-neutral-subtle);
893
+
894
+ border-bottom: 1px solid var(--fds-semantic-border-neutral-subtle);
908
895
  box-sizing: border-box;
909
896
  }
910
897
 
911
- .fds-accordion-border-cfa9e81d {
912
- border: 1px solid var(--fdsc-accordion-border);
913
- border-radius: var(--fdsc-accordion-border-radius);
898
+ .fds-accordion-border-a8137c3d {
899
+ border: 1px solid var(--fds-accordion-border-color);
900
+ border-radius: var(--fds-accordion-border-radius);
914
901
  }
915
902
 
916
- .fds-accordion-expandIcon-cfa9e81d {
917
- font-size: 1.5rem;
918
- height: 1.75rem;
919
- flex-shrink: 0;
903
+ .fds-accordion-expandIcon-a8137c3d {
904
+ border-radius: var(--fds-border_radius-interactive);
920
905
  }
921
906
 
922
- .fds-accordion-content-cfa9e81d {
907
+ .fds-accordion-content-a8137c3d {
923
908
  padding: var(--fds-spacing-5, 1rem);
924
- background-color: #ffffff50;
925
909
  overflow: hidden;
926
910
  text-overflow: ellipsis;
927
911
  }
928
912
 
929
- .fds-accordion-header-cfa9e81d {
913
+ .fds-accordion-header-a8137c3d {
930
914
  margin: 0;
931
915
  }
932
916
 
933
- .fds-accordion-border-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
934
- border-radius: var(--fdsc-accordion-border-radius);
935
- }
936
-
937
- .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
917
+ .fds-accordion-accordionButton-a8137c3d {
938
918
  width: 100%;
939
919
  display: flex;
940
920
  justify-content: flex-start;
941
921
  align-items: center;
942
- font-size: var(--fds-sizing-4);
943
- gap: var(--fds-spacing-4);
922
+ gap: var(--fds-spacing-2);
944
923
  margin: 0;
945
924
  text-align: left;
946
925
  cursor: pointer;
947
926
  border: none;
948
- border-top: 1px solid var(--fdsc-accordion-header-border);
949
- padding-top: var(--fdsc-accordion-header-padding-top);
950
- padding-right: var(--fdsc-accordion-header-padding-right);
951
- padding-bottom: var(--fdsc-accordion-header-padding-bottom);
952
- padding-left: var(--fdsc-accordion-header-padding-left);
927
+ border-top: 1px solid var(--fds-semantic-border-neutral-subtle);
928
+ padding: var(--fds-spacing-4);
953
929
  }
954
930
 
955
- @media (hover: hover) and (pointer: fine) {
956
- .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
957
- color: var(--fdsc-accordion-header-color-hover);
958
- }
931
+ .fds-accordion-border-a8137c3d .fds-accordion-accordionButton-a8137c3d {
932
+ border-radius: var(--fds-accordion-border-radius);
959
933
  }
960
934
 
961
- .fds-accordion-item-cfa9e81d:focus-within {
935
+ .fds-accordion-item-a8137c3d:focus-within {
962
936
  position: relative;
963
937
  }
964
938
 
965
- .fds-accordion-accordion-cfa9e81d.fds-accordion-neutral-cfa9e81d,
966
- .fds-accordion-accordion-cfa9e81d.fds-accordion-neutral-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
967
- background: var(--fdsc-accordion-header-bg-neutral);
939
+ .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d:hover + * .fds-accordion-content-a8137c3d {
940
+ border-color: var(--fds-semantic-border-neutral-strong);
968
941
  }
969
942
 
970
- .fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d,
971
- .fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
972
- background: var(--fdsc-accordion-header-bg-subtle);
943
+ .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-expandIcon-a8137c3d {
944
+ transform: rotateZ(180deg);
945
+ }
946
+
947
+ .fds-accordion-neutral-a8137c3d,
948
+ .fds-accordion-neutral-a8137c3d .fds-accordion-accordionButton-a8137c3d {
949
+ background-color: var(--fds-semantic-surface-neutral-default);
950
+ }
951
+
952
+ .fds-accordion-subtle-a8137c3d,
953
+ .fds-accordion-subtle-a8137c3d .fds-accordion-accordionButton-a8137c3d {
954
+ background-color: var(--fds-semantic-surface-neutral-subtle);
973
955
  }
974
956
 
975
- .fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d,
976
- .fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
977
- --fdsc-accordion-border: var(--fds-semantic-border-first-default);
957
+ .fds-accordion-first-a8137c3d,
958
+ .fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d {
959
+ --fds-accordion-border-color: var(--fds-semantic-border-first-default);
978
960
 
979
- background: var(--fdsc-accordion-header-bg-primary);
961
+ background: var(--fds-semantic-surface-first-light);
980
962
  }
981
963
 
982
- .fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d,
983
- .fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
984
- --fdsc-accordion-border: var(--fds-semantic-border-second-default);
964
+ .fds-accordion-second-a8137c3d,
965
+ .fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d {
966
+ --fds-accordion-border-color: var(--fds-semantic-border-second-default);
985
967
 
986
- background: var(--fdsc-accordion-header-bg-secondary);
968
+ background: var(--fds-semantic-surface-second-light);
987
969
  }
988
970
 
989
- .fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d,
990
- .fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
991
- --fdsc-accordion-border: var(--fds-semantic-border-third-default);
971
+ .fds-accordion-third-a8137c3d,
972
+ .fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d {
973
+ --fds-accordion-border-color: var(--fds-semantic-border-third-default);
992
974
 
993
- background: var(--fdsc-accordion-header-bg-tertiary);
975
+ background: var(--fds-semantic-surface-third-light);
994
976
  }
995
977
 
996
- .fds-accordion-accordion-cfa9e81d.fds-accordion-border-cfa9e81d > .fds-accordion-item-cfa9e81d:first-child .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
978
+ .fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
979
+ .fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
980
+ .fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d {
981
+ background-color: rgba(0 0 0 / 0.03);
982
+ }
983
+
984
+ .fds-accordion-neutral-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d,
985
+ .fds-accordion-subtle-a8137c3d .fds-accordion-item-a8137c3d:where(.fds-accordion-open-a8137c3d) .fds-accordion-accordionButton-a8137c3d {
986
+ background-color: var(--fds-semantic-surface-action-first-no_fill-hover);
987
+ }
988
+
989
+ .fds-accordion-border-a8137c3d .fds-accordion-item-a8137c3d:first-child .fds-accordion-accordionButton-a8137c3d {
997
990
  border-top: 0;
998
991
  }
999
992
 
1000
- .fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d:not(:first-child) .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
1001
- .fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d:not(:first-child) .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
1002
- .fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d:not(:first-child) .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
1003
- border-top: 1px solid var(--fdsc-accordion-header-border-inverted);
993
+ .fds-accordion-first-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
994
+ .fds-accordion-second-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d,
995
+ .fds-accordion-third-a8137c3d .fds-accordion-item-a8137c3d:not(:first-child) .fds-accordion-accordionButton-a8137c3d {
996
+ border-top: 1px solid var(--fds-semantic-border-on_inverted-default);
1004
997
  }
1005
998
 
1006
999
  @media (hover: hover) and (pointer: fine) {
1007
- .fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
1008
- background: var(--fdsc-accordion-header-bg-subtle-hover);
1000
+ .fds-accordion-accordionButton-a8137c3d:hover .fds-accordion-expandIcon-a8137c3d {
1001
+ background-color: rgba(0 0 0 / 0.1);
1009
1002
  }
1010
1003
 
1011
- .fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
1012
- background: var(--fdsc-accordion-header-bg-primary-hover);
1004
+ .fds-accordion-neutral-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover,
1005
+ .fds-accordion-subtle-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
1006
+ background-color: var(--fds-semantic-surface-neutral-subtle-hover);
1013
1007
  }
1014
1008
 
1015
- .fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
1016
- background: var(--fdsc-accordion-header-bg-secondary-hover);
1009
+ .fds-accordion-first-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
1010
+ background-color: var(--fds-semantic-surface-first-light-hover);
1017
1011
  }
1018
1012
 
1019
- .fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover {
1020
- background: var(--fdsc-accordion-header-bg-tertiary-hover);
1013
+ .fds-accordion-second-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
1014
+ background-color: var(--fds-semantic-surface-second-light-hover);
1021
1015
  }
1022
- }
1023
-
1024
- .fds-accordion-accordion-cfa9e81d.fds-accordion-neutral-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
1025
- .fds-accordion-accordion-cfa9e81d.fds-accordion-subtle-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
1026
- background-color: var(--fdsc-accordion-header-bg-neutral-active);
1027
- }
1028
-
1029
- .fds-accordion-accordion-cfa9e81d.fds-accordion-first-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
1030
- .fds-accordion-accordion-cfa9e81d.fds-accordion-second-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d,
1031
- .fds-accordion-accordion-cfa9e81d.fds-accordion-third-cfa9e81d > .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d {
1032
- background-color: rgba(0 0 0 / 0.03);
1033
- }
1034
-
1035
- .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover + * .fds-accordion-content-cfa9e81d {
1036
- border-color: var(--fdsc-accordion-content-border-open);
1037
- }
1038
1016
 
1039
- .fds-accordion-item-cfa9e81d.fds-accordion-open-cfa9e81d .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d .fds-accordion-expandIcon-cfa9e81d {
1040
- transform: rotateZ(180deg);
1041
- }
1042
-
1043
- .fds-accordion-header-cfa9e81d .fds-accordion-accordionButton-cfa9e81d:hover > .fds-accordion-accordion-cfa9e81d.fds-accordion-expandIcon-cfa9e81d.fds-accordion-filled-cfa9e81d {
1044
- display: inherit;
1017
+ .fds-accordion-third-a8137c3d .fds-accordion-accordionButton-a8137c3d:hover {
1018
+ background-color: var(--fds-semantic-surface-third-light-hover);
1019
+ }
1045
1020
  }
1046
1021
 
1047
- .fds-animateheight-root-e875993d.fds-animateheight-openingOrClosing-e875993d,
1048
- .fds-animateheight-root-e875993d.fds-animateheight-closed-e875993d {
1022
+ .fds-animateheight-root-a203211d.fds-animateheight-openingOrClosing-a203211d,
1023
+ .fds-animateheight-root-a203211d.fds-animateheight-closed-a203211d {
1049
1024
  overflow: hidden;
1050
1025
  }
1051
1026
 
1052
- .fds-animateheight-root-e875993d.fds-animateheight-open-e875993d .fds-animateheight-content-e875993d {
1027
+ .fds-animateheight-root-a203211d.fds-animateheight-open-a203211d .fds-animateheight-content-a203211d {
1053
1028
  height: auto;
1054
1029
  }
1055
1030
 
1056
- .fds-animateheight-root-e875993d.fds-animateheight-closed-e875993d .fds-animateheight-content-e875993d {
1031
+ .fds-animateheight-root-a203211d.fds-animateheight-closed-a203211d .fds-animateheight-content-a203211d {
1057
1032
  height: 0;
1058
1033
  display: none;
1059
1034
  }
1060
1035
 
1061
- .fds-nativeselect-select-88cf3fbc {
1036
+ .fds-nativeselect-select-2e95d79c {
1062
1037
  position: relative;
1063
1038
  font: inherit;
1064
1039
  font-family: inherit;
@@ -1076,67 +1051,67 @@
1076
1051
  }
1077
1052
 
1078
1053
  @media (hover: hover) and (pointer: fine) {
1079
- .fds-nativeselect-select-88cf3fbc:not(:focus-visible, :disabled, [aria-disabled]):hover {
1054
+ .fds-nativeselect-select-2e95d79c:not(:focus-visible, :disabled, [aria-disabled]):hover {
1080
1055
  border-color: var(--fds-semantic-border-input-hover);
1081
1056
  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
1082
1057
  }
1083
1058
  }
1084
1059
 
1085
- .fds-nativeselect-select-88cf3fbc.fds-nativeselect-multiple-88cf3fbc {
1060
+ .fds-nativeselect-select-2e95d79c.fds-nativeselect-multiple-2e95d79c {
1086
1061
  background-image: none;
1087
1062
  }
1088
1063
 
1089
- .fds-nativeselect-select-88cf3fbc.fds-nativeselect-small-88cf3fbc {
1064
+ .fds-nativeselect-select-2e95d79c.fds-nativeselect-small-2e95d79c {
1090
1065
  padding: 0 var(--fds-spacing-2);
1091
1066
  padding-right: var(--fds-spacing-8);
1092
1067
  height: var(--fds-sizing-8);
1093
1068
  }
1094
1069
 
1095
- .fds-nativeselect-select-88cf3fbc.fds-nativeselect-medium-88cf3fbc {
1070
+ .fds-nativeselect-select-2e95d79c.fds-nativeselect-medium-2e95d79c {
1096
1071
  padding: 0 var(--fds-spacing-3);
1097
1072
  padding-right: var(--fds-spacing-10);
1098
1073
  height: var(--fds-sizing-10);
1099
1074
  }
1100
1075
 
1101
- .fds-nativeselect-select-88cf3fbc.fds-nativeselect-large-88cf3fbc {
1076
+ .fds-nativeselect-select-2e95d79c.fds-nativeselect-large-2e95d79c {
1102
1077
  padding: 0 var(--fds-spacing-4);
1103
1078
  padding-right: var(--fds-spacing-12);
1104
1079
  height: var(--fds-sizing-12);
1105
1080
  }
1106
1081
 
1107
- .fds-nativeselect-formField-88cf3fbc {
1082
+ .fds-nativeselect-formField-2e95d79c {
1108
1083
  display: grid;
1109
1084
  gap: var(--fds-spacing-2);
1110
1085
  }
1111
1086
 
1112
- .fds-nativeselect-disabled-88cf3fbc {
1087
+ .fds-nativeselect-disabled-2e95d79c {
1113
1088
  opacity: var(--fds-opacity-disabled);
1114
1089
  }
1115
1090
 
1116
- .fds-nativeselect-disabled-88cf3fbc .fds-nativeselect-select-88cf3fbc {
1091
+ .fds-nativeselect-disabled-2e95d79c .fds-nativeselect-select-2e95d79c {
1117
1092
  cursor: not-allowed;
1118
1093
  }
1119
1094
 
1120
- .fds-nativeselect-readOnly-88cf3fbc .fds-nativeselect-select-88cf3fbc {
1095
+ .fds-nativeselect-readOnly-2e95d79c .fds-nativeselect-select-2e95d79c {
1121
1096
  background: var(--fds-semantic-surface-neutral-subtle);
1122
1097
  border-color: var(--fds-semantic-border-neutral-default);
1123
1098
  }
1124
1099
 
1125
- .fds-nativeselect-error-88cf3fbc > .fds-nativeselect-select-88cf3fbc:not(:focus-visible) {
1100
+ .fds-nativeselect-error-2e95d79c > .fds-nativeselect-select-2e95d79c:not(:focus-visible) {
1126
1101
  border-color: var(--fds-semantic-border-danger-default);
1127
1102
  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
1128
1103
  }
1129
1104
 
1130
- .fds-nativeselect-padlock-88cf3fbc {
1105
+ .fds-nativeselect-padlock-2e95d79c {
1131
1106
  height: 1.2em;
1132
1107
  width: 1.2em;
1133
1108
  }
1134
1109
 
1135
- .fds-nativeselect-errorMessage-88cf3fbc:empty {
1110
+ .fds-nativeselect-errorMessage-2e95d79c:empty {
1136
1111
  display: none;
1137
1112
  }
1138
1113
 
1139
- .fds-nativeselect-label-88cf3fbc {
1114
+ .fds-nativeselect-label-2e95d79c {
1140
1115
  min-width: min-content;
1141
1116
  display: inline-flex;
1142
1117
  flex-direction: row;
@@ -1144,47 +1119,47 @@
1144
1119
  align-items: center;
1145
1120
  }
1146
1121
 
1147
- .fds-fieldset-fieldset-4ef8e1c {
1122
+ .fds-fieldset-fieldset-2b3c05fc {
1148
1123
  margin: 0;
1149
1124
  padding: 0;
1150
1125
  border: 0;
1151
1126
  min-width: 0;
1152
1127
  }
1153
1128
 
1154
- .fds-fieldset-withSpacing-4ef8e1c {
1129
+ .fds-fieldset-withSpacing-2b3c05fc {
1155
1130
  display: flex;
1156
1131
  flex-direction: column;
1157
1132
  gap: var(--fds-spacing-2);
1158
1133
  }
1159
1134
 
1160
- .fds-fieldset-description-4ef8e1c {
1135
+ .fds-fieldset-description-2b3c05fc {
1161
1136
  color: var(--fds-semantic-text-neutral-subtle);
1162
1137
  font-weight: 400;
1163
1138
  }
1164
1139
 
1165
- .fds-fieldset-legend-4ef8e1c {
1140
+ .fds-fieldset-legend-2b3c05fc {
1166
1141
  display: contents;
1167
1142
  }
1168
1143
 
1169
- .fds-fieldset-readonly-4ef8e1c .fds-fieldset-legendContent-4ef8e1c {
1144
+ .fds-fieldset-readonly-2b3c05fc .fds-fieldset-legendContent-2b3c05fc {
1170
1145
  display: inline-flex;
1171
1146
  }
1172
1147
 
1173
- .fds-fieldset-readonly-4ef8e1c .fds-fieldset-padlock-4ef8e1c {
1148
+ .fds-fieldset-readonly-2b3c05fc .fds-fieldset-padlock-2b3c05fc {
1174
1149
  height: 1.2em;
1175
1150
  width: 1.2em;
1176
1151
  }
1177
1152
 
1178
- .fds-fieldset-disabled-4ef8e1c .fds-fieldset-legend-4ef8e1c,
1179
- .fds-fieldset-disabled-4ef8e1c .fds-fieldset-description-4ef8e1c {
1153
+ .fds-fieldset-disabled-2b3c05fc .fds-fieldset-legend-2b3c05fc,
1154
+ .fds-fieldset-disabled-2b3c05fc .fds-fieldset-description-2b3c05fc {
1180
1155
  color: var(--fds-semantic-border-neutral-subtle);
1181
1156
  }
1182
1157
 
1183
- .fds-fieldset-errorWrapper-4ef8e1c {
1158
+ .fds-fieldset-errorWrapper-2b3c05fc {
1184
1159
  display: contents;
1185
1160
  }
1186
1161
 
1187
- .fds-tag-tag-e4c97db9 {
1162
+ .fds-tag-tag-40d841d9 {
1188
1163
  --fdsc-tag-background: var(--fds-semantic-surface-neutral-subtle);
1189
1164
  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
1190
1165
  --fdsc-tag-padding: var(--fds-spacing-2);
@@ -1203,66 +1178,66 @@
1203
1178
  width: max-content;
1204
1179
  }
1205
1180
 
1206
- .fds-tag-small-e4c97db9 {
1181
+ .fds-tag-small-40d841d9 {
1207
1182
  --fdsc-tag-padding: var(--fds-spacing-1);
1208
1183
  --fdsc-tag-min-height: var(--fds-sizing-5);
1209
1184
  }
1210
1185
 
1211
- .fds-tag-medium-e4c97db9 {
1186
+ .fds-tag-medium-40d841d9 {
1212
1187
  --fdsc-tag-padding: var(--fds-spacing-1);
1213
1188
  --fdsc-tag-min-height: var(--fds-sizing-6);
1214
1189
  }
1215
1190
 
1216
- .fds-tag-large-e4c97db9 {
1191
+ .fds-tag-large-40d841d9 {
1217
1192
  --fdsc-tag-padding: var(--fds-spacing-2);
1218
1193
  --fdsc-tag-min-height: var(--fds-sizing-7);
1219
1194
  }
1220
1195
 
1221
- .fds-tag-neutral-e4c97db9 {
1196
+ .fds-tag-neutral-40d841d9 {
1222
1197
  --fdsc-tag-background: var(--fds-semantic-surface-neutral-subtle);
1223
1198
  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
1224
1199
  }
1225
1200
 
1226
- .fds-tag-info-e4c97db9 {
1201
+ .fds-tag-info-40d841d9 {
1227
1202
  --fdsc-tag-background: var(--fds-semantic-surface-info-subtle);
1228
1203
  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
1229
1204
  }
1230
1205
 
1231
- .fds-tag-success-e4c97db9 {
1206
+ .fds-tag-success-40d841d9 {
1232
1207
  --fdsc-tag-background: var(--fds-semantic-surface-success-subtle);
1233
1208
  --fdsc-tag-text: var(--fds-semantic-text-success-on_success_subtle);
1234
1209
  }
1235
1210
 
1236
- .fds-tag-warning-e4c97db9 {
1211
+ .fds-tag-warning-40d841d9 {
1237
1212
  --fdsc-tag-background: var(--fds-semantic-surface-warning-default);
1238
1213
  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
1239
1214
  }
1240
1215
 
1241
- .fds-tag-danger-e4c97db9 {
1216
+ .fds-tag-danger-40d841d9 {
1242
1217
  --fdsc-tag-background: var(--fds-semantic-surface-danger-subtle);
1243
1218
  --fdsc-tag-text: var(--fds-semantic-text-danger-on_danger_subtle);
1244
1219
  }
1245
1220
 
1246
- .fds-tag-first-e4c97db9 {
1221
+ .fds-tag-first-40d841d9 {
1247
1222
  --fdsc-tag-background: var(--fds-semantic-surface-first-light);
1248
1223
  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
1249
1224
  }
1250
1225
 
1251
- .fds-tag-second-e4c97db9 {
1226
+ .fds-tag-second-40d841d9 {
1252
1227
  --fdsc-tag-background: var(--fds-semantic-surface-second-light);
1253
1228
  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
1254
1229
  }
1255
1230
 
1256
- .fds-tag-third-e4c97db9 {
1231
+ .fds-tag-third-40d841d9 {
1257
1232
  --fdsc-tag-background: var(--fds-semantic-surface-third-light);
1258
1233
  --fdsc-tag-text: var(--fds-semantic-text-neutral-default);
1259
1234
  }
1260
1235
 
1261
- .fds-chip-chip-b1f59eef {
1236
+ .fds-chip-chip-4563db0f {
1262
1237
  display: flex;
1263
1238
  }
1264
1239
 
1265
- .fds-chip-chipButton-b1f59eef {
1240
+ .fds-chip-chipButton-4563db0f {
1266
1241
  --fdsc-chip-height: var(--fds-sizing-7);
1267
1242
  --fdsc-chip-padding: var(--fds-spacing-3);
1268
1243
  --fdsc-chip-background: var(--fds-semantic-surface-action-first-subtle);
@@ -1282,20 +1257,20 @@
1282
1257
  align-items: center;
1283
1258
  }
1284
1259
 
1285
- .fds-chip-chipButton-b1f59eef:disabled,
1286
- .fds-chip-chipButton-b1f59eef[aria-disabled='true'] {
1260
+ .fds-chip-chipButton-4563db0f:disabled,
1261
+ .fds-chip-chipButton-4563db0f[aria-disabled='true'] {
1287
1262
  cursor: not-allowed;
1288
1263
  opacity: var(--fds-opacity-disabled);
1289
1264
  }
1290
1265
 
1291
- .fds-chip-chipButton-b1f59eef:is([aria-pressed='true']),
1292
- .fds-chip-chipButton-b1f59eef:not(:disabled, [aria-disabled='true']):active {
1266
+ .fds-chip-chipButton-4563db0f:is([aria-pressed='true']),
1267
+ .fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):active {
1293
1268
  --fdsc-chip-background: var(--fds-semantic-surface-action-first-active);
1294
1269
  --fdsc-chip-text-color: var(--fds-semantic-text-neutral-on_inverted);
1295
1270
  --fdsc-chip-border: var(--fds-semantic-surface-action-first-active);
1296
1271
  }
1297
1272
 
1298
- .fds-chip-chipButton-b1f59eef .fds-chip-label-b1f59eef {
1273
+ .fds-chip-chipButton-4563db0f .fds-chip-label-4563db0f {
1299
1274
  color: inherit;
1300
1275
  line-height: normal;
1301
1276
  display: flex;
@@ -1304,7 +1279,7 @@
1304
1279
  gap: var(--fds-spacing-2);
1305
1280
  }
1306
1281
 
1307
- .fds-chip-removable-b1f59eef {
1282
+ .fds-chip-removable-4563db0f {
1308
1283
  --fdsc-removable-background: var(--fds-semantic-surface-action-first-active);
1309
1284
  --fdsc-removable-text-color: var(--fds-semantic-text-neutral-on_inverted);
1310
1285
  --fdsc-removable-chip-size: var(--fds-sizing-7);
@@ -1320,50 +1295,50 @@
1320
1295
  min-height: var(--fdsc-removable-chip-size);
1321
1296
  }
1322
1297
 
1323
- .fds-chip-xMark-b1f59eef {
1298
+ .fds-chip-xMark-4563db0f {
1324
1299
  color: var(--fdsc-removable-chip-xmark-color);
1325
1300
  height: var(--fdsc-removable-chip-xmark-size);
1326
1301
  width: var(--fdsc-removable-chip-xmark-size);
1327
1302
  padding-right: var(--fdsc-removable-chip-xmark-padding_right);
1328
1303
  }
1329
1304
 
1330
- .fds-chip-removable-b1f59eef.fds-chip-small-b1f59eef {
1305
+ .fds-chip-removable-4563db0f.fds-chip-small-4563db0f {
1331
1306
  --fdsc-removable-chip-size: var(--fds-sizing-6);
1332
1307
  }
1333
1308
 
1334
- .fds-chip-removable-b1f59eef.fds-chip-medium-b1f59eef {
1309
+ .fds-chip-removable-4563db0f.fds-chip-medium-4563db0f {
1335
1310
  --fdsc-removable-chip-size: var(--fds-sizing-7);
1336
1311
  }
1337
1312
 
1338
- .fds-chip-removable-b1f59eef.fds-chip-large-b1f59eef {
1313
+ .fds-chip-removable-4563db0f.fds-chip-large-4563db0f {
1339
1314
  --fdsc-removable-chip-size: var(--fds-sizing-8);
1340
1315
  }
1341
1316
 
1342
- .fds-chip-xMark-b1f59eef .fds-chip-icon-b1f59eef {
1317
+ .fds-chip-xMark-4563db0f .fds-chip-icon-4563db0f {
1343
1318
  height: var(--fdsc-removable-chip-xmark-size);
1344
1319
  width: var(--fdsc-removable-chip-xmark-size);
1345
1320
  }
1346
1321
 
1347
- .fds-chip-spacing-b1f59eef {
1322
+ .fds-chip-spacing-4563db0f {
1348
1323
  padding-left: var(--fds-spacing-1) !important;
1349
1324
  }
1350
1325
 
1351
- .fds-chip-small-b1f59eef .fds-chip-checkmarkIcon-b1f59eef {
1326
+ .fds-chip-small-4563db0f .fds-chip-checkmarkIcon-4563db0f {
1352
1327
  height: var(--fds-sizing-5);
1353
1328
  width: auto;
1354
1329
  }
1355
1330
 
1356
- .fds-chip-medium-b1f59eef .fds-chip-checkmarkIcon-b1f59eef {
1331
+ .fds-chip-medium-4563db0f .fds-chip-checkmarkIcon-4563db0f {
1357
1332
  height: 24px;
1358
1333
  width: auto;
1359
1334
  }
1360
1335
 
1361
- .fds-chip-large-b1f59eef .fds-chip-checkmarkIcon-b1f59eef {
1336
+ .fds-chip-large-4563db0f .fds-chip-checkmarkIcon-4563db0f {
1362
1337
  height: 26px;
1363
1338
  width: auto;
1364
1339
  }
1365
1340
 
1366
- .fds-chip-groupContainer-b1f59eef {
1341
+ .fds-chip-groupContainer-4563db0f {
1367
1342
  --fdsc-gap: var(--fds-spacing-2);
1368
1343
 
1369
1344
  display: flex;
@@ -1373,21 +1348,21 @@
1373
1348
  margin: 0;
1374
1349
  }
1375
1350
 
1376
- .fds-chip-groupContainer-b1f59eef.fds-chip-small-b1f59eef {
1351
+ .fds-chip-groupContainer-4563db0f.fds-chip-small-4563db0f {
1377
1352
  --fdsc-gap: var(--fds-spacing-2);
1378
1353
  }
1379
1354
 
1380
- .fds-chip-groupContainer-b1f59eef.fds-chip-medium-b1f59eef {
1355
+ .fds-chip-groupContainer-4563db0f.fds-chip-medium-4563db0f {
1381
1356
  --fdsc-gap: var(--fds-spacing-2);
1382
1357
  }
1383
1358
 
1384
- .fds-chip-groupContainer-b1f59eef.fds-chip-large-b1f59eef {
1359
+ .fds-chip-groupContainer-4563db0f.fds-chip-large-4563db0f {
1385
1360
  --fdsc-gap: var(--fds-spacing-2);
1386
1361
  }
1387
1362
 
1388
1363
  /* Only use hover for non-touch devices to prevent sticky-hovering */
1389
1364
  @media (hover: hover) and (pointer: fine) {
1390
- .fds-chip-chipButton-b1f59eef:not(:disabled, [aria-disabled='true']):hover {
1365
+ .fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):hover {
1391
1366
  --fdsc-chip-background: var(--fds-semantic-surface-action-first-subtle-hover);
1392
1367
  --fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
1393
1368
  --fdsc-chip-border: var(--fds-semantic-border-action-first-subtle-hover);
@@ -1395,13 +1370,13 @@
1395
1370
  cursor: pointer;
1396
1371
  }
1397
1372
 
1398
- .fds-chip-chipButton-b1f59eef:not(:disabled, [aria-disabled='true']):is([aria-pressed='true']):hover {
1373
+ .fds-chip-chipButton-4563db0f:not(:disabled, [aria-disabled='true']):is([aria-pressed='true']):hover {
1399
1374
  --fdsc-chip-background: var(--fds-semantic-surface-action-first-no_fill-active);
1400
1375
  --fdsc-chip-text-color: var(--fds-semantic-text-neutral-default);
1401
1376
  }
1402
1377
 
1403
- .fds-chip-removable-b1f59eef:not(:disabled, [aria-disabled='true']):hover,
1404
- .fds-chip-removable-b1f59eef:not(:disabled, [aria-disabled='true']):focus {
1378
+ .fds-chip-removable-4563db0f:not(:disabled, [aria-disabled='true']):hover,
1379
+ .fds-chip-removable-4563db0f:not(:disabled, [aria-disabled='true']):focus {
1405
1380
  --fdsc-removable-background: linear-gradient(
1406
1381
  to left,
1407
1382
  var(--fds-semantic-surface-danger-default) var(--fdsc-removable-chip-xmark-wrapper-width),
@@ -1411,25 +1386,25 @@
1411
1386
  }
1412
1387
  }
1413
1388
 
1414
- .fds-chip-small-b1f59eef {
1389
+ .fds-chip-small-4563db0f {
1415
1390
  --fdsc-chip-height: var(--fds-sizing-6);
1416
1391
  --fdsc-chip-padding: var(--fds-spacing-2);
1417
1392
  --fdsc-removable-chip-xmark-size: var(--fds-sizing-5);
1418
1393
  }
1419
1394
 
1420
- .fds-chip-medium-b1f59eef {
1395
+ .fds-chip-medium-4563db0f {
1421
1396
  --fdsc-chip-height: var(--fds-sizing-7);
1422
1397
  --fdsc-chip-padding: var(--fds-spacing-3);
1423
1398
  --fdsc-removable-chip-xmark-size: var(--fds-sizing-6);
1424
1399
  }
1425
1400
 
1426
- .fds-chip-large-b1f59eef {
1401
+ .fds-chip-large-4563db0f {
1427
1402
  --fdsc-chip-height: var(--fds-sizing-8);
1428
1403
  --fdsc-chip-padding: var(--fds-spacing-3);
1429
1404
  --fdsc-removable-chip-xmark-size: var(--fds-sizing-7);
1430
1405
  }
1431
1406
 
1432
- .fds-pagination-pagination-796b1b6f {
1407
+ .fds-pagination-pagination-ddc0278f {
1433
1408
  list-style-type: none;
1434
1409
  display: flex;
1435
1410
  padding: 0;
@@ -1438,61 +1413,61 @@
1438
1413
  width: fit-content;
1439
1414
  }
1440
1415
 
1441
- .fds-pagination-hidden-796b1b6f {
1416
+ .fds-pagination-hidden-ddc0278f {
1442
1417
  visibility: hidden;
1443
1418
  }
1444
1419
 
1445
- .fds-pagination-pagination-796b1b6f:where(.fds-pagination-small-796b1b6f) {
1420
+ .fds-pagination-pagination-ddc0278f:where(.fds-pagination-small-ddc0278f) {
1446
1421
  --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
1447
1422
  }
1448
1423
 
1449
- .fds-pagination-pagination-796b1b6f:where(.fds-pagination-medium-796b1b6f) {
1424
+ .fds-pagination-pagination-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
1450
1425
  --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
1451
1426
  }
1452
1427
 
1453
- .fds-pagination-pagination-796b1b6f:where(.fds-pagination-large-796b1b6f) {
1428
+ .fds-pagination-pagination-ddc0278f:where(.fds-pagination-large-ddc0278f) {
1454
1429
  --fdsc-pagination-chevron-margin: var(--fds-spacing-2);
1455
1430
  }
1456
1431
 
1457
- .fds-pagination-pagination-796b1b6f li:first-child {
1432
+ .fds-pagination-pagination-ddc0278f li:first-child {
1458
1433
  margin-right: var(--fdsc-pagination-chevron-margin);
1459
1434
  }
1460
1435
 
1461
- .fds-pagination-pagination-796b1b6f li:last-child {
1436
+ .fds-pagination-pagination-ddc0278f li:last-child {
1462
1437
  margin-left: var(--fdsc-pagination-chevron-margin);
1463
1438
  }
1464
1439
 
1465
- .fds-pagination-listitem-796b1b6f {
1440
+ .fds-pagination-listitem-ddc0278f {
1466
1441
  flex: 1;
1467
1442
  margin-right: var(--fsdc-pagination-listitem-margin);
1468
1443
  }
1469
1444
 
1470
- .fds-pagination-listitem-796b1b6f:where(.fds-pagination-small-796b1b6f) {
1445
+ .fds-pagination-listitem-ddc0278f:where(.fds-pagination-small-ddc0278f) {
1471
1446
  --fsdc-pagination-listitem-margin: var(--fds-spacing-2);
1472
1447
  --fdsc-pagination-ellipsis-width: var(--fds-sizing-8);
1473
1448
  }
1474
1449
 
1475
- .fds-pagination-listitem-796b1b6f:where(.fds-pagination-medium-796b1b6f) {
1450
+ .fds-pagination-listitem-ddc0278f:where(.fds-pagination-medium-ddc0278f) {
1476
1451
  --fsdc-pagination-listitem-margin: var(--fds-spacing-4);
1477
1452
  --fdsc-pagination-ellipsis-width: var(--fds-sizing-10);
1478
1453
  }
1479
1454
 
1480
- .fds-pagination-listitem-796b1b6f:where(.fds-pagination-large-796b1b6f) {
1455
+ .fds-pagination-listitem-ddc0278f:where(.fds-pagination-large-ddc0278f) {
1481
1456
  --fsdc-pagination-listitem-margin: var(--fds-spacing-6);
1482
1457
  --fdsc-pagination-ellipsis-width: var(--fds-sizing-12);
1483
1458
  }
1484
1459
 
1485
- .fds-pagination-listitem-796b1b6f:where(.fds-pagination-compact-796b1b6f) {
1460
+ .fds-pagination-listitem-ddc0278f:where(.fds-pagination-compact-ddc0278f) {
1486
1461
  --fsdc-pagination-listitem-margin: var(--fds-spacing-1);
1487
1462
  }
1488
1463
 
1489
- .fds-pagination-pagination-796b1b6f .fds-pagination-ellipsis-796b1b6f {
1464
+ .fds-pagination-pagination-ddc0278f .fds-pagination-ellipsis-ddc0278f {
1490
1465
  margin-top: 0.5em;
1491
1466
  text-align: center;
1492
1467
  width: var(--fdsc-pagination-ellipsis-width);
1493
1468
  }
1494
1469
 
1495
- .fds-skiplink-skiplink-fcabcecf:focus {
1470
+ .fds-skiplink-skiplink-d4abeaef:focus {
1496
1471
  display: block;
1497
1472
  outline: 0;
1498
1473
  position: static;
@@ -1511,7 +1486,7 @@
1511
1486
  background: var(--fds-semantic-border-focus-outline);
1512
1487
  }
1513
1488
 
1514
- .fds-tooltip-wrapper-47dedd27 {
1489
+ .fds-tooltip-wrapper-a3778147 {
1515
1490
  background: var(--fds-semantic-surface-neutral-inverted);
1516
1491
  padding: var(--fds-spacing-1) var(--fds-spacing-2);
1517
1492
  color: var(--fds-semantic-text-neutral-on_inverted);
@@ -1520,20 +1495,20 @@
1520
1495
  font-family: inherit;
1521
1496
  }
1522
1497
 
1523
- .fds-tooltip-wrapper-47dedd27.fds-tooltip-inverted-47dedd27 {
1498
+ .fds-tooltip-wrapper-a3778147.fds-tooltip-inverted-a3778147 {
1524
1499
  background: var(--fds-semantic-surface-neutral-subtle);
1525
1500
  color: var(--fds-semantic-text-neutral-default);
1526
1501
  }
1527
1502
 
1528
- .fds-tooltip-wrapper-47dedd27 .fds-tooltip-arrow-47dedd27 {
1503
+ .fds-tooltip-wrapper-a3778147 .fds-tooltip-arrow-a3778147 {
1529
1504
  fill: var(--fds-semantic-surface-neutral-inverted);
1530
1505
  }
1531
1506
 
1532
- .fds-tooltip-wrapper-47dedd27.fds-tooltip-inverted-47dedd27 .fds-tooltip-arrow-47dedd27 {
1507
+ .fds-tooltip-wrapper-a3778147.fds-tooltip-inverted-a3778147 .fds-tooltip-arrow-a3778147 {
1533
1508
  fill: var(--fds-semantic-surface-neutral-subtle);
1534
1509
  }
1535
1510
 
1536
- .fds-checkbox-container-874e13bc {
1511
+ .fds-checkbox-container-ad9a8b9c {
1537
1512
  --fds-checkbox-size: 1.75rem;
1538
1513
  --fds-checkbox-focus-border-width: 3px;
1539
1514
  --fds-checkbox-background: var(--fds-semantic-background-default);
@@ -1543,7 +1518,7 @@
1543
1518
  position: relative;
1544
1519
  }
1545
1520
 
1546
- .fds-checkbox-label-874e13bc {
1521
+ .fds-checkbox-label-ad9a8b9c {
1547
1522
  min-height: var(--fds-sizing-10);
1548
1523
  min-width: min-content;
1549
1524
  display: inline-flex;
@@ -1554,7 +1529,7 @@
1554
1529
  }
1555
1530
 
1556
1531
  /* Checkbox */
1557
- .fds-checkbox-label-874e13bc::before {
1532
+ .fds-checkbox-label-ad9a8b9c::before {
1558
1533
  content: '';
1559
1534
  width: var(--fds-checkbox-size);
1560
1535
  height: var(--fds-checkbox-size);
@@ -1566,13 +1541,13 @@
1566
1541
  border-radius: var(--fds-border_radius-medium);
1567
1542
  }
1568
1543
 
1569
- .fds-checkbox-description-874e13bc {
1544
+ .fds-checkbox-description-ad9a8b9c {
1570
1545
  padding-left: calc(var(--fds-checkbox-size) + 12px + var(--fds-spacing-1));
1571
1546
  margin-top: calc(var(--fds-spacing-2) * -1);
1572
1547
  color: var(--fds-semantic-text-neutral-subtle);
1573
1548
  }
1574
1549
 
1575
- .fds-checkbox-input-874e13bc {
1550
+ .fds-checkbox-input-ad9a8b9c {
1576
1551
  position: absolute;
1577
1552
  width: 2.75rem;
1578
1553
  height: 2.75rem;
@@ -1582,31 +1557,31 @@
1582
1557
  margin: 0;
1583
1558
  }
1584
1559
 
1585
- .fds-checkbox-disabled-874e13bc > .fds-checkbox-input-874e13bc,
1586
- .fds-checkbox-disabled-874e13bc > .fds-checkbox-label-874e13bc,
1587
- .fds-checkbox-disabled-874e13bc > .fds-checkbox-label-874e13bc::before {
1560
+ .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-input-ad9a8b9c,
1561
+ .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c,
1562
+ .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c::before {
1588
1563
  cursor: not-allowed;
1589
1564
  }
1590
1565
 
1591
- .fds-checkbox-disabled-874e13bc > .fds-checkbox-label-874e13bc,
1592
- .fds-checkbox-disabled-874e13bc > .fds-checkbox-label-874e13bc::before,
1593
- .fds-checkbox-disabled-874e13bc > .fds-checkbox-description-874e13bc {
1566
+ .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c,
1567
+ .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-label-ad9a8b9c::before,
1568
+ .fds-checkbox-disabled-ad9a8b9c > .fds-checkbox-description-ad9a8b9c {
1594
1569
  opacity: var(--fds-opacity-disabled);
1595
1570
  }
1596
1571
 
1597
- .fds-checkbox-input-874e13bc:focus-visible + .fds-checkbox-label-874e13bc::before {
1572
+ .fds-checkbox-input-ad9a8b9c:focus-visible + .fds-checkbox-label-ad9a8b9c::before {
1598
1573
  outline: var(--fds-checkbox-focus-border-width) solid var(--fds-semantic-border-focus-outline);
1599
1574
  box-shadow: inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
1600
1575
  }
1601
1576
 
1602
- .fds-checkbox-input-874e13bc:checked + .fds-checkbox-label-874e13bc::before {
1577
+ .fds-checkbox-input-ad9a8b9c:checked + .fds-checkbox-label-ad9a8b9c::before {
1603
1578
  --fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
1604
1579
 
1605
1580
  background: var(--fds-checkbox-border-color);
1606
1581
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5509 6.32414C18.9414 6.71467 18.9414 7.34783 18.5509 7.73836L10.5821 15.7071C10.1916 16.0976 9.55842 16.0976 9.16789 15.7071L4.94914 11.4884C4.55862 11.0978 4.55862 10.4647 4.94914 10.0741C5.33967 9.68362 5.97283 9.68362 6.36336 10.0741L9.875 13.5858L17.1366 6.32414C17.5272 5.93362 18.1603 5.93362 18.5509 6.32414Z' fill='white'/%3E%3C/svg%3E%0A");
1607
1582
  }
1608
1583
 
1609
- .fds-checkbox-input-874e13bc:indeterminate + .fds-checkbox-label-874e13bc::before {
1584
+ .fds-checkbox-input-ad9a8b9c:indeterminate + .fds-checkbox-label-ad9a8b9c::before {
1610
1585
  --fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
1611
1586
 
1612
1587
  background-color: var(--fds-checkbox-border-color);
@@ -1614,111 +1589,111 @@
1614
1589
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 11.25C4.25 10.4216 4.92157 9.75 5.75 9.75H16.75C17.5784 9.75 18.25 10.4216 18.25 11.25C18.25 12.0784 17.5784 12.75 16.75 12.75H5.75C4.92157 12.75 4.25 12.0784 4.25 11.25Z' fill='white' /%3E%3C/svg%3E%0A");
1615
1590
  }
1616
1591
 
1617
- .fds-checkbox-readonly-874e13bc > .fds-checkbox-input-874e13bc + .fds-checkbox-label-874e13bc::before {
1592
+ .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c + .fds-checkbox-label-ad9a8b9c::before {
1618
1593
  --fds-checkbox-border-color: var(--fds-semantic-border-neutral-subtle);
1619
1594
  --fds-checkbox-background: var(--fds-semantic-surface-neutral-subtle);
1620
1595
  }
1621
1596
 
1622
- .fds-checkbox-input-874e13bc:checked:not(:focus-visible) + .fds-checkbox-label-874e13bc::before {
1597
+ .fds-checkbox-input-ad9a8b9c:checked:not(:focus-visible) + .fds-checkbox-label-ad9a8b9c::before {
1623
1598
  box-shadow: inset 0 0 0 2px var(--fds-checkbox-border-color);
1624
1599
  }
1625
1600
 
1626
- .fds-checkbox-readonly-874e13bc > .fds-checkbox-input-874e13bc,
1627
- .fds-checkbox-readonly-874e13bc > .fds-checkbox-label-874e13bc {
1601
+ .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c,
1602
+ .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-label-ad9a8b9c {
1628
1603
  cursor: default;
1629
1604
  }
1630
1605
 
1631
- .fds-checkbox-readonly-874e13bc > .fds-checkbox-input-874e13bc:checked + .fds-checkbox-label-874e13bc::before {
1606
+ .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:checked + .fds-checkbox-label-ad9a8b9c::before {
1632
1607
  background: var(--fds-checkbox-background);
1633
1608
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.5509 6.32414C18.9414 6.71467 18.9414 7.34783 18.5509 7.73836L10.5821 15.7071C10.1916 16.0976 9.55842 16.0976 9.16789 15.7071L4.94914 11.4884C4.55862 11.0978 4.55862 10.4647 4.94914 10.0741C5.33967 9.68362 5.97283 9.68362 6.36336 10.0741L9.875 13.5858L17.1366 6.32414C17.5272 5.93362 18.1603 5.93362 18.5509 6.32414Z' fill='%2368707c'/%3E%3C/svg%3E%0A");
1634
1609
  }
1635
1610
 
1636
- .fds-checkbox-readonly-874e13bc > .fds-checkbox-input-874e13bc:indeterminate + .fds-checkbox-label-874e13bc::before {
1611
+ .fds-checkbox-readonly-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:indeterminate + .fds-checkbox-label-ad9a8b9c::before {
1637
1612
  background: var(--fds-checkbox-background);
1638
1613
  background-repeat: no-repeat;
1639
1614
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.25 11.25C4.25 10.4216 4.92157 9.75 5.75 9.75H16.75C17.5784 9.75 18.25 10.4216 18.25 11.25C18.25 12.0784 17.5784 12.75 16.75 12.75H5.75C4.92157 12.75 4.25 12.0784 4.25 11.25Z' fill='%2368707c' /%3E%3C/svg%3E%0A");
1640
1615
  }
1641
1616
 
1642
- .fds-checkbox-error-874e13bc > .fds-checkbox-input-874e13bc:not(:disabled, :focus-visible) + .fds-checkbox-label-874e13bc::before {
1617
+ .fds-checkbox-error-ad9a8b9c > .fds-checkbox-input-ad9a8b9c:not(:disabled, :focus-visible) + .fds-checkbox-label-ad9a8b9c::before {
1643
1618
  --fds-checkbox-border-color: var(--fds-semantic-border-danger-default);
1644
1619
  }
1645
1620
 
1646
1621
  /* Only use hover for non-touch devices to prevent sticky-hovering
1647
1622
  "input:not(:read-only)" does not work so using ".container:not(.readonly) >" instead */
1648
1623
  @media (hover: hover) and (pointer: fine) {
1649
- .fds-checkbox-container-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-label-874e13bc:hover,
1650
- .fds-checkbox-container-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-input-874e13bc:hover + .fds-checkbox-label-874e13bc {
1624
+ .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-label-ad9a8b9c:hover,
1625
+ .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover + .fds-checkbox-label-ad9a8b9c {
1651
1626
  color: var(--fds-semantic-text-action-hover);
1652
1627
  }
1653
1628
 
1654
- .fds-checkbox-container-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-input-874e13bc:hover:not(:checked) + .fds-checkbox-label-874e13bc::before {
1629
+ .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:not(:checked) + .fds-checkbox-label-ad9a8b9c::before {
1655
1630
  --fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
1656
1631
 
1657
1632
  box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 2px var(--fds-checkbox-border-color);
1658
1633
  }
1659
1634
 
1660
- .fds-checkbox-container-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-input-874e13bc:hover:checked + .fds-checkbox-label-874e13bc::before {
1635
+ .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:checked + .fds-checkbox-label-ad9a8b9c::before {
1661
1636
  --fds-checkbox-border-color: var(--fds-semantic-border-input-hover);
1662
1637
 
1663
1638
  box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 2px var(--fds-checkbox-border-color);
1664
1639
  }
1665
1640
 
1666
- .fds-checkbox-container-874e13bc:not(.fds-checkbox-readonly-874e13bc, .fds-checkbox-disabled-874e13bc) > .fds-checkbox-input-874e13bc:hover:checked:focus-visible + .fds-checkbox-label-874e13bc::before {
1641
+ .fds-checkbox-container-ad9a8b9c:not(.fds-checkbox-readonly-ad9a8b9c, .fds-checkbox-disabled-ad9a8b9c) > .fds-checkbox-input-ad9a8b9c:hover:checked:focus-visible + .fds-checkbox-label-ad9a8b9c::before {
1667
1642
  box-shadow: var(--fds-checkbox-border__hover), inset 0 0 0 var(--fds-checkbox-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
1668
1643
  }
1669
1644
  }
1670
1645
 
1671
1646
  /** Sizing */
1672
1647
 
1673
- .fds-checkbox-small-874e13bc,
1674
- .fds-checkbox-small-874e13bc .fds-checkbox-label-874e13bc {
1648
+ .fds-checkbox-small-ad9a8b9c,
1649
+ .fds-checkbox-small-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
1675
1650
  min-height: var(--fds-sizing-8);
1676
1651
  }
1677
1652
 
1678
- .fds-checkbox-medium-874e13bc,
1679
- .fds-checkbox-medium-874e13bc .fds-checkbox-label-874e13bc {
1653
+ .fds-checkbox-medium-ad9a8b9c,
1654
+ .fds-checkbox-medium-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
1680
1655
  min-height: var(--fds-sizing-10);
1681
1656
  }
1682
1657
 
1683
- .fds-checkbox-large-874e13bc,
1684
- .fds-checkbox-large-874e13bc .fds-checkbox-label-874e13bc {
1658
+ .fds-checkbox-large-ad9a8b9c,
1659
+ .fds-checkbox-large-ad9a8b9c .fds-checkbox-label-ad9a8b9c {
1685
1660
  min-height: var(--fds-sizing-12);
1686
1661
  }
1687
1662
 
1688
- .fds-checkbox-small-874e13bc {
1663
+ .fds-checkbox-small-ad9a8b9c {
1689
1664
  --fds-checkbox-size: 1.5rem;
1690
1665
 
1691
1666
  min-width: var(--fds-sizing-8);
1692
1667
  }
1693
1668
 
1694
- .fds-checkbox-small-874e13bc .fds-checkbox-input-874e13bc {
1669
+ .fds-checkbox-small-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
1695
1670
  left: -0.25rem;
1696
1671
  top: -0.25rem;
1697
1672
  }
1698
1673
 
1699
- .fds-checkbox-medium-874e13bc {
1674
+ .fds-checkbox-medium-ad9a8b9c {
1700
1675
  --fds-checkbox-size: 1.75rem;
1701
1676
 
1702
1677
  min-width: var(--fds-sizing-10);
1703
1678
  }
1704
1679
 
1705
- .fds-checkbox-medium-874e13bc .fds-checkbox-input-874e13bc {
1680
+ .fds-checkbox-medium-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
1706
1681
  left: 0;
1707
1682
  top: 0;
1708
1683
  }
1709
1684
 
1710
- .fds-checkbox-large-874e13bc {
1685
+ .fds-checkbox-large-ad9a8b9c {
1711
1686
  --fds-checkbox-size: 2rem;
1712
1687
 
1713
1688
  min-width: var(--fds-sizing-12);
1714
1689
  }
1715
1690
 
1716
- .fds-checkbox-large-874e13bc .fds-checkbox-input-874e13bc {
1691
+ .fds-checkbox-large-ad9a8b9c .fds-checkbox-input-ad9a8b9c {
1717
1692
  left: 0;
1718
1693
  top: 0.25rem;
1719
1694
  }
1720
1695
 
1721
- .fds-radio-container-631ff5a4 {
1696
+ .fds-radio-container-7a9bd584 {
1722
1697
  --fds-radio-size: 1.75rem;
1723
1698
  --fds-radio-focus-border-width: 3px;
1724
1699
  --fds-radio-background: var(--fds-semantic-background-default);
@@ -1728,7 +1703,7 @@
1728
1703
  position: relative;
1729
1704
  }
1730
1705
 
1731
- .fds-radio-label-631ff5a4 {
1706
+ .fds-radio-label-7a9bd584 {
1732
1707
  min-height: var(--fds-sizing-10);
1733
1708
  min-width: min-content;
1734
1709
  display: inline-flex;
@@ -1739,7 +1714,7 @@
1739
1714
  }
1740
1715
 
1741
1716
  /* Radio */
1742
- .fds-radio-label-631ff5a4::before {
1717
+ .fds-radio-label-7a9bd584::before {
1743
1718
  content: '';
1744
1719
  width: var(--fds-radio-size);
1745
1720
  height: var(--fds-radio-size);
@@ -1751,13 +1726,13 @@
1751
1726
  margin-block: 6px;
1752
1727
  }
1753
1728
 
1754
- .fds-radio-description-631ff5a4 {
1729
+ .fds-radio-description-7a9bd584 {
1755
1730
  padding-left: calc(var(--fds-radio-size) + 12px + var(--fds-spacing-1));
1756
1731
  margin-top: calc(var(--fds-spacing-2) * -1);
1757
1732
  color: var(--fds-semantic-text-neutral-subtle);
1758
1733
  }
1759
1734
 
1760
- .fds-radio-input-631ff5a4 {
1735
+ .fds-radio-input-7a9bd584 {
1761
1736
  position: absolute;
1762
1737
  width: 2.75rem;
1763
1738
  height: 2.75rem;
@@ -1767,72 +1742,72 @@
1767
1742
  margin: 0;
1768
1743
  }
1769
1744
 
1770
- .fds-radio-disabled-631ff5a4 > .fds-radio-input-631ff5a4,
1771
- .fds-radio-disabled-631ff5a4 > .fds-radio-label-631ff5a4,
1772
- .fds-radio-disabled-631ff5a4 > .fds-radio-label-631ff5a4::before {
1745
+ .fds-radio-disabled-7a9bd584 > .fds-radio-input-7a9bd584,
1746
+ .fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584,
1747
+ .fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584::before {
1773
1748
  cursor: not-allowed;
1774
1749
  }
1775
1750
 
1776
- .fds-radio-disabled-631ff5a4 > .fds-radio-label-631ff5a4,
1777
- .fds-radio-disabled-631ff5a4 > .fds-radio-label-631ff5a4::before,
1778
- .fds-radio-disabled-631ff5a4 > .fds-radio-description-631ff5a4 {
1751
+ .fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584,
1752
+ .fds-radio-disabled-7a9bd584 > .fds-radio-label-7a9bd584::before,
1753
+ .fds-radio-disabled-7a9bd584 > .fds-radio-description-7a9bd584 {
1779
1754
  opacity: var(--fds-opacity-disabled);
1780
1755
  }
1781
1756
 
1782
- .fds-radio-input-631ff5a4:focus-visible + .fds-radio-label-631ff5a4::before {
1757
+ .fds-radio-input-7a9bd584:focus-visible + .fds-radio-label-7a9bd584::before {
1783
1758
  outline: var(--fds-radio-focus-border-width) solid var(--fds-semantic-border-focus-outline);
1784
1759
  box-shadow: inset 0 0 0 var(--fds-radio-focus-border-width) var(--fds-semantic-border-focus-boxshadow), inset 0 0 0 6px var(--fds-radio-background);
1785
1760
  }
1786
1761
 
1787
- .fds-radio-input-631ff5a4:checked + .fds-radio-label-631ff5a4::before {
1762
+ .fds-radio-input-7a9bd584:checked + .fds-radio-label-7a9bd584::before {
1788
1763
  --fds-radio-border-color: var(--fds-semantic-border-input-hover);
1789
1764
 
1790
1765
  background: var(--fds-radio-border-color);
1791
1766
  }
1792
1767
 
1793
- .fds-radio-readonly-631ff5a4 > .fds-radio-input-631ff5a4 + .fds-radio-label-631ff5a4::before {
1768
+ .fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584 + .fds-radio-label-7a9bd584::before {
1794
1769
  --fds-radio-border-color: var(--fds-semantic-border-neutral-subtle);
1795
1770
  --fds-radio-background: var(--fds-semantic-surface-neutral-subtle);
1796
1771
  }
1797
1772
 
1798
- .fds-radio-input-631ff5a4:checked:not(:focus-visible) + .fds-radio-label-631ff5a4::before {
1773
+ .fds-radio-input-7a9bd584:checked:not(:focus-visible) + .fds-radio-label-7a9bd584::before {
1799
1774
  box-shadow: inset 0 0 0 2px var(--fds-radio-border-color), inset 0 0 0 6px var(--fds-radio-background);
1800
1775
  }
1801
1776
 
1802
- .fds-radio-readonly-631ff5a4 > .fds-radio-input-631ff5a4,
1803
- .fds-radio-readonly-631ff5a4 > .fds-radio-label-631ff5a4 {
1777
+ .fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584,
1778
+ .fds-radio-readonly-7a9bd584 > .fds-radio-label-7a9bd584 {
1804
1779
  cursor: default;
1805
1780
  }
1806
1781
 
1807
- .fds-radio-readonly-631ff5a4 > .fds-radio-input-631ff5a4:checked + .fds-radio-label-631ff5a4::before {
1782
+ .fds-radio-readonly-7a9bd584 > .fds-radio-input-7a9bd584:checked + .fds-radio-label-7a9bd584::before {
1808
1783
  background: var(--fds-semantic-border-neutral-default);
1809
1784
  }
1810
1785
 
1811
- .fds-radio-error-631ff5a4 > .fds-radio-input-631ff5a4:not(:disabled, :focus-visible) + .fds-radio-label-631ff5a4::before {
1786
+ .fds-radio-error-7a9bd584 > .fds-radio-input-7a9bd584:not(:disabled, :focus-visible) + .fds-radio-label-7a9bd584::before {
1812
1787
  --fds-radio-border-color: var(--fds-semantic-border-danger-default);
1813
1788
  }
1814
1789
 
1815
1790
  /* Only use hover for non-touch devices to prevent sticky-hovering
1816
1791
  "input:not(:read-only)" does not work so using ".container:not(.readonly) >" instead */
1817
1792
  @media (hover: hover) and (pointer: fine) {
1818
- .fds-radio-container-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-label-631ff5a4:hover,
1819
- .fds-radio-container-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-input-631ff5a4:hover + .fds-radio-label-631ff5a4 {
1793
+ .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-label-7a9bd584:hover,
1794
+ .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover + .fds-radio-label-7a9bd584 {
1820
1795
  color: var(--fds-semantic-text-action-hover);
1821
1796
  }
1822
1797
 
1823
- .fds-radio-container-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-input-631ff5a4:hover:not(:checked) + .fds-radio-label-631ff5a4::before {
1798
+ .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:not(:checked) + .fds-radio-label-7a9bd584::before {
1824
1799
  --fds-radio-border-color: var(--fds-semantic-border-input-hover);
1825
1800
 
1826
1801
  box-shadow: var(--fds-radio-border__hover), inset 0 0 0 2px var(--fds-radio-border-color);
1827
1802
  }
1828
1803
 
1829
- .fds-radio-container-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-input-631ff5a4:hover:checked + .fds-radio-label-631ff5a4::before {
1804
+ .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:checked + .fds-radio-label-7a9bd584::before {
1830
1805
  --fds-radio-border-color: var(--fds-semantic-border-input-hover);
1831
1806
 
1832
1807
  box-shadow: var(--fds-radio-border__hover), inset 0 0 0 2px var(--fds-radio-border-color), inset 0 0 0 6px var(--fds-radio-background);
1833
1808
  }
1834
1809
 
1835
- .fds-radio-container-631ff5a4:not(.fds-radio-readonly-631ff5a4, .fds-radio-disabled-631ff5a4) > .fds-radio-input-631ff5a4:hover:checked:focus-visible + .fds-radio-label-631ff5a4::before {
1810
+ .fds-radio-container-7a9bd584:not(.fds-radio-readonly-7a9bd584, .fds-radio-disabled-7a9bd584) > .fds-radio-input-7a9bd584:hover:checked:focus-visible + .fds-radio-label-7a9bd584::before {
1836
1811
  box-shadow: var(--fds-radio-border__hover), inset 0 0 0 var(--fds-radio-focus-border-width) var(--fds-semantic-border-focus-boxshadow),
1837
1812
  inset 0 0 0 6px var(--fds-radio-background);
1838
1813
  }
@@ -1840,61 +1815,61 @@
1840
1815
 
1841
1816
  /** Sizing */
1842
1817
 
1843
- .fds-radio-small-631ff5a4,
1844
- .fds-radio-small-631ff5a4 .fds-radio-label-631ff5a4 {
1818
+ .fds-radio-small-7a9bd584,
1819
+ .fds-radio-small-7a9bd584 .fds-radio-label-7a9bd584 {
1845
1820
  min-height: var(--fds-sizing-8);
1846
1821
  }
1847
1822
 
1848
- .fds-radio-medium-631ff5a4,
1849
- .fds-radio-medium-631ff5a4 .fds-radio-label-631ff5a4 {
1823
+ .fds-radio-medium-7a9bd584,
1824
+ .fds-radio-medium-7a9bd584 .fds-radio-label-7a9bd584 {
1850
1825
  min-height: var(--fds-sizing-10);
1851
1826
  }
1852
1827
 
1853
- .fds-radio-large-631ff5a4,
1854
- .fds-radio-large-631ff5a4 .fds-radio-label-631ff5a4 {
1828
+ .fds-radio-large-7a9bd584,
1829
+ .fds-radio-large-7a9bd584 .fds-radio-label-7a9bd584 {
1855
1830
  min-height: var(--fds-sizing-12);
1856
1831
  }
1857
1832
 
1858
- .fds-radio-small-631ff5a4 {
1833
+ .fds-radio-small-7a9bd584 {
1859
1834
  --fds-radio-size: 1.5rem;
1860
1835
 
1861
1836
  min-width: var(--fds-sizing-8);
1862
1837
  }
1863
1838
 
1864
- .fds-radio-small-631ff5a4 .fds-radio-input-631ff5a4 {
1839
+ .fds-radio-small-7a9bd584 .fds-radio-input-7a9bd584 {
1865
1840
  left: -0.25rem;
1866
1841
  top: -0.25rem;
1867
1842
  }
1868
1843
 
1869
- .fds-radio-medium-631ff5a4 {
1844
+ .fds-radio-medium-7a9bd584 {
1870
1845
  --fds-radio-size: 1.75rem;
1871
1846
 
1872
1847
  min-width: var(--fds-sizing-10);
1873
1848
  }
1874
1849
 
1875
- .fds-radio-medium-631ff5a4 .fds-radio-input-631ff5a4 {
1850
+ .fds-radio-medium-7a9bd584 .fds-radio-input-7a9bd584 {
1876
1851
  left: 0;
1877
1852
  top: 0;
1878
1853
  }
1879
1854
 
1880
- .fds-radio-large-631ff5a4 {
1855
+ .fds-radio-large-7a9bd584 {
1881
1856
  --fds-radio-size: 2rem;
1882
1857
 
1883
1858
  min-width: var(--fds-sizing-12);
1884
1859
  }
1885
1860
 
1886
- .fds-radio-large-631ff5a4 .fds-radio-input-631ff5a4 {
1861
+ .fds-radio-large-7a9bd584 .fds-radio-input-7a9bd584 {
1887
1862
  left: 0;
1888
1863
  top: 0.25rem;
1889
1864
  }
1890
1865
 
1891
- .fds-group-inline-d0931a50 {
1866
+ .fds-group-inline-f6df9230 {
1892
1867
  display: flex;
1893
1868
  flex-direction: row;
1894
1869
  gap: var(--fds-spacing-2);
1895
1870
  }
1896
1871
 
1897
- .fds-switch-switch-72679bdc {
1872
+ .fds-switch-switch-9a6b03bc {
1898
1873
  --fds-transition: 200ms;
1899
1874
  --fds-switch-height: 1.75rem;
1900
1875
  --fds-switch-focus-border-width: 3px;
@@ -1903,12 +1878,12 @@
1903
1878
  }
1904
1879
 
1905
1880
  @media (prefers-reduced-motion) {
1906
- .fds-switch-switch-72679bdc {
1881
+ .fds-switch-switch-9a6b03bc {
1907
1882
  --fds-transition: 0;
1908
1883
  }
1909
1884
  }
1910
1885
 
1911
- .fds-switch-label-72679bdc {
1886
+ .fds-switch-label-9a6b03bc {
1912
1887
  min-height: var(--fds-sizing-10);
1913
1888
  min-width: min-content;
1914
1889
  display: grid;
@@ -1918,7 +1893,7 @@
1918
1893
  cursor: pointer;
1919
1894
  }
1920
1895
 
1921
- .fds-switch-track-72679bdc {
1896
+ .fds-switch-track-9a6b03bc {
1922
1897
  position: relative;
1923
1898
  display: inline-block;
1924
1899
  pointer-events: none;
@@ -1932,32 +1907,32 @@
1932
1907
  margin-right: var(--fds-spacing-1);
1933
1908
  }
1934
1909
 
1935
- .fds-switch-description-72679bdc {
1910
+ .fds-switch-description-9a6b03bc {
1936
1911
  padding-left: calc(var(--fds-switch-width) + var(--fds-spacing-2));
1937
1912
  margin-top: calc(var(--fds-spacing-2) * -1);
1938
1913
  color: var(--fds-semantic-text-neutral-subtle);
1939
1914
  }
1940
1915
 
1941
- .fds-switch-padlock-72679bdc {
1916
+ .fds-switch-padlock-9a6b03bc {
1942
1917
  height: 1.2em;
1943
1918
  width: 1.2em;
1944
1919
  }
1945
1920
 
1946
- .fds-switch-right-72679bdc {
1921
+ .fds-switch-right-9a6b03bc {
1947
1922
  grid-template-columns: 1fr auto;
1948
1923
  grid-auto-flow: dense;
1949
1924
  }
1950
1925
 
1951
- .fds-switch-right-72679bdc .fds-switch-track-72679bdc {
1926
+ .fds-switch-right-9a6b03bc .fds-switch-track-9a6b03bc {
1952
1927
  order: 1;
1953
1928
  margin-right: 0;
1954
1929
  }
1955
1930
 
1956
- .fds-switch-right-72679bdc + .fds-switch-description-72679bdc {
1931
+ .fds-switch-right-9a6b03bc + .fds-switch-description-9a6b03bc {
1957
1932
  padding-left: 0;
1958
1933
  }
1959
1934
 
1960
- .fds-switch-input-72679bdc {
1935
+ .fds-switch-input-9a6b03bc {
1961
1936
  position: absolute;
1962
1937
  width: 2.75rem;
1963
1938
  height: 2.75rem;
@@ -1967,98 +1942,98 @@
1967
1942
  margin: 0;
1968
1943
  }
1969
1944
 
1970
- .fds-switch-readonly-72679bdc > .fds-switch-label-72679bdc {
1945
+ .fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc {
1971
1946
  grid-template-columns: auto min-content 1fr;
1972
1947
  }
1973
1948
 
1974
- .fds-switch-readonly-72679bdc > .fds-switch-label-72679bdc:where(.fds-switch-right-72679bdc) {
1949
+ .fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc:where(.fds-switch-right-9a6b03bc) {
1975
1950
  grid-template-columns: min-content 1fr auto;
1976
1951
  }
1977
1952
 
1978
- .fds-switch-readonly-72679bdc > .fds-switch-input-72679bdc,
1979
- .fds-switch-readonly-72679bdc > .fds-switch-label-72679bdc {
1953
+ .fds-switch-readonly-9a6b03bc > .fds-switch-input-9a6b03bc,
1954
+ .fds-switch-readonly-9a6b03bc > .fds-switch-label-9a6b03bc {
1980
1955
  cursor: default;
1981
1956
  }
1982
1957
 
1983
- .fds-switch-disabled-72679bdc > .fds-switch-input-72679bdc,
1984
- .fds-switch-disabled-72679bdc > .fds-switch-label-72679bdc,
1985
- .fds-switch-disabled-72679bdc > .fds-switch-track-72679bdc {
1958
+ .fds-switch-disabled-9a6b03bc > .fds-switch-input-9a6b03bc,
1959
+ .fds-switch-disabled-9a6b03bc > .fds-switch-label-9a6b03bc,
1960
+ .fds-switch-disabled-9a6b03bc > .fds-switch-track-9a6b03bc {
1986
1961
  cursor: not-allowed;
1987
1962
  }
1988
1963
 
1989
- .fds-switch-disabled-72679bdc > .fds-switch-label-72679bdc,
1990
- .fds-switch-disabled-72679bdc > .fds-switch-track-72679bdc,
1991
- .fds-switch-disabled-72679bdc > .fds-switch-description-72679bdc {
1964
+ .fds-switch-disabled-9a6b03bc > .fds-switch-label-9a6b03bc,
1965
+ .fds-switch-disabled-9a6b03bc > .fds-switch-track-9a6b03bc,
1966
+ .fds-switch-disabled-9a6b03bc > .fds-switch-description-9a6b03bc {
1992
1967
  opacity: var(--fds-opacity-disabled);
1993
1968
  }
1994
1969
 
1995
- .fds-switch-readonly-72679bdc > .fds-switch-description-72679bdc {
1970
+ .fds-switch-readonly-9a6b03bc > .fds-switch-description-9a6b03bc {
1996
1971
  margin-left: var(--fds-spacing-1);
1997
1972
  }
1998
1973
 
1999
- .fds-switch-small-72679bdc,
2000
- .fds-switch-small-72679bdc .fds-switch-label-72679bdc {
1974
+ .fds-switch-small-9a6b03bc,
1975
+ .fds-switch-small-9a6b03bc .fds-switch-label-9a6b03bc {
2001
1976
  min-height: var(--fds-sizing-8);
2002
1977
  }
2003
1978
 
2004
- .fds-switch-medium-72679bdc,
2005
- .fds-switch-medium-72679bdc .fds-switch-label-72679bdc {
1979
+ .fds-switch-medium-9a6b03bc,
1980
+ .fds-switch-medium-9a6b03bc .fds-switch-label-9a6b03bc {
2006
1981
  min-height: var(--fds-sizing-10);
2007
1982
  }
2008
1983
 
2009
- .fds-switch-large-72679bdc,
2010
- .fds-switch-large-72679bdc .fds-switch-label-72679bdc {
1984
+ .fds-switch-large-9a6b03bc,
1985
+ .fds-switch-large-9a6b03bc .fds-switch-label-9a6b03bc {
2011
1986
  min-height: var(--fds-sizing-12);
2012
1987
  }
2013
1988
 
2014
- .fds-switch-small-72679bdc {
1989
+ .fds-switch-small-9a6b03bc {
2015
1990
  --fds-switch-height: 1.5rem;
2016
1991
  --fds-switch-width: 2.5rem;
2017
1992
  }
2018
1993
 
2019
- .fds-switch-small-72679bdc .fds-switch-input-72679bdc {
1994
+ .fds-switch-small-9a6b03bc .fds-switch-input-9a6b03bc {
2020
1995
  left: -0.25rem;
2021
1996
  top: -0.25rem;
2022
1997
  }
2023
1998
 
2024
- .fds-switch-medium-72679bdc {
1999
+ .fds-switch-medium-9a6b03bc {
2025
2000
  --fds-switch-height: 1.75rem;
2026
2001
  --fds-switch-width: 3rem;
2027
2002
  }
2028
2003
 
2029
- .fds-switch-medium-72679bdc .fds-switch-input-72679bdc {
2004
+ .fds-switch-medium-9a6b03bc .fds-switch-input-9a6b03bc {
2030
2005
  left: 0;
2031
2006
  top: 0;
2032
2007
  }
2033
2008
 
2034
- .fds-switch-large-72679bdc {
2009
+ .fds-switch-large-9a6b03bc {
2035
2010
  --fds-switch-height: 2rem;
2036
2011
  --fds-switch-width: 3.5rem;
2037
2012
  }
2038
2013
 
2039
- .fds-switch-large-72679bdc .fds-switch-input-72679bdc {
2014
+ .fds-switch-large-9a6b03bc .fds-switch-input-9a6b03bc {
2040
2015
  left: 0;
2041
2016
  top: 0.25rem;
2042
2017
  }
2043
2018
 
2044
- .fds-switch-label-72679bdc:has(.fds-switch-track-72679bdc:only-child) {
2019
+ .fds-switch-label-9a6b03bc:has(.fds-switch-track-9a6b03bc:only-child) {
2045
2020
  grid-template-columns: auto;
2046
2021
  }
2047
2022
 
2048
- .fds-switch-label-72679bdc:has(.fds-switch-track-72679bdc:only-child) .fds-switch-track-72679bdc {
2023
+ .fds-switch-label-9a6b03bc:has(.fds-switch-track-9a6b03bc:only-child) .fds-switch-track-9a6b03bc {
2049
2024
  margin-right: 0;
2050
2025
  }
2051
2026
 
2052
- .fds-switch-input-72679bdc:focus-visible + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
2027
+ .fds-switch-input-9a6b03bc:focus-visible + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
2053
2028
  outline: var(--fds-switch-focus-border-width) solid var(--fds-semantic-border-focus-outline);
2054
2029
  box-shadow: inset 0 0 0 var(--fds-switch-focus-border-width) var(--fds-semantic-border-focus-boxshadow);
2055
2030
  }
2056
2031
 
2057
- .fds-switch-input-72679bdc:not([readonly]):checked + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
2032
+ .fds-switch-input-9a6b03bc:not([readonly]):checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
2058
2033
  background-color: var(--fds-semantic-surface-success-default);
2059
2034
  }
2060
2035
 
2061
- .fds-switch-thumb-72679bdc {
2036
+ .fds-switch-thumb-9a6b03bc {
2062
2037
  scale: 0.8;
2063
2038
  position: absolute;
2064
2039
  height: var(--fds-switch-height);
@@ -2068,53 +2043,53 @@
2068
2043
  transition: transform var(--fds-transition) ease;
2069
2044
  }
2070
2045
 
2071
- .fds-switch-input-72679bdc:checked + .fds-switch-label-72679bdc .fds-switch-track-72679bdc .fds-switch-thumb-72679bdc {
2046
+ .fds-switch-input-9a6b03bc:checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc .fds-switch-thumb-9a6b03bc {
2072
2047
  transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 1.2));
2073
2048
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%23118849' /%3E%3C/svg%3E");
2074
2049
  }
2075
2050
 
2076
- .fds-switch-readonly-72679bdc .fds-switch-input-72679bdc[readonly] + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
2051
+ .fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly] + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
2077
2052
  box-shadow: inset 0 0 0 2px var(--fds-semantic-border-neutral-subtle);
2078
2053
  background-color: var(--fds-semantic-background-subtle);
2079
2054
  }
2080
2055
 
2081
- .fds-switch-readonly-72679bdc .fds-switch-input-72679bdc[readonly] + .fds-switch-label-72679bdc .fds-switch-track-72679bdc > .fds-switch-thumb-72679bdc {
2056
+ .fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly] + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
2082
2057
  background-color: var(--fds-semantic-border-neutral-default);
2083
2058
  }
2084
2059
 
2085
- .fds-switch-readonly-72679bdc .fds-switch-input-72679bdc[readonly]:checked + .fds-switch-label-72679bdc .fds-switch-track-72679bdc .fds-switch-thumb-72679bdc {
2060
+ .fds-switch-readonly-9a6b03bc .fds-switch-input-9a6b03bc[readonly]:checked + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc .fds-switch-thumb-9a6b03bc {
2086
2061
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%23f4f5f6' /%3E%3C/svg%3E");
2087
2062
  }
2088
2063
 
2089
2064
  @media (hover: hover) and (pointer: fine) {
2090
- .fds-switch-input-72679bdc:not([readonly], :disabled):hover + .fds-switch-label-72679bdc .fds-switch-track-72679bdc > .fds-switch-thumb-72679bdc {
2065
+ .fds-switch-input-9a6b03bc:not([readonly], :disabled):hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
2091
2066
  transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 0.2));
2092
2067
  }
2093
2068
 
2094
- .fds-switch-input-72679bdc:not([readonly], :disabled):hover + .fds-switch-label-72679bdc {
2069
+ .fds-switch-input-9a6b03bc:not([readonly], :disabled):hover + .fds-switch-label-9a6b03bc {
2095
2070
  color: var(--fds-semantic-border-input-hover);
2096
2071
  }
2097
2072
 
2098
- .fds-switch-input-72679bdc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-72679bdc .fds-switch-track-72679bdc > .fds-switch-thumb-72679bdc {
2073
+ .fds-switch-input-9a6b03bc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc > .fds-switch-thumb-9a6b03bc {
2099
2074
  transform: translateX(calc((var(--fds-switch-width) - var(--fds-switch-height)) * 0.8));
2100
2075
  background-image: url("data:image/svg+xml,%3Csvg viewBox='-3 -3 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.1339 2.86612C10.622 3.35427 10.622 4.14573 10.1339 4.63388L5.88388 8.88388C5.39573 9.37204 4.60427 9.37204 4.11612 8.88388L1.86612 6.63388C1.37796 6.14573 1.37796 5.35427 1.86612 4.86612C2.35427 4.37796 3.14573 4.37796 3.63388 4.86612L5 6.23223L8.36612 2.86612C8.85427 2.37796 9.64573 2.37796 10.1339 2.86612Z' fill='%230c6536' /%3E%3C/svg%3E");
2101
2076
  }
2102
2077
 
2103
- .fds-switch-input-72679bdc:not(:checked, :disabled, [readonly]):hover + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
2078
+ .fds-switch-input-9a6b03bc:not(:checked, :disabled, [readonly]):hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
2104
2079
  background-color: var(--fds-semantic-surface-neutral-dark-hover);
2105
2080
  }
2106
2081
 
2107
- .fds-switch-input-72679bdc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-72679bdc .fds-switch-track-72679bdc {
2082
+ .fds-switch-input-9a6b03bc:not(:disabled, [readonly]):checked:hover + .fds-switch-label-9a6b03bc .fds-switch-track-9a6b03bc {
2108
2083
  background-color: var(--fds-semantic-surface-success-hover);
2109
2084
  }
2110
2085
  }
2111
2086
 
2112
- .fds-textfield-formField-147467c0 {
2087
+ .fds-textfield-formField-d98267a0 {
2113
2088
  display: grid;
2114
2089
  gap: var(--fds-spacing-2);
2115
2090
  }
2116
2091
 
2117
- .fds-textfield-adornment-147467c0 {
2092
+ .fds-textfield-adornment-d98267a0 {
2118
2093
  color: var(--fds-semantic-border-neutral-default);
2119
2094
  background: var(--fds-semantic-surface-neutral-subtle);
2120
2095
  padding: 9px var(--fds-spacing-4);
@@ -2124,7 +2099,7 @@
2124
2099
  display: inline-block;
2125
2100
  }
2126
2101
 
2127
- .fds-textfield-input-147467c0 {
2102
+ .fds-textfield-input-d98267a0 {
2128
2103
  font: inherit;
2129
2104
  font-family: inherit;
2130
2105
  position: relative;
@@ -2137,56 +2112,56 @@
2137
2112
  border-radius: var(--fds-border_radius-medium);
2138
2113
  }
2139
2114
 
2140
- .fds-textfield-disabled-147467c0 .fds-textfield-input-147467c0 {
2115
+ .fds-textfield-disabled-d98267a0 .fds-textfield-input-d98267a0 {
2141
2116
  cursor: not-allowed;
2142
2117
  }
2143
2118
 
2144
- .fds-textfield-readonly-147467c0 .fds-textfield-input-147467c0 {
2119
+ .fds-textfield-readonly-d98267a0 .fds-textfield-input-d98267a0 {
2145
2120
  background: var(--fds-semantic-surface-neutral-subtle);
2146
2121
  border-color: var(--fds-semantic-border-neutral-default);
2147
2122
  }
2148
2123
 
2149
- .fds-textfield-field-147467c0 {
2124
+ .fds-textfield-field-d98267a0 {
2150
2125
  display: flex;
2151
2126
  align-items: stretch;
2152
2127
  border-radius: var(--fds-border_radius-medium);
2153
2128
  }
2154
2129
 
2155
- .fds-textfield-field-147467c0 > *:first-child {
2130
+ .fds-textfield-field-d98267a0 > *:first-child {
2156
2131
  border-top-left-radius: var(--fds-border_radius-medium);
2157
2132
  border-bottom-left-radius: var(--fds-border_radius-medium);
2158
2133
  }
2159
2134
 
2160
- .fds-textfield-field-147467c0 > *:last-child {
2135
+ .fds-textfield-field-d98267a0 > *:last-child {
2161
2136
  border-top-right-radius: var(--fds-border_radius-medium);
2162
2137
  border-bottom-right-radius: var(--fds-border_radius-medium);
2163
2138
  }
2164
2139
 
2165
- .fds-textfield-formField-147467c0.fds-textfield-small-147467c0 .fds-textfield-adornment-147467c0 {
2140
+ .fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-adornment-d98267a0 {
2166
2141
  padding: 6.5px var(--fds-spacing-3);
2167
2142
  }
2168
2143
 
2169
- .fds-textfield-formField-147467c0.fds-textfield-medium-147467c0 .fds-textfield-adornment-147467c0 {
2144
+ .fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-adornment-d98267a0 {
2170
2145
  padding: 9px var(--fds-spacing-4);
2171
2146
  }
2172
2147
 
2173
- .fds-textfield-formField-147467c0.fds-textfield-large-147467c0 .fds-textfield-adornment-147467c0 {
2148
+ .fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-adornment-d98267a0 {
2174
2149
  padding: 11px var(--fds-spacing-5);
2175
2150
  }
2176
2151
 
2177
- .fds-textfield-formField-147467c0.fds-textfield-small-147467c0 .fds-textfield-field-147467c0 {
2152
+ .fds-textfield-formField-d98267a0.fds-textfield-small-d98267a0 .fds-textfield-field-d98267a0 {
2178
2153
  height: var(--fds-sizing-8);
2179
2154
  }
2180
2155
 
2181
- .fds-textfield-formField-147467c0.fds-textfield-medium-147467c0 .fds-textfield-field-147467c0 {
2156
+ .fds-textfield-formField-d98267a0.fds-textfield-medium-d98267a0 .fds-textfield-field-d98267a0 {
2182
2157
  height: var(--fds-sizing-10);
2183
2158
  }
2184
2159
 
2185
- .fds-textfield-formField-147467c0.fds-textfield-large-147467c0 .fds-textfield-field-147467c0 {
2160
+ .fds-textfield-formField-d98267a0.fds-textfield-large-d98267a0 .fds-textfield-field-d98267a0 {
2186
2161
  height: var(--fds-sizing-12);
2187
2162
  }
2188
2163
 
2189
- .fds-textfield-label-147467c0 {
2164
+ .fds-textfield-label-d98267a0 {
2190
2165
  min-width: min-content;
2191
2166
  display: inline-flex;
2192
2167
  flex-direction: row;
@@ -2194,85 +2169,85 @@
2194
2169
  align-items: center;
2195
2170
  }
2196
2171
 
2197
- .fds-textfield-description-147467c0 {
2172
+ .fds-textfield-description-d98267a0 {
2198
2173
  color: var(--fds-semantic-text-neutral-subtle);
2199
2174
  margin-top: calc(var(--fds-spacing-2) * -1);
2200
2175
  }
2201
2176
 
2202
- .fds-textfield-input-147467c0.fds-textfield-small-147467c0 {
2177
+ .fds-textfield-input-d98267a0.fds-textfield-small-d98267a0 {
2203
2178
  padding: 0 var(--fds-spacing-2);
2204
2179
  }
2205
2180
 
2206
- .fds-textfield-input-147467c0.fds-textfield-medium-147467c0 {
2181
+ .fds-textfield-input-d98267a0.fds-textfield-medium-d98267a0 {
2207
2182
  padding: 0 var(--fds-spacing-3);
2208
2183
  }
2209
2184
 
2210
- .fds-textfield-input-147467c0.fds-textfield-large-147467c0 {
2185
+ .fds-textfield-input-d98267a0.fds-textfield-large-d98267a0 {
2211
2186
  padding: 0 var(--fds-spacing-4);
2212
2187
  }
2213
2188
 
2214
- .fds-textfield-disabled-147467c0 {
2189
+ .fds-textfield-disabled-d98267a0 {
2215
2190
  opacity: var(--fds-opacity-disabled);
2216
2191
  }
2217
2192
 
2218
- .fds-textfield-error-147467c0 > .fds-textfield-input-147467c0:not(:focus-visible) {
2193
+ .fds-textfield-error-d98267a0 > .fds-textfield-input-d98267a0:not(:focus-visible) {
2219
2194
  border-color: var(--fds-semantic-border-danger-default);
2220
2195
  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
2221
2196
  }
2222
2197
 
2223
2198
  @media (hover: hover) and (pointer: fine) {
2224
- .fds-textfield-input-147467c0:not(:focus-visible, :disabled, [aria-disabled]):hover {
2199
+ .fds-textfield-input-d98267a0:not(:focus-visible, :disabled, [aria-disabled]):hover {
2225
2200
  border-color: var(--fds-semantic-border-input-hover);
2226
2201
  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
2227
2202
  }
2228
2203
  }
2229
2204
 
2230
- .fds-textfield-inputPrefix-147467c0 {
2205
+ .fds-textfield-inputPrefix-d98267a0 {
2231
2206
  border-top-left-radius: 0;
2232
2207
  border-bottom-left-radius: 0;
2233
2208
  }
2234
2209
 
2235
- .fds-textfield-inputSuffix-147467c0 {
2210
+ .fds-textfield-inputSuffix-d98267a0 {
2236
2211
  border-top-right-radius: 0;
2237
2212
  border-bottom-right-radius: 0;
2238
2213
  }
2239
2214
 
2240
- .fds-textfield-prefix-147467c0 {
2215
+ .fds-textfield-prefix-d98267a0 {
2241
2216
  border-right: 0;
2242
2217
  border-top-right-radius: 0;
2243
2218
  border-bottom-right-radius: 0;
2244
2219
  }
2245
2220
 
2246
- .fds-textfield-suffix-147467c0 {
2221
+ .fds-textfield-suffix-d98267a0 {
2247
2222
  border-left: 0;
2248
2223
  border-top-left-radius: 0;
2249
2224
  border-bottom-left-radius: 0;
2250
2225
  }
2251
2226
 
2252
- .fds-textfield-padlock-147467c0 {
2227
+ .fds-textfield-padlock-d98267a0 {
2253
2228
  height: 1.2em;
2254
2229
  width: 1.2em;
2255
2230
  }
2256
2231
 
2257
- .fds-textfield-errorMessage-147467c0:empty {
2232
+ .fds-textfield-errorMessage-d98267a0:empty {
2258
2233
  display: none;
2259
2234
  }
2260
2235
 
2261
- .fds-textarea-formField-16c1b1dc {
2236
+ .fds-textarea-formField-3d0e29bc {
2262
2237
  display: grid;
2263
2238
  gap: var(--fds-spacing-2);
2264
2239
  }
2265
2240
 
2266
- .fds-textarea-padlock-16c1b1dc {
2241
+ .fds-textarea-padlock-3d0e29bc {
2267
2242
  height: 1.2em;
2268
2243
  width: 1.2em;
2269
2244
  }
2270
2245
 
2271
- .fds-textarea-errorMessage-16c1b1dc:empty {
2246
+ .fds-textarea-errorMessage-3d0e29bc:empty {
2272
2247
  display: none;
2273
2248
  }
2274
2249
 
2275
- .fds-textarea-label-16c1b1dc {
2250
+ .fds-textarea-label-3d0e29bc {
2276
2251
  min-width: min-content;
2277
2252
  display: inline-flex;
2278
2253
  flex-direction: row;
@@ -2280,12 +2255,12 @@
2280
2255
  align-items: center;
2281
2256
  }
2282
2257
 
2283
- .fds-textarea-description-16c1b1dc {
2258
+ .fds-textarea-description-3d0e29bc {
2284
2259
  color: var(--fds-semantic-text-neutral-subtle);
2285
2260
  margin-top: calc(var(--fds-spacing-2) * -1);
2286
2261
  }
2287
2262
 
2288
- .fds-textarea-textarea-16c1b1dc {
2263
+ .fds-textarea-textarea-3d0e29bc {
2289
2264
  font: inherit;
2290
2265
  font-family: inherit;
2291
2266
  position: relative;
@@ -2300,45 +2275,44 @@
2300
2275
  resize: vertical;
2301
2276
  }
2302
2277
 
2303
- .fds-textarea-textarea-16c1b1dc.fds-textarea-small-16c1b1dc {
2278
+ .fds-textarea-textarea-3d0e29bc.fds-textarea-small-3d0e29bc {
2304
2279
  padding: var(--fds-spacing-2);
2305
2280
  }
2306
2281
 
2307
- .fds-textarea-textarea-16c1b1dc.fds-textarea-medium-16c1b1dc {
2282
+ .fds-textarea-textarea-3d0e29bc.fds-textarea-medium-3d0e29bc {
2308
2283
  padding: var(--fds-spacing-3);
2309
2284
  }
2310
2285
 
2311
- .fds-textarea-textarea-16c1b1dc.fds-textarea-large-16c1b1dc {
2286
+ .fds-textarea-textarea-3d0e29bc.fds-textarea-large-3d0e29bc {
2312
2287
  padding: var(--fds-spacing-4);
2313
2288
  }
2314
2289
 
2315
- .fds-textarea-disabled-16c1b1dc {
2290
+ .fds-textarea-disabled-3d0e29bc {
2316
2291
  opacity: var(--fds-opacity-disabled);
2317
2292
  }
2318
2293
 
2319
- .fds-textarea-disabled-16c1b1dc .fds-textarea-textarea-16c1b1dc {
2294
+ .fds-textarea-disabled-3d0e29bc .fds-textarea-textarea-3d0e29bc {
2320
2295
  cursor: not-allowed;
2321
2296
  }
2322
2297
 
2323
- .fds-textarea-readonly-16c1b1dc .fds-textarea-textarea-16c1b1dc {
2298
+ .fds-textarea-readonly-3d0e29bc .fds-textarea-textarea-3d0e29bc {
2324
2299
  background: var(--fds-semantic-surface-neutral-subtle);
2325
2300
  border-color: var(--fds-semantic-border-neutral-default);
2326
2301
  }
2327
2302
 
2328
- .fds-textarea-error-16c1b1dc > .fds-textarea-textarea-16c1b1dc:not(:focus-visible) {
2303
+ .fds-textarea-error-3d0e29bc > .fds-textarea-textarea-3d0e29bc:not(:focus-visible) {
2329
2304
  border-color: var(--fds-semantic-border-danger-default);
2330
2305
  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
2331
2306
  }
2332
2307
 
2333
2308
  @media (hover: hover) and (pointer: fine) {
2334
- .fds-textarea-textarea-16c1b1dc:not(:focus-visible, :disabled, [aria-disabled]):hover {
2309
+ .fds-textarea-textarea-3d0e29bc:not(:focus-visible, :disabled, [aria-disabled]):hover {
2335
2310
  border-color: var(--fds-semantic-border-input-hover);
2336
2311
  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
2337
2312
  }
2338
2313
  }
2339
2314
 
2340
- .fds-tab-tabItem-cb5410d6 {
2341
- --fdsc-icon-size: var(--fds-sizing-4);
2315
+ .fds-tab-tabItem-747ae0b6 {
2342
2316
  --fdsc-bottom-border-color: transparent;
2343
2317
 
2344
2318
  display: flex;
@@ -2357,51 +2331,39 @@
2357
2331
  position: relative;
2358
2332
  }
2359
2333
 
2360
- .fds-tab-tabItem-cb5410d6 > :is(svg, img, i) {
2361
- display: flex;
2362
- height: 1.75em;
2363
- width: auto;
2364
- }
2365
-
2366
- .fds-tab-tabItem-cb5410d6.fds-tab-small-cb5410d6 {
2367
- --fdsc-icon-size: var(--fds-sizing-5);
2368
-
2334
+ .fds-tab-tabItem-747ae0b6.fds-tab-small-747ae0b6 {
2369
2335
  font: var(--fds-typography-interactive-small);
2370
2336
  font-family: inherit;
2371
2337
  padding: var(--fds-spacing-2) var(--fds-spacing-4);
2372
2338
  }
2373
2339
 
2374
- .fds-tab-tabItem-cb5410d6.fds-tab-medium-cb5410d6 {
2375
- --fdsc-icon-size: var(--fds-sizing-6);
2376
-
2340
+ .fds-tab-tabItem-747ae0b6.fds-tab-medium-747ae0b6 {
2377
2341
  font: var(--fds-typography-interactive-medium);
2378
2342
  font-family: inherit;
2379
2343
  padding: var(--fds-spacing-3) var(--fds-spacing-5);
2380
2344
  }
2381
2345
 
2382
- .fds-tab-tabItem-cb5410d6.fds-tab-large-cb5410d6 {
2383
- --fdsc-icon-size: var(--fds-sizing-7);
2384
-
2346
+ .fds-tab-tabItem-747ae0b6.fds-tab-large-747ae0b6 {
2385
2347
  font: var(--fds-typography-interactive-large);
2386
2348
  font-family: inherit;
2387
2349
  padding: var(--fds-spacing-4) var(--fds-spacing-6);
2388
2350
  }
2389
2351
 
2390
2352
  @media (hover: hover) and (pointer: fine) {
2391
- .fds-tab-tabItem-cb5410d6:hover {
2353
+ .fds-tab-tabItem-747ae0b6:hover {
2392
2354
  --fdsc-bottom-border-color: var(--fds-semantic-border-neutral-subtle);
2393
2355
 
2394
2356
  color: var(--fds-semantic-text-neutral-default);
2395
2357
  }
2396
2358
  }
2397
2359
 
2398
- .fds-tab-tabItem-cb5410d6.fds-tab-isActive-cb5410d6 {
2360
+ .fds-tab-tabItem-747ae0b6.fds-tab-isActive-747ae0b6 {
2399
2361
  --fdsc-bottom-border-color: var(--fds-semantic-border-action-default);
2400
2362
 
2401
2363
  color: var(--fds-semantic-text-action-default);
2402
2364
  }
2403
2365
 
2404
- .fds-tab-tabItem-cb5410d6:focus-visible {
2366
+ .fds-tab-tabItem-747ae0b6:focus-visible {
2405
2367
  --fdsc-bottom-border-color: var(--fds-semantic-text-neutral-default);
2406
2368
 
2407
2369
  background: var(--fds-semantic-border-focus-outline);
@@ -2409,7 +2371,7 @@
2409
2371
  outline: none;
2410
2372
  }
2411
2373
 
2412
- .fds-tab-tabItem-cb5410d6::after {
2374
+ .fds-tab-tabItem-747ae0b6::after {
2413
2375
  content: '';
2414
2376
  display: block;
2415
2377
  height: 3px;
@@ -2421,51 +2383,51 @@
2421
2383
  left: 0;
2422
2384
  }
2423
2385
 
2424
- .fds-tablist-tabItemList-382bc5da {
2386
+ .fds-tablist-tabItemList-6cf4b5ba {
2425
2387
  display: flex;
2426
2388
  flex-direction: row;
2427
2389
  border-bottom: var(--fds-border_width-default) solid var(--fds-semantic-border-neutral-subtle);
2428
2390
  }
2429
2391
 
2430
- .fds-tabcontent-tabContent-627713c2 {
2392
+ .fds-tabcontent-tabContent-1c049ba2 {
2431
2393
  font-family: inherit;
2432
2394
  }
2433
2395
 
2434
- .fds-tabcontent-tabContent-627713c2.fds-tabcontent-small-627713c2 {
2396
+ .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-small-1c049ba2 {
2435
2397
  padding: var(--fds-spacing-4);
2436
2398
  }
2437
2399
 
2438
- .fds-tabcontent-tabContent-627713c2.fds-tabcontent-medium-627713c2 {
2400
+ .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-medium-1c049ba2 {
2439
2401
  padding: var(--fds-spacing-5);
2440
2402
  }
2441
2403
 
2442
- .fds-tabcontent-tabContent-627713c2.fds-tabcontent-large-627713c2 {
2404
+ .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-large-1c049ba2 {
2443
2405
  padding: var(--fds-spacing-6);
2444
2406
  }
2445
2407
 
2446
- .fds-tabcontent-tabContent-627713c2.fds-tabcontent-onlyText-627713c2.fds-tabcontent-small-627713c2 {
2408
+ .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-small-1c049ba2 {
2447
2409
  font: var(--fds-typography-interactive-small);
2448
2410
  font-family: inherit;
2449
2411
  }
2450
2412
 
2451
- .fds-tabcontent-tabContent-627713c2.fds-tabcontent-onlyText-627713c2.fds-tabcontent-medium-627713c2 {
2413
+ .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-medium-1c049ba2 {
2452
2414
  font: var(--fds-typography-interactive-medium);
2453
2415
  font-family: inherit;
2454
2416
  }
2455
2417
 
2456
- .fds-tabcontent-tabContent-627713c2.fds-tabcontent-onlyText-627713c2.fds-tabcontent-large-627713c2 {
2418
+ .fds-tabcontent-tabContent-1c049ba2.fds-tabcontent-onlyText-1c049ba2.fds-tabcontent-large-1c049ba2 {
2457
2419
  font: var(--fds-typography-interactive-large);
2458
2420
  font-family: inherit;
2459
2421
  }
2460
2422
 
2461
- .fds-togglegroup-toggleGroupContainer-acca2b17 {
2423
+ .fds-togglegroup-toggleGroupContainer-500caf37 {
2462
2424
  background-color: var(--fds-semantic-background-default);
2463
2425
  border: var(--fds-semantic-border-neutral-default) solid var(--fds-border_width-default);
2464
2426
  border-radius: var(--fds-border_radius-large);
2465
2427
  width: fit-content;
2466
2428
  }
2467
2429
 
2468
- .fds-togglegroup-groupContent-acca2b17 {
2430
+ .fds-togglegroup-groupContent-500caf37 {
2469
2431
  display: inline-grid;
2470
2432
  gap: var(--fds-spacing-1);
2471
2433
  grid-auto-columns: 1fr;
@@ -2473,34 +2435,34 @@
2473
2435
  padding: var(--fds-spacing-1);
2474
2436
  }
2475
2437
 
2476
- .fds-togglegroupitem-toggleGroupItem-4bc7b95:focus-visible {
2438
+ .fds-togglegroupitem-toggleGroupItem-e4b3afb5:focus-visible {
2477
2439
  z-index: 1;
2478
2440
  }
2479
2441
 
2480
- .fds-divider-divider-72ee397b {
2442
+ .fds-divider-divider-ce86dd9b {
2481
2443
  border: none;
2482
2444
  border-top: 1px solid;
2483
2445
  }
2484
2446
 
2485
- .fds-divider-default-72ee397b {
2447
+ .fds-divider-default-ce86dd9b {
2486
2448
  border-color: var(--fds-semantic-border-divider-default);
2487
2449
  }
2488
2450
 
2489
- .fds-divider-strong-72ee397b {
2451
+ .fds-divider-strong-ce86dd9b {
2490
2452
  border-color: var(--fds-semantic-border-divider-strong);
2491
2453
  }
2492
2454
 
2493
- .fds-divider-subtle-72ee397b {
2455
+ .fds-divider-subtle-ce86dd9b {
2494
2456
  border-color: var(--fds-semantic-border-divider-subtle);
2495
2457
  }
2496
2458
 
2497
- .fds-modalcontent-modalContent-37ec52f1 {
2459
+ .fds-modalcontent-modalContent-4af8b711 {
2498
2460
  padding: var(--fds-spacing-2) var(--fds-spacing-6);
2499
2461
  max-height: 80vh;
2500
2462
  overflow-y: auto;
2501
2463
  }
2502
2464
 
2503
- .fds-modal-modal-999bed53 {
2465
+ .fds-modal-modal-a6ba173 {
2504
2466
  padding: 0;
2505
2467
  width: 100%;
2506
2468
  max-width: 650px;
@@ -2509,22 +2471,22 @@
2509
2471
  box-shadow: var(--fds-shadow-xlarge);
2510
2472
  }
2511
2473
 
2512
- .fds-modal-modal-999bed53::backdrop {
2474
+ .fds-modal-modal-a6ba173::backdrop {
2513
2475
  background-color: rgb(0 0 0 / 0.5);
2514
- animation: fds-modal-fade-in-999bed53 300ms ease-in-out;
2476
+ animation: fds-modal-fade-in-a6ba173 300ms ease-in-out;
2515
2477
  }
2516
2478
 
2517
- .fds-modal-modal-999bed53[open] {
2518
- animation: fds-modal-slide-in-999bed53 300ms ease-in-out, fds-modal-fade-in-999bed53 300ms ease-in-out;
2479
+ .fds-modal-modal-a6ba173[open] {
2480
+ animation: fds-modal-slide-in-a6ba173 300ms ease-in-out, fds-modal-fade-in-a6ba173 300ms ease-in-out;
2519
2481
  }
2520
2482
 
2521
- .fds-modal-modal-999bed53 > hr {
2483
+ .fds-modal-modal-a6ba173 > hr {
2522
2484
  margin: var(--fds-spacing-3) 0 !important;
2523
2485
  border-color: var(--fds-semantic-border-divider-subtle);
2524
2486
  }
2525
2487
 
2526
2488
  @media (max-width: 650px) {
2527
- .fds-modal-modal-999bed53 {
2489
+ .fds-modal-modal-a6ba173 {
2528
2490
  min-width: 100%;
2529
2491
  max-width: 100%;
2530
2492
  border-radius: 0;
@@ -2532,20 +2494,20 @@
2532
2494
  }
2533
2495
 
2534
2496
  @media (prefers-reduced-motion: reduce) {
2535
- .fds-modal-modal-999bed53[open] {
2497
+ .fds-modal-modal-a6ba173[open] {
2536
2498
  animation: none;
2537
2499
  }
2538
2500
 
2539
- .fds-modal-modal-999bed53::backdrop {
2501
+ .fds-modal-modal-a6ba173::backdrop {
2540
2502
  animation: none;
2541
2503
  }
2542
2504
  }
2543
2505
 
2544
- .fds-modal-lockScroll-999bed53 {
2506
+ .fds-modal-lockScroll-a6ba173 {
2545
2507
  overflow: hidden;
2546
2508
  }
2547
2509
 
2548
- @keyframes fds-modal-slide-in-999bed53 {
2510
+ @keyframes fds-modal-slide-in-a6ba173 {
2549
2511
  0% {
2550
2512
  transform: translateY(50px);
2551
2513
  }
@@ -2555,7 +2517,7 @@
2555
2517
  }
2556
2518
  }
2557
2519
 
2558
- @keyframes fds-modal-fade-in-999bed53 {
2520
+ @keyframes fds-modal-fade-in-a6ba173 {
2559
2521
  0% {
2560
2522
  opacity: 0;
2561
2523
  }
@@ -2565,7 +2527,7 @@
2565
2527
  }
2566
2528
  }
2567
2529
 
2568
- .fds-modalfooter-modalFooter-d697f79f {
2530
+ .fds-modalfooter-modalFooter-d3aee3bf {
2569
2531
  display: flex;
2570
2532
  align-items: center;
2571
2533
  gap: var(--fds-spacing-4);
@@ -2575,7 +2537,7 @@
2575
2537
  padding-right: var(--fds-spacing-6);
2576
2538
  }
2577
2539
 
2578
- .fds-modalheader-modalHeader-4ace023b {
2540
+ .fds-modalheader-modalHeader-47e4ee5b {
2579
2541
  display: flex;
2580
2542
  justify-content: space-between;
2581
2543
  flex-direction: column;
@@ -2587,32 +2549,32 @@
2587
2549
  color: var(--fds-semantic-text-neutral-default);
2588
2550
  }
2589
2551
 
2590
- .fds-modalheader-modalHeader-4ace023b button {
2552
+ .fds-modalheader-modalHeader-47e4ee5b button {
2591
2553
  position: absolute;
2592
2554
  top: var(--fds-spacing-3);
2593
2555
  right: var(--fds-spacing-3);
2594
2556
  }
2595
2557
 
2596
- .fds-modalheader-modalHeader-4ace023b.fds-modalheader-noCloseButton-4ace023b {
2558
+ .fds-modalheader-modalHeader-47e4ee5b.fds-modalheader-noCloseButton-47e4ee5b {
2597
2559
  padding-right: var(--fds-spacing-6);
2598
2560
  }
2599
2561
 
2600
- .fds-dropdownmenugroup-section-480ce10 {
2562
+ .fds-dropdownmenugroup-section-79852df0 {
2601
2563
  margin: 0;
2602
2564
  padding: 0;
2603
2565
  list-style: none;
2604
2566
  }
2605
2567
 
2606
- .fds-dropdownmenugroup-heading-480ce10 {
2568
+ .fds-dropdownmenugroup-heading-79852df0 {
2607
2569
  padding: var(--fds-spacing-2) var(--fds-spacing-4);
2608
2570
  }
2609
2571
 
2610
- .fds-dropdownmenuitem-item-bfb771d0 {
2572
+ .fds-dropdownmenuitem-item-e01249b0 {
2611
2573
  justify-content: start;
2612
2574
  padding: 0 var(--fds-spacing-4);
2613
2575
  }
2614
2576
 
2615
- .fds-dropdownmenu-dropdown-ef66056f {
2577
+ .fds-dropdownmenu-dropdown-cc18018f {
2616
2578
  position: relative;
2617
2579
  padding: var(--fds-spacing-2);
2618
2580
  z-index: 1500;
@@ -2623,48 +2585,48 @@
2623
2585
  background-color: var(--fds-semantic-background-default);
2624
2586
  }
2625
2587
 
2626
- .fds-dropdownmenu-dropdown-ef66056f.fds-dropdownmenu-small-ef66056f {
2588
+ .fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-small-cc18018f {
2627
2589
  min-width: 240px;
2628
2590
  padding: var(--fds-spacing-2);
2629
2591
  }
2630
2592
 
2631
- .fds-dropdownmenu-dropdown-ef66056f.fds-dropdownmenu-medium-ef66056f {
2593
+ .fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-medium-cc18018f {
2632
2594
  min-width: 260px;
2633
2595
  padding: var(--fds-spacing-3) var(--fds-spacing-2);
2634
2596
  }
2635
2597
 
2636
- .fds-dropdownmenu-dropdown-ef66056f.fds-dropdownmenu-large-ef66056f {
2598
+ .fds-dropdownmenu-dropdown-cc18018f.fds-dropdownmenu-large-cc18018f {
2637
2599
  min-width: 280px;
2638
2600
  padding: var(--fds-spacing-4) var(--fds-spacing-2);
2639
2601
  }
2640
2602
 
2641
- .fds-dropdownmenu-dropdown-ef66056f > hr {
2603
+ .fds-dropdownmenu-dropdown-cc18018f > hr {
2642
2604
  border-color: var(--fds-semantic-border-divider-subtle) !important;
2643
2605
  }
2644
2606
 
2645
- .fds-search-formField-7eb2965c {
2607
+ .fds-search-formField-a6b5fe3c {
2646
2608
  display: inline-grid;
2647
2609
  width: 100%;
2648
2610
  gap: var(--fds-spacing-2);
2649
2611
  }
2650
2612
 
2651
- .fds-search-formField-7eb2965c.fds-search-small-7eb2965c {
2613
+ .fds-search-formField-a6b5fe3c.fds-search-small-a6b5fe3c {
2652
2614
  --f-search-button-clear-size: var(--fds-sizing-5);
2653
2615
  }
2654
2616
 
2655
- .fds-search-formField-7eb2965c.fds-search-medium-7eb2965c {
2617
+ .fds-search-formField-a6b5fe3c.fds-search-medium-a6b5fe3c {
2656
2618
  --f-search-button-clear-size: var(--fds-sizing-6);
2657
2619
  }
2658
2620
 
2659
- .fds-search-formField-7eb2965c.fds-search-large-7eb2965c {
2621
+ .fds-search-formField-a6b5fe3c.fds-search-large-a6b5fe3c {
2660
2622
  --f-search-button-clear-size: var(--fds-sizing-8);
2661
2623
  }
2662
2624
 
2663
- .fds-search-errorMessage-7eb2965c:empty {
2625
+ .fds-search-errorMessage-a6b5fe3c:empty {
2664
2626
  display: none;
2665
2627
  }
2666
2628
 
2667
- .fds-search-label-7eb2965c {
2629
+ .fds-search-label-a6b5fe3c {
2668
2630
  min-width: min-content;
2669
2631
  display: inline-flex;
2670
2632
  flex-direction: row;
@@ -2672,7 +2634,7 @@
2672
2634
  align-items: center;
2673
2635
  }
2674
2636
 
2675
- .fds-search-field-7eb2965c {
2637
+ .fds-search-field-a6b5fe3c {
2676
2638
  display: flex;
2677
2639
  width: 100%;
2678
2640
  align-items: stretch;
@@ -2680,12 +2642,13 @@
2680
2642
  position: relative;
2681
2643
  }
2682
2644
 
2683
- .fds-search-icon-7eb2965c {
2645
+ .fds-search-icon-a6b5fe3c {
2684
2646
  position: absolute;
2685
2647
  height: 100%;
2686
2648
  z-index: 2;
2687
2649
  left: var(--fds-spacing-3);
2688
2650
  transform: scale(1.5);
2651
+ pointer-events: none;
2689
2652
  }
2690
2653
 
2691
2654
  [type='search']::-webkit-search-decoration,
@@ -2693,7 +2656,7 @@
2693
2656
  appearance: none;
2694
2657
  }
2695
2658
 
2696
- .fds-search-input-7eb2965c {
2659
+ .fds-search-input-a6b5fe3c {
2697
2660
  font: inherit;
2698
2661
  font-family: inherit;
2699
2662
  position: relative;
@@ -2707,34 +2670,34 @@
2707
2670
  border-radius: var(--fds-border_radius-medium);
2708
2671
  }
2709
2672
 
2710
- .fds-search-input-7eb2965c.fds-search-withSearchButton-7eb2965c {
2673
+ .fds-search-input-a6b5fe3c.fds-search-withSearchButton-a6b5fe3c {
2711
2674
  border-top-right-radius: 0;
2712
2675
  border-bottom-right-radius: 0;
2713
2676
  }
2714
2677
 
2715
- .fds-search-input-7eb2965c:disabled {
2678
+ .fds-search-input-a6b5fe3c:disabled {
2716
2679
  cursor: not-allowed;
2717
2680
  }
2718
2681
 
2719
- .fds-search-input-7eb2965c[type='search']:focus-visible {
2682
+ .fds-search-input-a6b5fe3c[type='search']:focus-visible {
2720
2683
  z-index: 1;
2721
2684
  }
2722
2685
 
2723
- .fds-search-disabled-7eb2965c {
2686
+ .fds-search-disabled-a6b5fe3c {
2724
2687
  opacity: var(--fds-opacity-disabled);
2725
2688
  }
2726
2689
 
2727
- .fds-search-searchButton-7eb2965c {
2690
+ .fds-search-searchButton-a6b5fe3c {
2728
2691
  border-left: 0;
2729
2692
  border-top-left-radius: 0;
2730
2693
  border-bottom-left-radius: 0;
2731
2694
  }
2732
2695
 
2733
- .fds-search-searchButton-7eb2965c:focus-visible {
2696
+ .fds-search-searchButton-a6b5fe3c:focus-visible {
2734
2697
  z-index: 1;
2735
2698
  }
2736
2699
 
2737
- .fds-search-clearButton-7eb2965c {
2700
+ .fds-search-clearButton-a6b5fe3c {
2738
2701
  color: var(--fds-semantic-text-neutral-default);
2739
2702
  display: inline-flex;
2740
2703
  align-items: center;
@@ -2754,7 +2717,7 @@
2754
2717
  z-index: 2;
2755
2718
  }
2756
2719
 
2757
- .fds-search-input-7eb2965c.fds-search-small-7eb2965c {
2720
+ .fds-search-input-a6b5fe3c.fds-search-small-a6b5fe3c {
2758
2721
  --f-search-button-clear-size: var(--fds-sizing-4);
2759
2722
 
2760
2723
  height: var(--fds-sizing-8);
@@ -2762,7 +2725,7 @@
2762
2725
  padding-right: 2.5em;
2763
2726
  }
2764
2727
 
2765
- .fds-search-input-7eb2965c.fds-search-medium-7eb2965c {
2728
+ .fds-search-input-a6b5fe3c.fds-search-medium-a6b5fe3c {
2766
2729
  --f-search-button-clear-size: var(--fds-sizing-6);
2767
2730
 
2768
2731
  height: var(--fds-sizing-10);
@@ -2770,7 +2733,7 @@
2770
2733
  padding-right: 2.2em;
2771
2734
  }
2772
2735
 
2773
- .fds-search-input-7eb2965c.fds-search-large-7eb2965c {
2736
+ .fds-search-input-a6b5fe3c.fds-search-large-a6b5fe3c {
2774
2737
  --f-search-button-clear-size: var(--fds-sizing-12);
2775
2738
 
2776
2739
  height: var(--fds-sizing-12);
@@ -2778,47 +2741,47 @@
2778
2741
  padding-right: 2em;
2779
2742
  }
2780
2743
 
2781
- .fds-search-input-7eb2965c.fds-search-simple-7eb2965c {
2744
+ .fds-search-input-a6b5fe3c.fds-search-simple-a6b5fe3c {
2782
2745
  padding-left: 2.4em;
2783
2746
  }
2784
2747
 
2785
- .fds-search-error-7eb2965c > .fds-search-input-7eb2965c:not(:focus-visible) {
2748
+ .fds-search-error-a6b5fe3c > .fds-search-input-a6b5fe3c:not(:focus-visible) {
2786
2749
  border-color: var(--fds-semantic-border-danger-default);
2787
2750
  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-danger-default);
2788
2751
  }
2789
2752
 
2790
2753
  @media (hover: hover) and (pointer: fine) {
2791
- .fds-search-input-7eb2965c:not(:focus-visible, :disabled, [aria-disabled]):hover {
2754
+ .fds-search-input-a6b5fe3c:not(:focus-visible, :disabled, [aria-disabled]):hover {
2792
2755
  border-color: var(--fds-semantic-border-input-hover);
2793
2756
  box-shadow: inset 0 0 0 1px var(--fds-semantic-border-input-hover);
2794
2757
  }
2795
2758
 
2796
- .fds-search-clearButton-7eb2965c:not(:focus-visible, :disabled, [aria-disabled]):hover {
2759
+ .fds-search-clearButton-a6b5fe3c:not(:focus-visible, :disabled, [aria-disabled]):hover {
2797
2760
  background: var(--fds-semantic-surface-action-subtle-hover);
2798
2761
  }
2799
2762
  }
2800
2763
 
2801
- .fds-skeleton-skeleton-14bc844f {
2764
+ .fds-skeleton-skeleton-ecbca06f {
2802
2765
  --animation-duration: 0.8s;
2803
2766
 
2804
2767
  height: 1.3em;
2805
2768
  pointer-events: none;
2806
2769
  user-select: none;
2807
2770
  background-color: var(--fds-semantic-surface-neutral-subtle-hover) !important;
2808
- animation: fds-skeleton-opacity-fade-14bc844f var(--animation-duration) linear infinite alternate;
2771
+ animation: fds-skeleton-opacity-fade-ecbca06f var(--animation-duration) linear infinite alternate;
2809
2772
  }
2810
2773
 
2811
- .fds-skeleton-circle-14bc844f {
2774
+ .fds-skeleton-circle-ecbca06f {
2812
2775
  width: 1.3em;
2813
2776
  border-radius: 50%;
2814
2777
  }
2815
2778
 
2816
- .fds-skeleton-rectangle-14bc844f {
2779
+ .fds-skeleton-rectangle-ecbca06f {
2817
2780
  width: 100%;
2818
2781
  border-radius: 0.2em;
2819
2782
  }
2820
2783
 
2821
- .fds-skeleton-text-14bc844f {
2784
+ .fds-skeleton-text-ecbca06f {
2822
2785
  width: 100%;
2823
2786
  height: auto;
2824
2787
  transform-origin: 0 55%;
@@ -2826,27 +2789,27 @@
2826
2789
  border-radius: 0.55em;
2827
2790
  }
2828
2791
 
2829
- .fds-skeleton-text-14bc844f:empty::before {
2792
+ .fds-skeleton-text-ecbca06f:empty::before {
2830
2793
  content: '\00a0';
2831
2794
  }
2832
2795
 
2833
- .fds-skeleton-hasChildren-14bc844f {
2796
+ .fds-skeleton-hasChildren-ecbca06f {
2834
2797
  width: fit-content;
2835
2798
  height: fit-content;
2836
2799
  color: transparent !important;
2837
2800
  }
2838
2801
 
2839
- .fds-skeleton-hasChildren-14bc844f > * {
2802
+ .fds-skeleton-hasChildren-ecbca06f > * {
2840
2803
  visibility: hidden;
2841
2804
  }
2842
2805
 
2843
2806
  @media (prefers-reduced-motion: reduce) {
2844
- .fds-skeleton-skeleton-14bc844f {
2807
+ .fds-skeleton-skeleton-ecbca06f {
2845
2808
  --animation-duration: 1.6s;
2846
2809
  }
2847
2810
  }
2848
2811
 
2849
- @keyframes fds-skeleton-opacity-fade-14bc844f {
2812
+ @keyframes fds-skeleton-opacity-fade-ecbca06f {
2850
2813
  0% {
2851
2814
  opacity: 1;
2852
2815
  }
@@ -2856,91 +2819,91 @@
2856
2819
  }
2857
2820
  }
2858
2821
 
2859
- .fds-box-xsmallShadow-22dfa097 {
2822
+ .fds-box-xsmallShadow-7eee64b7 {
2860
2823
  box-shadow: var(--fds-shadow-xsmall);
2861
2824
  }
2862
2825
 
2863
- .fds-box-smallShadow-22dfa097 {
2826
+ .fds-box-smallShadow-7eee64b7 {
2864
2827
  box-shadow: var(--fds-shadow-small);
2865
2828
  }
2866
2829
 
2867
- .fds-box-mediumShadow-22dfa097 {
2830
+ .fds-box-mediumShadow-7eee64b7 {
2868
2831
  box-shadow: var(--fds-shadow-medium);
2869
2832
  }
2870
2833
 
2871
- .fds-box-largeShadow-22dfa097 {
2834
+ .fds-box-largeShadow-7eee64b7 {
2872
2835
  box-shadow: var(--fds-shadow-large);
2873
2836
  }
2874
2837
 
2875
- .fds-box-xlargeShadow-22dfa097 {
2838
+ .fds-box-xlargeShadow-7eee64b7 {
2876
2839
  box-shadow: var(--fds-shadow-xlarge);
2877
2840
  }
2878
2841
 
2879
- .fds-box-defaultBorderColor-22dfa097 {
2842
+ .fds-box-defaultBorderColor-7eee64b7 {
2880
2843
  border: 1px solid var(--fds-semantic-border-neutral-default);
2881
2844
  }
2882
2845
 
2883
- .fds-box-subtleBorderColor-22dfa097 {
2846
+ .fds-box-subtleBorderColor-7eee64b7 {
2884
2847
  border: 1px solid var(--fds-semantic-border-neutral-subtle);
2885
2848
  }
2886
2849
 
2887
- .fds-box-strongBorderColor-22dfa097 {
2850
+ .fds-box-strongBorderColor-7eee64b7 {
2888
2851
  border: 1px solid var(--fds-semantic-border-neutral-strong);
2889
2852
  }
2890
2853
 
2891
- .fds-box-smallBorderRadius-22dfa097 {
2854
+ .fds-box-smallBorderRadius-7eee64b7 {
2892
2855
  border-radius: var(--fds-border_radius-small);
2893
2856
  }
2894
2857
 
2895
- .fds-box-mediumBorderRadius-22dfa097 {
2858
+ .fds-box-mediumBorderRadius-7eee64b7 {
2896
2859
  border-radius: var(--fds-border_radius-medium);
2897
2860
  }
2898
2861
 
2899
- .fds-box-largeBorderRadius-22dfa097 {
2862
+ .fds-box-largeBorderRadius-7eee64b7 {
2900
2863
  border-radius: var(--fds-border_radius-large);
2901
2864
  }
2902
2865
 
2903
- .fds-box-xlargeBorderRadius-22dfa097 {
2866
+ .fds-box-xlargeBorderRadius-7eee64b7 {
2904
2867
  border-radius: var(--fds-border_radius-xlarge);
2905
2868
  }
2906
2869
 
2907
- .fds-box-xxlargeBorderRadius-22dfa097 {
2870
+ .fds-box-xxlargeBorderRadius-7eee64b7 {
2908
2871
  border-radius: var(--fds-border_radius-xxlarge);
2909
2872
  }
2910
2873
 
2911
- .fds-box-xxxlargeBorderRadius-22dfa097 {
2874
+ .fds-box-xxxlargeBorderRadius-7eee64b7 {
2912
2875
  border-radius: var(--fds-border_radius-xxxlarge);
2913
2876
  }
2914
2877
 
2915
- .fds-box-xxxxlargeBorderRadius-22dfa097 {
2878
+ .fds-box-xxxxlargeBorderRadius-7eee64b7 {
2916
2879
  border-radius: var(--fds-border_radius-xxxxlarge);
2917
2880
  }
2918
2881
 
2919
- .fds-box-fullBorderRadius-22dfa097 {
2882
+ .fds-box-fullBorderRadius-7eee64b7 {
2920
2883
  border-radius: var(--fds-border_radius-full);
2921
2884
  }
2922
2885
 
2923
- .fds-box-defaultBackground-22dfa097 {
2886
+ .fds-box-defaultBackground-7eee64b7 {
2924
2887
  background-color: var(--fds-semantic-background-default);
2925
2888
  }
2926
2889
 
2927
- .fds-box-subtleBackground-22dfa097 {
2890
+ .fds-box-subtleBackground-7eee64b7 {
2928
2891
  background-color: var(--fds-semantic-background-subtle);
2929
2892
  }
2930
2893
 
2931
- .fds-card-media-cae746f {
2894
+ .fds-card-media-a01cb08f {
2932
2895
  width: auto;
2933
2896
  }
2934
2897
 
2935
- .fds-card-media-cae746f > * {
2898
+ .fds-card-media-a01cb08f > * {
2936
2899
  display: flex;
2937
2900
  flex-direction: column;
2938
2901
  width: 100%;
2939
2902
  border: 0;
2940
2903
  }
2941
2904
 
2942
- .fds-card-footer-cae746f,
2943
- .fds-card-content-cae746f {
2905
+ .fds-card-footer-a01cb08f,
2906
+ .fds-card-content-a01cb08f {
2944
2907
  display: flex;
2945
2908
  justify-content: flex-start;
2946
2909
  gap: var(--fds-spacing-4);
@@ -2951,11 +2914,11 @@
2951
2914
  padding: var(--fds-spacing-2) 0;
2952
2915
  }
2953
2916
 
2954
- .fds-card-content-cae746f {
2917
+ .fds-card-content-a01cb08f {
2955
2918
  flex-direction: column;
2956
2919
  }
2957
2920
 
2958
- .fds-card-header-cae746f {
2921
+ .fds-card-header-a01cb08f {
2959
2922
  display: flex;
2960
2923
  flex-direction: column;
2961
2924
  flex-wrap: wrap;
@@ -2965,7 +2928,7 @@
2965
2928
  padding: var(--fds-spacing-2) 0;
2966
2929
  }
2967
2930
 
2968
- .fds-card-card-cae746f {
2931
+ .fds-card-card-a01cb08f {
2969
2932
  display: flex;
2970
2933
  flex-direction: column;
2971
2934
  width: 100%;
@@ -2976,112 +2939,112 @@
2976
2939
  border-radius: var(--fds-border_radius-medium);
2977
2940
  }
2978
2941
 
2979
- .fds-card-card-cae746f a,
2980
- .fds-card-card-cae746f a:visited {
2942
+ .fds-card-card-a01cb08f a,
2943
+ .fds-card-card-a01cb08f a:visited {
2981
2944
  color: var(--fds-semantic-text-neutral-default);
2982
2945
  }
2983
2946
 
2984
- .fds-card-card-cae746f > hr {
2947
+ .fds-card-card-a01cb08f > hr {
2985
2948
  width: 100%;
2986
2949
  margin: var(--fds-spacing-3) 0;
2987
2950
  }
2988
2951
 
2989
- .fds-card-card-cae746f > *:not(.fds-card-media-cae746f, hr) {
2952
+ .fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f, hr) {
2990
2953
  padding-left: var(--fds-spacing-6);
2991
2954
  padding-right: var(--fds-spacing-6);
2992
2955
  }
2993
2956
 
2994
- .fds-card-card-cae746f > *:not(.fds-card-media-cae746f):first-child {
2957
+ .fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f):first-child {
2995
2958
  padding-top: var(--fds-spacing-6);
2996
2959
  }
2997
2960
 
2998
- .fds-card-card-cae746f > *:not(.fds-card-media-cae746f):last-child {
2961
+ .fds-card-card-a01cb08f > *:not(.fds-card-media-a01cb08f):last-child {
2999
2962
  padding-bottom: var(--fds-spacing-6);
3000
2963
  }
3001
2964
 
3002
- .fds-card-media-cae746f:first-child {
2965
+ .fds-card-media-a01cb08f:first-child {
3003
2966
  padding-bottom: var(--fds-spacing-4);
3004
2967
  }
3005
2968
 
3006
- .fds-card-media-cae746f:last-child {
2969
+ .fds-card-media-a01cb08f:last-child {
3007
2970
  padding-top: var(--fds-spacing-6);
3008
2971
  }
3009
2972
 
3010
- .fds-card-linkCard-cae746f {
2973
+ .fds-card-linkCard-a01cb08f {
3011
2974
  text-decoration: none;
3012
2975
  }
3013
2976
 
3014
- .fds-card-linkCard-cae746f h1,
3015
- .fds-card-linkCard-cae746f h2,
3016
- .fds-card-linkCard-cae746f h3,
3017
- .fds-card-linkCard-cae746f h4,
3018
- .fds-card-linkCard-cae746f h5,
3019
- .fds-card-linkCard-cae746f h6 {
2977
+ .fds-card-linkCard-a01cb08f h1,
2978
+ .fds-card-linkCard-a01cb08f h2,
2979
+ .fds-card-linkCard-a01cb08f h3,
2980
+ .fds-card-linkCard-a01cb08f h4,
2981
+ .fds-card-linkCard-a01cb08f h5,
2982
+ .fds-card-linkCard-a01cb08f h6 {
3020
2983
  text-decoration: underline;
3021
2984
  text-decoration-thickness: max(1px, 0.0625rem, 0.1025em);
3022
2985
  text-underline-offset: max(4px, 0.25rem, 0.22em);
3023
2986
  }
3024
2987
 
3025
- .fds-card-neutral-cae746f {
2988
+ .fds-card-neutral-a01cb08f {
3026
2989
  background-color: var(--fds-semantic-surface-neutral-default);
3027
2990
  border: 1px solid var(--fds-semantic-border-neutral-subtle);
3028
2991
  }
3029
2992
 
3030
- .fds-card-subtle-cae746f {
2993
+ .fds-card-subtle-a01cb08f {
3031
2994
  background-color: var(--fds-semantic-surface-neutral-subtle);
3032
2995
  border: 1px solid var(--fds-semantic-border-neutral-subtle);
3033
2996
  }
3034
2997
 
3035
- .fds-card-neutral-cae746f.fds-card-linkCard-cae746f:hover,
3036
- .fds-card-subtle-cae746f.fds-card-linkCard-cae746f:hover {
2998
+ .fds-card-neutral-a01cb08f.fds-card-linkCard-a01cb08f:hover,
2999
+ .fds-card-subtle-a01cb08f.fds-card-linkCard-a01cb08f:hover {
3037
3000
  background-color: var(--fds-semantic-surface-neutral-subtle-hover);
3038
3001
  }
3039
3002
 
3040
- .fds-card-neutral-cae746f.fds-card-linkCard-cae746f:active,
3041
- .fds-card-subtle-cae746f.fds-card-linkCard-cae746f:active {
3003
+ .fds-card-neutral-a01cb08f.fds-card-linkCard-a01cb08f:active,
3004
+ .fds-card-subtle-a01cb08f.fds-card-linkCard-a01cb08f:active {
3042
3005
  background-color: var(--fds-semantic-surface-neutral-subtle-active);
3043
3006
  }
3044
3007
 
3045
- .fds-card-first-cae746f {
3008
+ .fds-card-first-a01cb08f {
3046
3009
  background-color: var(--fds-semantic-surface-first-light);
3047
3010
  border: 1px solid var(--fds-semantic-border-neutral-subtle);
3048
3011
  }
3049
3012
 
3050
- .fds-card-first-cae746f.fds-card-linkCard-cae746f:hover {
3013
+ .fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:hover {
3051
3014
  background-color: var(--fds-semantic-surface-first-light-hover);
3052
3015
  }
3053
3016
 
3054
- .fds-card-first-cae746f.fds-card-linkCard-cae746f:active {
3017
+ .fds-card-first-a01cb08f.fds-card-linkCard-a01cb08f:active {
3055
3018
  background-color: var(--fds-semantic-surface-first-light-active);
3056
3019
  }
3057
3020
 
3058
- .fds-card-second-cae746f {
3021
+ .fds-card-second-a01cb08f {
3059
3022
  background-color: var(--fds-semantic-surface-second-light);
3060
3023
  border: 1px solid var(--fds-semantic-border-neutral-subtle);
3061
3024
  }
3062
3025
 
3063
- .fds-card-second-cae746f.fds-card-linkCard-cae746f:hover {
3026
+ .fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:hover {
3064
3027
  background-color: var(--fds-semantic-surface-second-light-hover);
3065
3028
  }
3066
3029
 
3067
- .fds-card-second-cae746f.fds-card-linkCard-cae746f:active {
3030
+ .fds-card-second-a01cb08f.fds-card-linkCard-a01cb08f:active {
3068
3031
  background-color: var(--fds-semantic-surface-second-light-active);
3069
3032
  }
3070
3033
 
3071
- .fds-card-third-cae746f {
3034
+ .fds-card-third-a01cb08f {
3072
3035
  background-color: var(--fds-semantic-surface-third-light);
3073
3036
  border: 1px solid var(--fds-semantic-border-neutral-subtle);
3074
3037
  }
3075
3038
 
3076
- .fds-card-third-cae746f.fds-card-linkCard-cae746f:hover {
3039
+ .fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:hover {
3077
3040
  background-color: var(--fds-semantic-surface-third-light-hover);
3078
3041
  }
3079
3042
 
3080
- .fds-card-third-cae746f.fds-card-linkCard-cae746f:active {
3043
+ .fds-card-third-a01cb08f.fds-card-linkCard-a01cb08f:active {
3081
3044
  background-color: var(--fds-semantic-surface-third-light-active);
3082
3045
  }
3083
3046
 
3084
- .fds-option-option-6c39c7b6 {
3047
+ .fds-option-option-e45d3bd6 {
3085
3048
  width: 100%;
3086
3049
  display: grid;
3087
3050
  grid-template-columns: 1.2em 1fr;
@@ -3099,21 +3062,21 @@
3099
3062
  font-family: inherit;
3100
3063
  }
3101
3064
 
3102
- .fds-option-option-6c39c7b6.fds-option-active-6c39c7b6 {
3065
+ .fds-option-option-e45d3bd6.fds-option-active-e45d3bd6 {
3103
3066
  background: var(--fds-semantic-surface-action-first-no_fill-hover);
3104
3067
  border-left: 5px solid var(--fds-semantic-border-input-hover);
3105
3068
  }
3106
3069
 
3107
- .fds-option-option-6c39c7b6 > div {
3070
+ .fds-option-option-e45d3bd6 > div {
3108
3071
  align-self: flex-start;
3109
3072
  }
3110
3073
 
3111
- .fds-option-option-6c39c7b6.fds-option-multiple-6c39c7b6 {
3074
+ .fds-option-option-e45d3bd6.fds-option-multiple-e45d3bd6 {
3112
3075
  grid-template-columns: auto 1fr;
3113
3076
  gap: var(--fds-spacing-2);
3114
3077
  }
3115
3078
 
3116
- .fds-option-optionText-6c39c7b6 {
3079
+ .fds-option-optionText-e45d3bd6 {
3117
3080
  margin: auto 0;
3118
3081
  display: flex;
3119
3082
  flex-direction: column;
@@ -3123,23 +3086,23 @@
3123
3086
  color: var(--fds-semantic-text-neutral-default);
3124
3087
  }
3125
3088
 
3126
- .fds-option-active-6c39c7b6 .fds-option-optionText-6c39c7b6 {
3089
+ .fds-option-active-e45d3bd6 .fds-option-optionText-e45d3bd6 {
3127
3090
  color: var(--fds-semantic-text-action-hover);
3128
3091
  }
3129
3092
 
3130
- .fds-option-checkbox-6c39c7b6 {
3093
+ .fds-option-checkbox-e45d3bd6 {
3131
3094
  min-width: unset;
3132
3095
  min-height: unset;
3133
3096
  aspect-ratio: 1 / 1;
3134
3097
  line-height: 0 !important;
3135
3098
  }
3136
3099
 
3137
- .fds-option-checkbox-6c39c7b6 input {
3100
+ .fds-option-checkbox-e45d3bd6 input {
3138
3101
  min-width: unset;
3139
3102
  min-height: unset;
3140
3103
  }
3141
3104
 
3142
- .fds-option-checkbox-6c39c7b6 > span {
3105
+ .fds-option-checkbox-e45d3bd6 > span {
3143
3106
  position: relative;
3144
3107
  min-width: unset;
3145
3108
  min-height: unset;
@@ -3147,7 +3110,7 @@
3147
3110
  width: unset;
3148
3111
  }
3149
3112
 
3150
- .fds-option-selectIconWrapper-6c39c7b6 {
3113
+ .fds-option-selectIconWrapper-e45d3bd6 {
3151
3114
  width: var(--fds-spacing-6);
3152
3115
  aspect-ratio: 1 / 1;
3153
3116
  border: 2px solid var(--fds-semantic-border-input-default);
@@ -3157,24 +3120,24 @@
3157
3120
  place-items: center;
3158
3121
  }
3159
3122
 
3160
- .fds-option-small-6c39c7b6 .fds-option-selectIconWrapper-6c39c7b6 {
3123
+ .fds-option-small-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
3161
3124
  width: var(--fds-spacing-5);
3162
3125
  }
3163
3126
 
3164
- .fds-option-medium-6c39c7b6 .fds-option-selectIconWrapper-6c39c7b6 {
3127
+ .fds-option-medium-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
3165
3128
  width: var(--fds-spacing-6);
3166
3129
  }
3167
3130
 
3168
- .fds-option-large-6c39c7b6 .fds-option-selectIconWrapper-6c39c7b6 {
3131
+ .fds-option-large-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
3169
3132
  width: var(--fds-spacing-7);
3170
3133
  }
3171
3134
 
3172
- .fds-option-selectIconWrapper-6c39c7b6.fds-option-selected-6c39c7b6 {
3135
+ .fds-option-selectIconWrapper-e45d3bd6.fds-option-selected-e45d3bd6 {
3173
3136
  border-color: var(--fds-semantic-border-input-hover);
3174
3137
  background-color: var(--fds-semantic-border-input-hover);
3175
3138
  }
3176
3139
 
3177
- .fds-option-selectIcon-6c39c7b6 {
3140
+ .fds-option-selectIcon-e45d3bd6 {
3178
3141
  box-sizing: border-box;
3179
3142
  padding-top: 0.2em;
3180
3143
  transform: scale(1.4);
@@ -3182,25 +3145,25 @@
3182
3145
  color: var(--fds-semantic-text-neutral-default);
3183
3146
  }
3184
3147
 
3185
- .fds-option-selectIconWrapper-6c39c7b6 .fds-option-selectIcon-6c39c7b6 {
3148
+ .fds-option-selectIconWrapper-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
3186
3149
  padding-top: 0;
3187
3150
  }
3188
3151
 
3189
- .fds-option-active-6c39c7b6 .fds-option-selectIcon-6c39c7b6 {
3152
+ .fds-option-active-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
3190
3153
  stroke: var(--fds-semantic-text-action-hover);
3191
3154
  color: var(--fds-semantic-text-action-hover);
3192
3155
  }
3193
3156
 
3194
- .fds-option-active-6c39c7b6 .fds-option-selectIconWrapper-6c39c7b6 {
3157
+ .fds-option-active-e45d3bd6 .fds-option-selectIconWrapper-e45d3bd6 {
3195
3158
  border-color: var(--fds-semantic-border-input-hover);
3196
3159
  }
3197
3160
 
3198
- .fds-option-selectIconWrapper-6c39c7b6.fds-option-selected-6c39c7b6 .fds-option-selectIcon-6c39c7b6 {
3161
+ .fds-option-selectIconWrapper-e45d3bd6.fds-option-selected-e45d3bd6 .fds-option-selectIcon-e45d3bd6 {
3199
3162
  color: white;
3200
3163
  stroke: white;
3201
3164
  }
3202
3165
 
3203
- .fds-description-description-10814aaa {
3166
+ .fds-description-description-2f709a8a {
3204
3167
  display: flex;
3205
3168
  flex-direction: column;
3206
3169
  flex-wrap: wrap;
@@ -3210,46 +3173,46 @@
3210
3173
  font-family: inherit;
3211
3174
  }
3212
3175
 
3213
- .fds-custom-custom-385f0b36 {
3176
+ .fds-custom-custom-b0827f56 {
3214
3177
  padding: var(--fds-spacing-2) var(--fds-spacing-3);
3215
3178
  }
3216
3179
 
3217
- .fds-custom-large-385f0b36 {
3180
+ .fds-custom-large-b0827f56 {
3218
3181
  font: var(--fds-typography-label-large);
3219
3182
  font-family: inherit;
3220
3183
  font-weight: 400;
3221
3184
  }
3222
3185
 
3223
- .fds-custom-medium-385f0b36 {
3186
+ .fds-custom-medium-b0827f56 {
3224
3187
  font: var(--fds-typography-label-medium);
3225
3188
  font-family: inherit;
3226
3189
  font-weight: 400;
3227
3190
  }
3228
3191
 
3229
- .fds-custom-small-385f0b36 {
3192
+ .fds-custom-small-b0827f56 {
3230
3193
  font: var(--fds-typography-label-small);
3231
3194
  font-family: inherit;
3232
3195
  font-weight: 400;
3233
3196
  }
3234
3197
 
3235
- .fds-combobox-combobox-fe4dfa7c {
3198
+ .fds-combobox-combobox-249a725c {
3236
3199
  display: grid;
3237
3200
  background-color: transparent;
3238
3201
  gap: var(--fds-spacing-2);
3239
3202
  }
3240
3203
 
3241
- .fds-combobox-optionsWrapper-fe4dfa7c {
3204
+ .fds-combobox-optionsWrapper-249a725c {
3242
3205
  padding: var(--fds-spacing-2);
3243
3206
  background: var(--fds-semantic-background-default);
3244
3207
  overflow-y: auto;
3245
3208
  z-index: 1600;
3246
3209
  }
3247
3210
 
3248
- .fds-combobox-readOnly-fe4dfa7c input {
3211
+ .fds-combobox-readOnly-249a725c input {
3249
3212
  pointer-events: none;
3250
3213
  }
3251
3214
 
3252
- .fds-combobox-inputWrapper-fe4dfa7c {
3215
+ .fds-combobox-inputWrapper-249a725c {
3253
3216
  display: flex;
3254
3217
  align-items: center;
3255
3218
  position: relative;
@@ -3263,7 +3226,7 @@
3263
3226
  font-family: inherit;
3264
3227
  }
3265
3228
 
3266
- .fds-combobox-inputWrapper-fe4dfa7c input {
3229
+ .fds-combobox-inputWrapper-249a725c input {
3267
3230
  height: 100%;
3268
3231
  min-width: 50px;
3269
3232
  flex-grow: 1;
@@ -3272,49 +3235,49 @@
3272
3235
  background-color: transparent;
3273
3236
  }
3274
3237
 
3275
- .fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-small-fe4dfa7c {
3238
+ .fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c {
3276
3239
  font: var(--fds-typography-paragraph-small);
3277
3240
  font-family: inherit;
3278
3241
  padding: 5px var(--fds-spacing-2);
3279
3242
  }
3280
3243
 
3281
- .fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-small-fe4dfa7c input {
3244
+ .fds-combobox-inputWrapper-249a725c.fds-combobox-small-249a725c input {
3282
3245
  font: var(--fds-typography-paragraph-small);
3283
3246
  font-family: inherit;
3284
3247
  }
3285
3248
 
3286
- .fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-medium-fe4dfa7c {
3249
+ .fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c {
3287
3250
  font: var(--fds-typography-paragraph-medium);
3288
3251
  font-family: inherit;
3289
3252
  padding: 7px var(--fds-spacing-3);
3290
3253
  }
3291
3254
 
3292
- .fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-medium-fe4dfa7c input {
3255
+ .fds-combobox-inputWrapper-249a725c.fds-combobox-medium-249a725c input {
3293
3256
  font: var(--fds-typography-paragraph-medium);
3294
3257
  font-family: inherit;
3295
3258
  }
3296
3259
 
3297
- .fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-large-fe4dfa7c {
3260
+ .fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c {
3298
3261
  font: var(--fds-typography-paragraph-large);
3299
3262
  font-family: inherit;
3300
3263
  padding: 7px var(--fds-spacing-4);
3301
3264
  }
3302
3265
 
3303
- .fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-large-fe4dfa7c input {
3266
+ .fds-combobox-inputWrapper-249a725c.fds-combobox-large-249a725c input {
3304
3267
  font: var(--fds-typography-paragraph-large);
3305
3268
  font-family: inherit;
3306
3269
  }
3307
3270
 
3308
- .fds-combobox-inputWrapper-fe4dfa7c input:focus {
3271
+ .fds-combobox-inputWrapper-249a725c input:focus {
3309
3272
  outline: none;
3310
3273
  }
3311
3274
 
3312
- .fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-error-fe4dfa7c {
3275
+ .fds-combobox-inputWrapper-249a725c.fds-combobox-error-249a725c {
3313
3276
  border-color: var(--fds-semantic-border-danger-default);
3314
3277
  border-width: 2px;
3315
3278
  }
3316
3279
 
3317
- .fds-combobox-chipAndInput-fe4dfa7c {
3280
+ .fds-combobox-chipAndInput-249a725c {
3318
3281
  display: flex;
3319
3282
  flex-wrap: wrap;
3320
3283
  width: 100%;
@@ -3323,7 +3286,7 @@
3323
3286
  background-color: transparent;
3324
3287
  }
3325
3288
 
3326
- .fds-combobox-chips-fe4dfa7c {
3289
+ .fds-combobox-chips-249a725c {
3327
3290
  display: flex;
3328
3291
  flex-wrap: wrap;
3329
3292
  gap: var(--fds-spacing-1);
@@ -3331,18 +3294,18 @@
3331
3294
  background-color: transparent;
3332
3295
  }
3333
3296
 
3334
- .fds-combobox-arrow-fe4dfa7c {
3297
+ .fds-combobox-arrow-249a725c {
3335
3298
  display: grid;
3336
3299
  place-items: center;
3337
3300
  cursor: pointer;
3338
3301
  }
3339
3302
 
3340
- .fds-combobox-inputWrapper-fe4dfa7c.fds-combobox-readonly-fe4dfa7c {
3303
+ .fds-combobox-inputWrapper-249a725c.fds-combobox-readonly-249a725c {
3341
3304
  background: var(--fds-semantic-surface-neutral-subtle);
3342
3305
  border-color: var(--fds-semantic-border-neutral-default);
3343
3306
  }
3344
3307
 
3345
- .fds-combobox-label-fe4dfa7c {
3308
+ .fds-combobox-label-249a725c {
3346
3309
  min-width: min-content;
3347
3310
  display: inline-flex;
3348
3311
  flex-direction: row;
@@ -3350,12 +3313,12 @@
3350
3313
  align-items: center;
3351
3314
  }
3352
3315
 
3353
- .fds-combobox-description-fe4dfa7c {
3316
+ .fds-combobox-description-249a725c {
3354
3317
  color: var(--fds-semantic-text-neutral-subtle);
3355
3318
  margin-top: calc(var(--fds-spacing-2) * -1);
3356
3319
  }
3357
3320
 
3358
- .fds-combobox-clearButton-fe4dfa7c {
3321
+ .fds-combobox-clearButton-249a725c {
3359
3322
  display: grid;
3360
3323
  place-items: center;
3361
3324
  cursor: pointer;
@@ -3369,47 +3332,47 @@
3369
3332
  aspect-ratio: 1;
3370
3333
  }
3371
3334
 
3372
- .fds-combobox-clearButton-fe4dfa7c.fds-combobox-small-fe4dfa7c {
3335
+ .fds-combobox-clearButton-249a725c.fds-combobox-small-249a725c {
3373
3336
  height: 25px;
3374
3337
  width: 25px;
3375
3338
  }
3376
3339
 
3377
- .fds-combobox-clearButton-fe4dfa7c.fds-combobox-medium-fe4dfa7c {
3340
+ .fds-combobox-clearButton-249a725c.fds-combobox-medium-249a725c {
3378
3341
  height: 29px;
3379
3342
  width: 29px;
3380
3343
  }
3381
3344
 
3382
- .fds-combobox-clearButton-fe4dfa7c.fds-combobox-large-fe4dfa7c {
3345
+ .fds-combobox-clearButton-249a725c.fds-combobox-large-249a725c {
3383
3346
  height: 31px;
3384
3347
  width: 31px;
3385
3348
  }
3386
3349
 
3387
- .fds-combobox-clearButton-fe4dfa7c:not(.fds-combobox-disabled-fe4dfa7c):hover {
3350
+ .fds-combobox-clearButton-249a725c:not(.fds-combobox-disabled-249a725c):hover {
3388
3351
  background-color: var(--fds-semantic-surface-info-subtle-hover);
3389
3352
  }
3390
3353
 
3391
- .fds-combobox-disabled-fe4dfa7c {
3354
+ .fds-combobox-disabled-249a725c {
3392
3355
  opacity: var(--fds-opacity-disabled);
3393
3356
  }
3394
3357
 
3395
- .fds-combobox-disabled-fe4dfa7c * {
3358
+ .fds-combobox-disabled-249a725c * {
3396
3359
  cursor: not-allowed;
3397
3360
  }
3398
3361
 
3399
- .fds-combobox-padlock-fe4dfa7c {
3362
+ .fds-combobox-padlock-249a725c {
3400
3363
  height: 1.2em;
3401
3364
  width: 1.2em;
3402
3365
  }
3403
3366
 
3404
- .fds-combobox-errorMessage-fe4dfa7c {
3367
+ .fds-combobox-errorMessage-249a725c {
3405
3368
  margin-top: var(--fds-spacing-2);
3406
3369
  }
3407
3370
 
3408
- .fds-combobox-errorMessage-fe4dfa7c:empty {
3371
+ .fds-combobox-errorMessage-249a725c:empty {
3409
3372
  display: none;
3410
3373
  }
3411
3374
 
3412
- .fds-combobox-loading-fe4dfa7c {
3375
+ .fds-combobox-loading-249a725c {
3413
3376
  display: flex;
3414
3377
  gap: var(--fds-spacing-2);
3415
3378
  align-content: center;
@@ -3418,7 +3381,7 @@
3418
3381
  /**
3419
3382
  * Apply a focus outline on an element when it is focused with keyboard
3420
3383
  */
3421
- .fds-combobox-inFocus-fe4dfa7c {
3384
+ .fds-combobox-inFocus-249a725c {
3422
3385
  --fds-focus-border-width: 3px;
3423
3386
 
3424
3387
  outline: var(--fds-focus-border-width) solid var(--fds-semantic-border-focus-outline);
@@ -3426,38 +3389,38 @@
3426
3389
  box-shadow: 0 0 0 var(--fds-focus-border-width) var(--fds-semantic-border-focus-boxshadow) !important;
3427
3390
  }
3428
3391
 
3429
- .fds-combobox-showChecked-fe4dfa7c path {
3392
+ .fds-combobox-showChecked-249a725c path {
3430
3393
  display: inline !important;
3431
3394
  }
3432
3395
 
3433
- .fds-combobox-showChecked-fe4dfa7c rect {
3396
+ .fds-combobox-showChecked-249a725c rect {
3434
3397
  stroke: var(--fds-semantic-border-input-hover) !important;
3435
3398
  fill: var(--fds-semantic-border-input-hover) !important;
3436
3399
  }
3437
3400
 
3438
- .fds-empty-empty-a5131d3a {
3401
+ .fds-empty-empty-81c5195a {
3439
3402
  padding: var(--fds-spacing-2) var(--fds-spacing-3);
3440
3403
  }
3441
3404
 
3442
- .fds-empty-large-a5131d3a {
3405
+ .fds-empty-large-81c5195a {
3443
3406
  font: var(--fds-typography-label-large);
3444
3407
  font-family: inherit;
3445
3408
  font-weight: 400;
3446
3409
  }
3447
3410
 
3448
- .fds-empty-medium-a5131d3a {
3411
+ .fds-empty-medium-81c5195a {
3449
3412
  font: var(--fds-typography-label-medium);
3450
3413
  font-family: inherit;
3451
3414
  font-weight: 400;
3452
3415
  }
3453
3416
 
3454
- .fds-empty-small-a5131d3a {
3417
+ .fds-empty-small-81c5195a {
3455
3418
  font: var(--fds-typography-label-small);
3456
3419
  font-family: inherit;
3457
3420
  font-weight: 400;
3458
3421
  }
3459
3422
 
3460
- .fds-table-table-c4ff6291 {
3423
+ .fds-table-table-35cf16b1 {
3461
3424
  position: relative;
3462
3425
  border-collapse: separate;
3463
3426
  border-spacing: 0;
@@ -3467,27 +3430,27 @@
3467
3430
  --border-radius: var(--fds-border_radius-medium);
3468
3431
  }
3469
3432
 
3470
- .fds-table-table-c4ff6291.fds-table-stickyHeader-c4ff6291 {
3433
+ .fds-table-table-35cf16b1.fds-table-stickyHeader-35cf16b1 {
3471
3434
  overflow: auto;
3472
3435
  }
3473
3436
 
3474
- .fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-row-c4ff6291:last-of-type td {
3437
+ .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type td {
3475
3438
  border-bottom: 0;
3476
3439
  }
3477
3440
 
3478
- .fds-table-small-c4ff6291 {
3441
+ .fds-table-small-35cf16b1 {
3479
3442
  --table-padding: var(--fds-spacing-1) var(--fds-spacing-3);
3480
3443
  }
3481
3444
 
3482
- .fds-table-medium-c4ff6291 {
3445
+ .fds-table-medium-35cf16b1 {
3483
3446
  --table-padding: var(--fds-spacing-2) var(--fds-spacing-3);
3484
3447
  }
3485
3448
 
3486
- .fds-table-large-c4ff6291 {
3449
+ .fds-table-large-35cf16b1 {
3487
3450
  --table-padding: var(--fds-spacing-3) var(--fds-spacing-3);
3488
3451
  }
3489
3452
 
3490
- .fds-table-head-c4ff6291 {
3453
+ .fds-table-head-35cf16b1 {
3491
3454
  z-index: 0;
3492
3455
  box-sizing: border-box;
3493
3456
  font: inherit;
@@ -3497,7 +3460,7 @@
3497
3460
  border-bottom: 2px solid var(--fds-semantic-border-divider-default);
3498
3461
  }
3499
3462
 
3500
- .fds-table-headerCell-c4ff6291 {
3463
+ .fds-table-headerCell-35cf16b1 {
3501
3464
  padding: var(--table-padding);
3502
3465
  font: inherit;
3503
3466
  font-family: inherit;
@@ -3506,17 +3469,17 @@
3506
3469
  border-bottom: 2px solid var(--fds-semantic-border-divider-default);
3507
3470
  }
3508
3471
 
3509
- .fds-table-stickyHeader-c4ff6291 .fds-table-head-c4ff6291 .fds-table-headerCell-c4ff6291 {
3472
+ .fds-table-stickyHeader-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1 {
3510
3473
  position: sticky;
3511
3474
  top: 0;
3512
3475
  z-index: 1;
3513
3476
  }
3514
3477
 
3515
- .fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 {
3478
+ .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 {
3516
3479
  padding: 0;
3517
3480
  }
3518
3481
 
3519
- .fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 button {
3482
+ .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button {
3520
3483
  position: relative;
3521
3484
  width: 100%;
3522
3485
  border: none;
@@ -3531,74 +3494,75 @@
3531
3494
  z-index: 2;
3532
3495
  }
3533
3496
 
3534
- .fds-table-headerCell-c4ff6291.fds-table-sorted-c4ff6291 button {
3497
+ .fds-table-headerCell-35cf16b1.fds-table-sorted-35cf16b1 button {
3535
3498
  background-color: var(--fds-semantic-surface-neutral-subtle);
3536
3499
  }
3537
3500
 
3538
- .fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 button:focus {
3501
+ .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button:focus {
3539
3502
  z-index: 3;
3540
3503
  }
3541
3504
 
3542
- .fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 button:hover {
3505
+ .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button:hover {
3543
3506
  background-color: var(--fds-semantic-surface-neutral-subtle-hover);
3544
3507
  }
3545
3508
 
3546
- .fds-table-headerCell-c4ff6291.fds-table-sortable-c4ff6291 button svg {
3509
+ .fds-table-headerCell-35cf16b1.fds-table-sortable-35cf16b1 button svg {
3547
3510
  font-size: 1.2em;
3548
3511
  }
3549
3512
 
3550
- .fds-table-cell-c4ff6291 {
3513
+ .fds-table-cell-35cf16b1 {
3551
3514
  padding: var(--table-padding);
3552
3515
  border-bottom: 1px solid var(--fds-semantic-border-divider-default);
3516
+ background-color: var(--fds-semantic-surface-neutral-default);
3553
3517
  }
3554
3518
 
3555
- .fds-table-row-c4ff6291:hover {
3519
+ .fds-table-row-35cf16b1:hover .fds-table-cell-35cf16b1 {
3556
3520
  background-color: var(--fds-semantic-surface-neutral-subtle-hover);
3557
3521
  }
3558
3522
 
3559
- .fds-table-zebra-c4ff6291 .fds-table-row-c4ff6291 {
3523
+ .fds-table-zebra-35cf16b1 .fds-table-row-35cf16b1 {
3560
3524
  border-bottom: 0;
3561
3525
  }
3562
3526
 
3563
- .fds-table-zebra-c4ff6291 tr:nth-child(even):not(:hover) .fds-table-cell-c4ff6291 {
3527
+ .fds-table-zebra-35cf16b1 tr:nth-child(even):not(:hover) .fds-table-cell-35cf16b1 {
3564
3528
  background-color: var(--fds-semantic-background-subtle);
3565
3529
  }
3566
3530
 
3567
- .fds-table-table-c4ff6291.fds-table-border-c4ff6291 {
3531
+ .fds-table-table-35cf16b1.fds-table-border-35cf16b1 {
3568
3532
  border-radius: var(--border-radius);
3569
3533
  border: 1px solid var(--fds-semantic-border-neutral-default);
3570
3534
  }
3571
3535
 
3572
- .fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-head-c4ff6291 .fds-table-headerCell-c4ff6291:first-of-type {
3536
+ .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1:first-of-type {
3573
3537
  border-top-left-radius: var(--border-radius);
3574
3538
  overflow: hidden;
3575
3539
  }
3576
3540
 
3577
- .fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-head-c4ff6291 .fds-table-headerCell-c4ff6291:last-of-type {
3541
+ .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-head-35cf16b1 .fds-table-headerCell-35cf16b1:last-of-type {
3578
3542
  border-top-right-radius: var(--border-radius);
3579
3543
  overflow: hidden;
3580
3544
  }
3581
3545
 
3582
- .fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-row-c4ff6291:last-of-type .fds-table-cell-c4ff6291:first-of-type {
3546
+ .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type .fds-table-cell-35cf16b1:first-of-type {
3583
3547
  border-bottom-left-radius: var(--border-radius);
3584
3548
  overflow: hidden;
3585
3549
  }
3586
3550
 
3587
- .fds-table-table-c4ff6291.fds-table-border-c4ff6291 .fds-table-row-c4ff6291:last-of-type .fds-table-cell-c4ff6291:last-of-type {
3551
+ .fds-table-table-35cf16b1.fds-table-border-35cf16b1 .fds-table-row-35cf16b1:last-of-type .fds-table-cell-35cf16b1:last-of-type {
3588
3552
  border-bottom-right-radius: var(--border-radius);
3589
3553
  overflow: hidden;
3590
3554
  }
3591
3555
 
3592
- .fds-errorsummary-errorSummary-3a4ecaaf {
3556
+ .fds-errorsummary-errorSummary-1700c6cf {
3593
3557
  padding: var(--fds-spacing-6) var(--fds-spacing-8);
3594
3558
  border-radius: var(--fds-border_radius-large);
3595
3559
  background-color: var(--fds-semantic-surface-danger-subtle);
3596
3560
  }
3597
3561
 
3598
- .fds-errorsummary-errorSummary-3a4ecaaf a {
3562
+ .fds-errorsummary-errorSummary-1700c6cf a {
3599
3563
  color: var(--fds-semantic-text-neutral-default);
3600
3564
  }
3601
3565
 
3602
- .fds-errorsummary-errorSummary-3a4ecaaf li:last-of-type {
3566
+ .fds-errorsummary-errorSummary-1700c6cf li:last-of-type {
3603
3567
  margin-bottom: 0;
3604
3568
  }