dso-toolkit 81.1.0 → 83.0.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 (42) hide show
  1. package/CHANGELOG.md +33 -0
  2. package/dist/dso.css +57 -1271
  3. package/dist/dso.css.map +1 -1
  4. package/dist/dso.min.css +1 -1
  5. package/dist/dso.min.css.map +1 -1
  6. package/dist/index.js +0 -2
  7. package/package.json +19 -19
  8. package/src/components/definition-list/definition-list.scss +1 -1
  9. package/src/components/form-group/checkboxes/form-group-checkboxes.scss +3 -3
  10. package/src/components/form-group/confirm/form-group-confirm.scss +2 -2
  11. package/src/components/form-group/files/form-group-files.scss +1 -2
  12. package/src/components/form-group/radios/form-group-radios.scss +5 -7
  13. package/src/components/justify-form-groups/justify-form-groups.scss +1 -1
  14. package/src/components/preformatted-text/preformatted-text.scss +1 -1
  15. package/src/dso.scss +0 -6
  16. package/src/global/spacing.scss +17 -0
  17. package/src/utilities.scss +2 -2
  18. package/src/components/accordion/_index.scss +0 -1
  19. package/src/components/accordion/accordion-theme-compact.scss +0 -161
  20. package/src/components/accordion/accordion-theme-conclusion.scss +0 -119
  21. package/src/components/accordion/accordion-theme-default.scss +0 -115
  22. package/src/components/accordion/accordion.scss +0 -400
  23. package/src/components/accordion/accordion.variables.scss +0 -35
  24. package/src/components/accordion/readme.md +0 -33
  25. package/src/components/card/_index.scss +0 -1
  26. package/src/components/card/card.scss +0 -126
  27. package/src/components/card/card.variables.scss +0 -7
  28. package/src/components/document-list/document-list.scss +0 -97
  29. package/src/components/document-list/readme.md +0 -1
  30. package/src/components/progress-bar/_index.scss +0 -2
  31. package/src/components/progress-bar/progress-bar.mixins.scss +0 -27
  32. package/src/components/progress-bar/progress-bar.scss +0 -5
  33. package/src/components/progress-bar/progress-bar.variables.scss +0 -9
  34. package/src/components/progress-bar/readme.md +0 -1
  35. package/src/components/progress-indicator/_index.scss +0 -1
  36. package/src/components/progress-indicator/progress-indicator.mixins.scss +0 -55
  37. package/src/components/progress-indicator/progress-indicator.scss +0 -40
  38. package/src/components/selectable/_index.scss +0 -2
  39. package/src/components/selectable/readme.md +0 -1
  40. package/src/components/selectable/selectable.mixins.scss +0 -238
  41. package/src/components/selectable/selectable.scss +0 -25
  42. package/src/components/selectable/selectable.variables.scss +0 -13
package/dist/dso.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --dso-toolkit-version: "81.1.0";
2
+ --dso-toolkit-version: "83.0.0";
3
3
  }
4
4
 
5
5
  @font-face {
@@ -39,6 +39,11 @@
39
39
  margin-block-start: 16px;
40
40
  }
41
41
 
42
+ dso-accordion .dso-rich-content + dso-accordion,
43
+ dso-accordion dso-accordion + .dso-rich-content {
44
+ margin-block-start: 16px;
45
+ }
46
+
42
47
  .dso-accordion-section.dso-accordion-default .dso-rich-content ul ul, .dso-accordion-section.dso-accordion-compact .dso-rich-content ul ul, .dso-accordion-section.dso-accordion-neutral .dso-rich-content ul ul, .dso-accordion-section.dso-accordion-compact-black .dso-rich-content ul ul {
43
48
  margin-block-end: 0;
44
49
  }
@@ -49,6 +54,13 @@
49
54
  margin-block-end: 0;
50
55
  }
51
56
 
57
+ dso-accordion-section *:first-child:not(.dso-info) {
58
+ margin-block-start: 0;
59
+ }
60
+ dso-accordion-section > *:last-child:not(.dso-info) {
61
+ margin-block-end: 0;
62
+ }
63
+
52
64
  :where(.row:has(.dso-button-row)) + :where(.row:has(:only-child > dl)) {
53
65
  margin-block-start: 16px;
54
66
  }
@@ -106,9 +118,9 @@
106
118
  block-size: 1px;
107
119
  padding: 0;
108
120
  margin: -1px;
109
- overflow: hidden;
110
- clip: rect(0, 0, 0, 0);
111
121
  border: 0;
122
+ overflow: hidden;
123
+ clip-path: inset(0);
112
124
  }
113
125
 
114
126
  html {
@@ -132,799 +144,6 @@ body {
132
144
  overflow-x: hidden;
133
145
  }
134
146
 
135
- .dso-accordion {
136
- margin-block-end: 32px;
137
- }
138
- .dso-accordion .dso-accordion {
139
- margin-block-end: 0;
140
- }
141
- .dso-accordion .dso-section-body {
142
- border-block-start: 0;
143
- margin-block-start: -4px;
144
- padding-block: 20px 16px;
145
- padding-inline: 16px;
146
- }
147
- .dso-accordion .dso-section-body > *:first-child:not(.dso-info) {
148
- margin-block-start: 0;
149
- }
150
- .dso-accordion .dso-section-body > *:last-child:not(.dso-info) {
151
- margin-block-end: 0;
152
- }
153
- .dso-accordion .dso-section-body .dso-rich-content + .dso-accordion,
154
- .dso-accordion .dso-section-body .dso-accordion + .dso-rich-content {
155
- margin-block-start: 16px;
156
- }
157
- .dso-accordion.dso-accordion-reverse-align .dso-section-handle a,
158
- .dso-accordion.dso-accordion-reverse-align .dso-section-handle button {
159
- padding-inline-start: 16px;
160
- padding-inline-end: 48px;
161
- }
162
- .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
163
- .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
164
- inset-inline: auto 0;
165
- }
166
- .dso-accordion.dso-accordion-reverse-align .dso-section-handle a .dso-icon,
167
- .dso-accordion.dso-accordion-reverse-align .dso-section-handle button .dso-icon {
168
- display: block;
169
- float: inline-start;
170
- font-weight: 400;
171
- margin-inline-start: 0;
172
- margin-inline-end: 8px;
173
- padding-inline-start: 0;
174
- text-decoration: underline;
175
- }
176
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-section-handle a::before,
177
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-section-handle button::before,
178
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
179
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
180
- background: url("./di.svg#chevron-down-mauve") no-repeat center;
181
- background-size: cover;
182
- block-size: 24px;
183
- vertical-align: top;
184
- inline-size: 24px;
185
- }
186
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
187
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
188
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
189
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before {
190
- background: url("./di.svg#chevron-up-wit") no-repeat center;
191
- background-size: cover;
192
- block-size: 24px;
193
- vertical-align: top;
194
- inline-size: 24px;
195
- }
196
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
197
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
198
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
199
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
200
- background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-wit"));
201
- }
202
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle,
203
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle {
204
- background-color: #fff;
205
- border: 1px solid #8b4a6a;
206
- border-radius: 4px;
207
- }
208
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a,
209
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button,
210
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a,
211
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button {
212
- color: #8b4a6a;
213
- }
214
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a::before,
215
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button::before,
216
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a::before,
217
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button::before {
218
- background: url("./di.svg#chevron-right-mauve") no-repeat center;
219
- background-size: cover;
220
- block-size: 24px;
221
- vertical-align: top;
222
- inline-size: 24px;
223
- }
224
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a:hover, .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a:active, .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a.active,
225
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button:hover,
226
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button:active,
227
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button.active,
228
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a:hover,
229
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a:active,
230
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a.active,
231
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button:hover,
232
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button:active,
233
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button.active {
234
- color: #8b4a6a;
235
- }
236
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle a .dso-status,
237
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-handle button .dso-status,
238
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle a .dso-status,
239
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-handle button .dso-status {
240
- text-decoration: underline;
241
- color: #000;
242
- }
243
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle,
244
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle {
245
- background-color: #8b4a6a;
246
- border-radius: 0;
247
- border-start-start-radius: 4px;
248
- border-start-end-radius: 4px;
249
- }
250
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a,
251
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button,
252
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a,
253
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button {
254
- color: #fff;
255
- }
256
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a::before,
257
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button::before,
258
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a::before,
259
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button::before {
260
- background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-wit"));
261
- }
262
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
263
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter,
264
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
265
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter {
266
- --dso-attachments-counter-color: #fff;
267
- --dso-icon: var(--di-paperclip-wit);
268
- }
269
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
270
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments,
271
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
272
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments {
273
- color: #fff;
274
- }
275
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
276
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after,
277
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
278
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after {
279
- background-image: var(--_dso-di-background-image, url("./di.svg#paperclip-wit"));
280
- }
281
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle a .dso-status,
282
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open > .dso-section-handle button .dso-status,
283
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle a .dso-status,
284
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open > .dso-section-handle button .dso-status {
285
- color: #fff;
286
- }
287
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-accordion-section.dso-open.dso-nested-accordion,
288
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-accordion-section.dso-open.dso-nested-accordion {
289
- background-color: #e5e5e5;
290
- }
291
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-section-body,
292
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-conclusion):not(.dso-accordion-compact-black) .dso-nested-accordion .dso-accordion .dso-section-body {
293
- border: 1px solid #8b4a6a;
294
- border-radius: 0 0 4px 4px;
295
- }
296
- .dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-section-handle a::before,
297
- .dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-section-handle button::before,
298
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
299
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
300
- background: url("./di.svg#chevron-down-zwart") no-repeat center;
301
- background-size: cover;
302
- block-size: 24px;
303
- vertical-align: top;
304
- inline-size: 24px;
305
- }
306
- .dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
307
- .dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
308
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
309
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before {
310
- background: url("./di.svg#chevron-up-zwart") no-repeat center;
311
- background-size: cover;
312
- block-size: 24px;
313
- vertical-align: top;
314
- inline-size: 24px;
315
- }
316
- .dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
317
- .dso-accordion.dso-accordion-conclusion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
318
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
319
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
320
- background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-zwart"));
321
- }
322
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle,
323
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle {
324
- background-color: #f2f2f2;
325
- border: 1px solid #f2f2f2;
326
- }
327
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a,
328
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button,
329
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a,
330
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button {
331
- color: #000;
332
- }
333
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a::before,
334
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button::before,
335
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
336
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before {
337
- background: url("./di.svg#chevron-right-zwart") no-repeat center;
338
- background-size: cover;
339
- block-size: 24px;
340
- vertical-align: top;
341
- inline-size: 24px;
342
- }
343
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a:hover, .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a:active, .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle a.active,
344
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button:hover,
345
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button:active,
346
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section > .dso-section-handle button.active,
347
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:hover,
348
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:active,
349
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a.active,
350
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:hover,
351
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:active,
352
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button.active {
353
- background-color: #e5e5e5;
354
- }
355
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle,
356
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle {
357
- background-color: #f2f2f2;
358
- }
359
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a,
360
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button,
361
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a,
362
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button {
363
- color: #000;
364
- }
365
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
366
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
367
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
368
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before {
369
- background: url("./di.svg#chevron-down-zwart") no-repeat center;
370
- background-size: cover;
371
- block-size: 24px;
372
- vertical-align: top;
373
- inline-size: 24px;
374
- }
375
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open.dso-nested-accordion,
376
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion {
377
- background-color: #fff;
378
- }
379
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
380
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
381
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
382
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
383
- background: url("./di.svg#chevron-down-zwart") no-repeat center;
384
- background-size: cover;
385
- block-size: 24px;
386
- vertical-align: top;
387
- inline-size: 24px;
388
- }
389
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a dso-attachments-counter,
390
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button dso-attachments-counter,
391
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a dso-attachments-counter,
392
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button dso-attachments-counter {
393
- --dso-attachments-counter-color: #000;
394
- --dso-icon: var(--di-paperclip-zwart);
395
- }
396
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a .dso-attachments,
397
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button .dso-attachments,
398
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a .dso-attachments,
399
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button .dso-attachments {
400
- color: #000;
401
- }
402
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a .dso-attachments::after,
403
- .dso-accordion.dso-accordion-conclusion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button .dso-attachments::after,
404
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle a .dso-attachments::after,
405
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion > .dso-accordion-section:not(.dso-nested-accordion) > .dso-section-handle button .dso-attachments::after {
406
- background-image: var(--_dso-di-background-image, url("./di.svg#paperclip-zwart"));
407
- }
408
- .dso-accordion.dso-accordion-conclusion .dso-section-body,
409
- .dso-accordion.dso-accordion-conclusion .dso-nested-accordion .dso-accordion .dso-section-body {
410
- border: 2px solid #f2f2f2;
411
- }
412
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-section-handle a::before,
413
- .dso-accordion:not(.dso-accordion-compact):not(.dso-accordion-compact-black).dso-accordion-reverse-align .dso-section-handle button::before {
414
- inset-inline-end: 16px;
415
- }
416
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle,
417
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle,
418
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle {
419
- border-block-end: 1px solid transparent;
420
- border-block-start: 1px solid #ccc;
421
- }
422
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a,
423
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button,
424
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a,
425
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a,
426
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button,
427
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a,
428
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button {
429
- color: #39870c;
430
- padding-inline-start: 32px;
431
- }
432
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a::before,
433
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button::before,
434
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
435
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a::before,
436
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button::before,
437
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
438
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before {
439
- background: url("./di.svg#chevron-right-grasgroen") no-repeat center;
440
- background-size: cover;
441
- block-size: 24px;
442
- vertical-align: top;
443
- inline-size: 24px;
444
- }
445
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a::before,
446
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button::before,
447
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
448
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a::before,
449
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button::before,
450
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a::before,
451
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button::before {
452
- inset-inline-start: 0;
453
- }
454
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a:active, .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a.active,
455
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button:hover,
456
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button:active,
457
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button.active,
458
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:hover,
459
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:active,
460
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a.active,
461
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:hover,
462
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:active,
463
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button.active, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a:active, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a.active,
464
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button:hover,
465
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button:active,
466
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button.active,
467
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:hover,
468
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a:active,
469
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a.active,
470
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:hover,
471
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button:active,
472
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button.active {
473
- color: #39870c;
474
- }
475
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle a .dso-status,
476
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-handle button .dso-status,
477
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a .dso-status,
478
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button .dso-status, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle a .dso-status,
479
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-handle button .dso-status,
480
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle a .dso-status,
481
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-handle button .dso-status {
482
- color: #000;
483
- }
484
- .dso-accordion.dso-accordion-compact > .dso-accordion-section:last-child,
485
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section:last-child, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section:last-child,
486
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section:last-child {
487
- border-block-end: 1px solid #ccc;
488
- }
489
- .dso-accordion.dso-accordion-compact > .dso-accordion-section + .dso-accordion-section,
490
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section + .dso-accordion-section, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section + .dso-accordion-section,
491
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section + .dso-accordion-section {
492
- margin-block-start: 0;
493
- }
494
- .dso-accordion.dso-accordion-compact > .dso-accordion-section > .dso-section-body,
495
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-body, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section > .dso-section-body,
496
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section > .dso-section-body {
497
- margin-block-start: 0;
498
- padding-inline-start: 32px;
499
- padding-block-start: 0;
500
- padding-inline-end: 0;
501
- padding-block-end: 12px;
502
- }
503
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle,
504
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle,
505
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle {
506
- background-color: transparent;
507
- }
508
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a,
509
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button,
510
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a,
511
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a,
512
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button,
513
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a,
514
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button {
515
- color: #39870c;
516
- }
517
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a:active, .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a.active,
518
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button:hover,
519
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button:active,
520
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button.active,
521
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a:hover,
522
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a:active,
523
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a.active,
524
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button:hover,
525
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button:active,
526
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button.active, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a:hover, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a:active, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a.active,
527
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button:hover,
528
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button:active,
529
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button.active,
530
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a:hover,
531
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a:active,
532
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a.active,
533
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button:hover,
534
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button:active,
535
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button.active {
536
- color: #39870c;
537
- }
538
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a::before,
539
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button::before,
540
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a::before,
541
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a::before,
542
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button::before,
543
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a::before,
544
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button::before {
545
- background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-grasgroen"));
546
- }
547
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
548
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter,
549
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
550
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
551
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter,
552
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a dso-attachments-counter,
553
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button dso-attachments-counter {
554
- --dso-attachments-counter-color: #666;
555
- --dso-icon: var(--di-paperclip-grijs);
556
- }
557
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
558
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments,
559
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
560
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
561
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments,
562
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments,
563
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments {
564
- color: #666;
565
- }
566
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
567
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after,
568
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
569
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
570
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after,
571
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle a .dso-attachments::after,
572
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-handle button .dso-attachments::after {
573
- background-image: var(--_dso-di-background-image, url("./di.svg#paperclip-grijs"));
574
- }
575
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open > .dso-section-body,
576
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-body, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open > .dso-section-body,
577
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open > .dso-section-body {
578
- border-block-start: 0;
579
- }
580
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
581
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
582
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
583
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
584
- .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
585
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
586
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
587
- background: url("./di.svg#chevron-down-grasgroen") no-repeat center;
588
- background-size: cover;
589
- block-size: 24px;
590
- vertical-align: top;
591
- inline-size: 24px;
592
- }
593
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body,
594
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body,
595
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body {
596
- padding-block-end: 0;
597
- }
598
- .dso-accordion.dso-accordion-compact > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body .dso-accordion-section:last-child,
599
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body .dso-accordion-section:last-child, .dso-accordion.dso-accordion-compact-black > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body .dso-accordion-section:last-child,
600
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion > .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body .dso-accordion-section:last-child {
601
- border-block-end: 0;
602
- }
603
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle a,
604
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle button,
605
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a,
606
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle a,
607
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle button,
608
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a,
609
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button {
610
- padding-inline: 16px 32px;
611
- }
612
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle a::before,
613
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle button::before,
614
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
615
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle a::before,
616
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle button::before,
617
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
618
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
619
- background: url("./di.svg#chevron-down-grasgroen") no-repeat center;
620
- background-size: cover;
621
- block-size: 24px;
622
- vertical-align: top;
623
- inline-size: 24px;
624
- }
625
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle a::before,
626
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-section-handle button::before,
627
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
628
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle a::before,
629
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-section-handle button::before,
630
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle a::before,
631
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-section-handle button::before {
632
- inset-inline-start: auto;
633
- }
634
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align > .dso-accordion-section > .dso-section-body,
635
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align > .dso-accordion-section > .dso-section-body, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align > .dso-accordion-section > .dso-section-body,
636
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align > .dso-accordion-section > .dso-section-body {
637
- padding-inline-start: 16px;
638
- padding-inline-end: 0;
639
- }
640
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
641
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
642
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
643
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
644
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before,
645
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle a::before,
646
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) > .dso-section-handle button::before {
647
- background: url("./di.svg#chevron-up-grasgroen") no-repeat center;
648
- background-size: cover;
649
- block-size: 24px;
650
- vertical-align: top;
651
- inline-size: 24px;
652
- }
653
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
654
- .dso-accordion.dso-accordion-compact.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
655
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
656
- .dso-accordion.dso-accordion-compact .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before, .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
657
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before,
658
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle a::before,
659
- .dso-accordion.dso-accordion-compact-black .dso-nested-accordion .dso-accordion.dso-accordion-reverse-align .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-handle button::before {
660
- background-image: var(--_dso-di-background-image, url("./di.svg#chevron-down-grasgroen"));
661
- }
662
- .dso-accordion.dso-accordion-compact .dso-accordion-wijzigactie-voegtoe, .dso-accordion.dso-accordion-compact-black .dso-accordion-wijzigactie-voegtoe {
663
- background-color: #e4f1d4;
664
- }
665
- .dso-accordion.dso-accordion-compact .dso-accordion-wijzigactie-voegtoe .dso-section-body, .dso-accordion.dso-accordion-compact-black .dso-accordion-wijzigactie-voegtoe .dso-section-body {
666
- background-color: #e4f1d4;
667
- }
668
- .dso-accordion.dso-accordion-compact .dso-accordion-wijzigactie-verwijder, .dso-accordion.dso-accordion-compact-black .dso-accordion-wijzigactie-verwijder {
669
- text-decoration: line-through;
670
- background-color: #f5d8dc;
671
- }
672
- .dso-accordion.dso-accordion-compact .dso-accordion-wijzigactie-verwijder .dso-section-body, .dso-accordion.dso-accordion-compact-black .dso-accordion-wijzigactie-verwijder .dso-section-body {
673
- text-decoration: line-through;
674
- background-color: #f5d8dc;
675
- }
676
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle a,
677
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle a:hover,
678
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle button,
679
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle button:hover {
680
- color: #000;
681
- }
682
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle a::before,
683
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle a:hover::before,
684
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle button::before,
685
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section .dso-section-handle button:hover::before {
686
- background: url("./di.svg#chevron-right-zwart") no-repeat center;
687
- background-size: cover;
688
- block-size: 24px;
689
- vertical-align: top;
690
- inline-size: 24px;
691
- }
692
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a,
693
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a:hover,
694
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button,
695
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button:hover {
696
- color: #000;
697
- }
698
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a::before,
699
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a:hover::before,
700
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button::before,
701
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button:hover::before {
702
- background: url("./di.svg#chevron-down-zwart") no-repeat center;
703
- background-size: cover;
704
- block-size: 24px;
705
- vertical-align: top;
706
- inline-size: 24px;
707
- }
708
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-accordion-section-activate .dso-section-handle {
709
- display: flex;
710
- }
711
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-accordion-section-activate dso-slide-toggle {
712
- margin-block-start: 11px;
713
- margin-inline: 8px;
714
- }
715
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-accordion-section-activate dso-slide-toggle button.dso-slider {
716
- padding-inline-start: 0;
717
- }
718
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-accordion-section-activate dso-slide-toggle button.dso-slider::before, .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-accordion-section-activate dso-slide-toggle button.dso-slider::after,
719
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-accordion-section-activate dso-slide-toggle button.dso-slider:hover::before,
720
- .dso-accordion.dso-accordion-compact-black .dso-accordion-section.dso-accordion-section-activate dso-slide-toggle button.dso-slider:hover::after {
721
- content: none;
722
- }
723
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section:not(.dso-open) .dso-section-handle a::before,
724
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section:not(.dso-open) .dso-section-handle a:hover::before,
725
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section:not(.dso-open) .dso-section-handle button::before,
726
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section:not(.dso-open) .dso-section-handle button:hover::before {
727
- background: url("./di.svg#chevron-down-zwart") no-repeat center;
728
- background-size: cover;
729
- block-size: 24px;
730
- vertical-align: top;
731
- inline-size: 24px;
732
- }
733
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a::before,
734
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle a:hover::before,
735
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button::before,
736
- .dso-accordion.dso-accordion-compact-black.dso-accordion-reverse-align .dso-accordion-section.dso-open:not(.dso-nested-accordion) .dso-section-handle button:hover::before {
737
- background: url("./di.svg#chevron-up-zwart") no-repeat center;
738
- background-size: cover;
739
- block-size: 24px;
740
- vertical-align: top;
741
- inline-size: 24px;
742
- }
743
- .dso-accordion .dso-section-body dl:last-child {
744
- margin-block-end: 0;
745
- }
746
-
747
- .dso-section-handle {
748
- font-weight: 600;
749
- position: relative;
750
- }
751
- .dso-section-handle a {
752
- text-decoration: none;
753
- }
754
- .dso-section-handle a:hover, .dso-section-handle a:focus-visible {
755
- text-decoration: none;
756
- }
757
- .dso-section-handle a:active {
758
- text-decoration: underline;
759
- }
760
- .dso-section-handle a,
761
- .dso-section-handle button {
762
- align-items: flex-start;
763
- background-color: transparent;
764
- border: 0;
765
- display: flex;
766
- padding-block: 12px;
767
- padding-inline: 48px 16px;
768
- text-align: start;
769
- inline-size: 100%;
770
- overflow-wrap: anywhere;
771
- }
772
- .dso-section-handle a::before,
773
- .dso-section-handle button::before {
774
- content: "";
775
- display: inline-block;
776
- inset-inline-start: 16px;
777
- position: absolute;
778
- }
779
- .dso-section-handle a::after,
780
- .dso-section-handle button::after {
781
- content: "";
782
- position: absolute;
783
- inset-inline-end: 16px;
784
- inset-block-start: 12px;
785
- }
786
- .dso-section-handle a .dso-section-handle-addons,
787
- .dso-section-handle button .dso-section-handle-addons {
788
- margin-inline-start: auto;
789
- text-align: end;
790
- }
791
- .dso-section-handle a .dso-section-handle-addons .dso-status,
792
- .dso-section-handle a .dso-section-handle-addons .dso-icon,
793
- .dso-section-handle button .dso-section-handle-addons .dso-status,
794
- .dso-section-handle button .dso-section-handle-addons .dso-icon {
795
- font-weight: 400;
796
- font-size: 14px;
797
- margin-inline-start: 16px;
798
- }
799
- .dso-section-handle a .dso-section-handle-addons dso-attachments-counter,
800
- .dso-section-handle a .dso-section-handle-addons .dso-attachments,
801
- .dso-section-handle button .dso-section-handle-addons dso-attachments-counter,
802
- .dso-section-handle button .dso-section-handle-addons .dso-attachments {
803
- margin-inline-start: 16px;
804
- }
805
- .dso-section-handle a .dso-section-handle-addons .dso-attachments::after,
806
- .dso-section-handle button .dso-section-handle-addons .dso-attachments::after {
807
- background: url("./di.svg#paperclip-grijs") no-repeat center;
808
- background-size: cover;
809
- block-size: 24px;
810
- vertical-align: top;
811
- inline-size: 24px;
812
- }
813
- .dso-section-handle a > .dso-label,
814
- .dso-section-handle button > .dso-label {
815
- padding-inline-start: 8px;
816
- word-break: normal;
817
- }
818
- .dso-section-handle a > .dso-label + .dso-icon, .dso-section-handle a > .dso-label + .dso-attachments, .dso-section-handle a > .dso-label + .dso-status,
819
- .dso-section-handle button > .dso-label + .dso-icon,
820
- .dso-section-handle button > .dso-label + .dso-attachments,
821
- .dso-section-handle button > .dso-label + .dso-status {
822
- margin-inline-start: 0;
823
- }
824
-
825
- :where(.dso-accordion-section) + :where(.dso-accordion-section) {
826
- margin-block-start: 4px;
827
- }
828
-
829
- :where(.dso-accordion-compact, .dso-accordion-compact-black) + :where(.dso-accordion-section) {
830
- margin-block-start: 0;
831
- }
832
-
833
- .dso-accordion-section .dso-section-handle,
834
- .dso-accordion-section > h1.dso-section-handle,
835
- .dso-accordion-section > h2.dso-section-handle,
836
- .dso-accordion-section > h3.dso-section-handle,
837
- .dso-accordion-section > h4.dso-section-handle,
838
- .dso-accordion-section > h5.dso-section-handle {
839
- font-size: 1em;
840
- line-height: 1.375em;
841
- margin: 0;
842
- }
843
- .dso-accordion-section .dso-section-handle a:active,
844
- .dso-accordion-section > h1.dso-section-handle a:active,
845
- .dso-accordion-section > h2.dso-section-handle a:active,
846
- .dso-accordion-section > h3.dso-section-handle a:active,
847
- .dso-accordion-section > h4.dso-section-handle a:active,
848
- .dso-accordion-section > h5.dso-section-handle a:active {
849
- text-decoration: none;
850
- }
851
- .dso-accordion-section.dso-success > .dso-section-handle a,
852
- .dso-accordion-section.dso-success > .dso-section-handle button, .dso-accordion-section.dso-error > .dso-section-handle a,
853
- .dso-accordion-section.dso-error > .dso-section-handle button, .dso-accordion-section.dso-danger > .dso-section-handle a,
854
- .dso-accordion-section.dso-danger > .dso-section-handle button, .dso-accordion-section.dso-warning > .dso-section-handle a,
855
- .dso-accordion-section.dso-warning > .dso-section-handle button, .dso-accordion-section.dso-info > .dso-section-handle a,
856
- .dso-accordion-section.dso-info > .dso-section-handle button {
857
- padding-inline-end: 56px;
858
- }
859
- .dso-accordion-section.dso-success > .dso-section-handle a::after,
860
- .dso-accordion-section.dso-success > .dso-section-handle button::after {
861
- background: url("./di.svg#status-success") no-repeat center;
862
- background-size: cover;
863
- block-size: 24px;
864
- vertical-align: top;
865
- inline-size: 24px;
866
- }
867
- .dso-accordion-section.dso-error > .dso-section-handle a::after,
868
- .dso-accordion-section.dso-error > .dso-section-handle button::after {
869
- background: url("./di.svg#status-error") no-repeat center;
870
- background-size: cover;
871
- block-size: 24px;
872
- vertical-align: top;
873
- inline-size: 24px;
874
- }
875
- .dso-accordion-section.dso-danger > .dso-section-handle a::after,
876
- .dso-accordion-section.dso-danger > .dso-section-handle button::after {
877
- background: url("./di.svg#status-danger") no-repeat center;
878
- background-size: cover;
879
- block-size: 24px;
880
- vertical-align: top;
881
- inline-size: 24px;
882
- }
883
- .dso-accordion-section.dso-warning > .dso-section-handle a::after,
884
- .dso-accordion-section.dso-warning > .dso-section-handle button::after {
885
- background: url("./di.svg#status-warning") no-repeat center;
886
- background-size: cover;
887
- block-size: 24px;
888
- vertical-align: top;
889
- inline-size: 24px;
890
- }
891
- .dso-accordion-section.dso-info > .dso-section-handle a::after,
892
- .dso-accordion-section.dso-info > .dso-section-handle button::after {
893
- background: url("./di.svg#status-info") no-repeat center;
894
- background-size: cover;
895
- block-size: 24px;
896
- vertical-align: top;
897
- inline-size: 24px;
898
- }
899
- .dso-accordion-section.dso-open.dso-nested-accordion {
900
- border-radius: 0 0 4px 4px;
901
- }
902
- .dso-accordion-section.dso-open.dso-nested-accordion > .dso-section-body {
903
- padding-block: 19px 16px;
904
- padding-inline: 17px;
905
- }
906
- .dso-accordion-section.dso-open.dso-nested-accordion .dso-accordion-section .dso-section-body {
907
- background-color: #fff;
908
- }
909
- .dso-accordion-section:not(.dso-open) .dso-section-body {
910
- display: none;
911
- }
912
-
913
- dso-accordion-section > *:first-child:not(.dso-info) {
914
- margin-block-start: 0;
915
- }
916
- dso-accordion-section > *:last-child:not(.dso-info) {
917
- margin-block-end: 0;
918
- }
919
- dso-accordion-section.dso-accordion-compact:last-child, dso-accordion-section.dso-accordion-compact-black:last-child {
920
- border-block-end: 1px solid #ccc;
921
- }
922
-
923
- dso-accordion .dso-rich-content + dso-accordion,
924
- dso-accordion dso-accordion + .dso-rich-content {
925
- margin-block-start: 16px;
926
- }
927
-
928
147
  dso-action-list dso-action-list-item {
929
148
  margin-inline-start: calc((2rem + 16px + 16px + 8px - 8px) * -1);
930
149
  }
@@ -3014,144 +2233,47 @@ a.dso-tertiary, a.dso-tertiary:visited {
3014
2233
  .dso-tertiary + .dso-primary,
3015
2234
  .dso-tertiary + .dso-secondary,
3016
2235
  .dso-tertiary + .dso-tertiary {
3017
- margin-inline-start: 16px;
3018
- }
3019
-
3020
- .dso-button-row {
3021
- align-items: center;
3022
- display: flex;
3023
- flex-wrap: wrap;
3024
- gap: 16px;
3025
- }
3026
- .dso-button-row .dso-primary,
3027
- .dso-button-row .dso-secondary,
3028
- .dso-button-row .dso-tertiary {
3029
- white-space: nowrap;
3030
- }
3031
- .dso-button-row .dso-primary + .dso-primary,
3032
- .dso-button-row .dso-primary + .dso-secondary,
3033
- .dso-button-row .dso-primary + .dso-tertiary,
3034
- .dso-button-row .dso-secondary + .dso-primary,
3035
- .dso-button-row .dso-secondary + .dso-secondary,
3036
- .dso-button-row .dso-secondary + .dso-tertiary,
3037
- .dso-button-row .dso-tertiary + .dso-primary,
3038
- .dso-button-row .dso-tertiary + .dso-secondary,
3039
- .dso-button-row .dso-tertiary + .dso-tertiary {
3040
- margin-inline-start: 0;
3041
- }
3042
- .dso-button-row.dso-emphasized {
3043
- background-color: #f2f2f2;
3044
- gap: 32px;
3045
- padding: 16px;
3046
- }
3047
- .dso-button-row.dso-emphasized .dso-tertiary {
3048
- color: #000;
3049
- }
3050
- .dso-button-row.dso-align-right {
3051
- justify-content: flex-end;
3052
- }
3053
- .dso-button-row.dso-align-center {
3054
- justify-content: center;
3055
- }
3056
- .dso-button-row.dso-no-wrap {
3057
- flex-wrap: nowrap;
3058
- }
3059
-
3060
- .dso-card:has(.dso-card-heading a:is(:hover, :focus-visible)) {
3061
- background-color: #f2f2f2;
3062
- }
3063
- .dso-card:has(.dso-card-heading a:is(:hover, :focus-visible)) .dso-card-heading a:hover {
3064
- color: #275937;
3065
- text-decoration: underline;
3066
- }
3067
- .dso-card.dso-is-selectable .dso-card-container {
3068
- display: grid;
3069
- grid-template-columns: 1fr minmax(0, 100%);
3070
- }
3071
- .dso-card.dso-is-selectable .dso-card-container .dso-card-heading,
3072
- .dso-card.dso-is-selectable .dso-card-container .dso-card-content {
3073
- grid-column: 2/-1;
3074
- }
3075
- .dso-card .dso-rich-content.dso-rich-content :first-child {
3076
- margin-block-start: 0;
3077
- }
3078
- .dso-card .dso-rich-content.dso-rich-content :last-child {
3079
- margin-block-end: 0;
3080
- }
3081
- .dso-card .dso-selectable label {
3082
- font-size: 0;
3083
- }
3084
- .dso-card .dso-card-container {
3085
- padding-block: 16px;
3086
- padding-inline: 16px;
3087
- inline-size: 100%;
3088
- }
3089
- .dso-card .dso-card-container.dso-card-active {
3090
- background-color: #e5e5e5;
3091
- }
3092
- .dso-card .dso-card-container .dso-card-selectable {
3093
- grid-row: span 2;
3094
- }
3095
- .dso-card .dso-card-heading {
3096
- align-items: center;
3097
- display: flex;
3098
- margin-block-end: 8px;
2236
+ margin-inline-start: 16px;
3099
2237
  }
3100
- .dso-card .dso-card-heading h2:first-child,
3101
- .dso-card .dso-card-heading h3:first-child,
3102
- .dso-card .dso-card-heading h4:first-child,
3103
- .dso-card .dso-card-heading h5:first-child {
2238
+
2239
+ .dso-button-row {
3104
2240
  align-items: center;
3105
2241
  display: flex;
3106
- font-size: 1.125em;
3107
- margin-block-end: 0;
3108
- margin-block-start: 0;
3109
- }
3110
- .dso-card .dso-card-heading h2:first-child span,
3111
- .dso-card .dso-card-heading h3:first-child span,
3112
- .dso-card .dso-card-heading h4:first-child span,
3113
- .dso-card .dso-card-heading h5:first-child span {
3114
- margin-inline-end: 4px;
3115
- }
3116
- .dso-card .dso-card-heading h2:first-child span + dso-icon,
3117
- .dso-card .dso-card-heading h3:first-child span + dso-icon,
3118
- .dso-card .dso-card-heading h4:first-child span + dso-icon,
3119
- .dso-card .dso-card-heading h5:first-child span + dso-icon {
3120
- flex-shrink: 0;
3121
- position: relative;
3122
- }
3123
- .dso-card .dso-card-heading a {
3124
- text-decoration: none;
2242
+ flex-wrap: wrap;
2243
+ gap: 16px;
3125
2244
  }
3126
- .dso-card .dso-card-heading a, .dso-card .dso-card-heading a:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary):visited, .dso-card .dso-card-heading a:active, .dso-card .dso-card-heading a:focus-visible {
3127
- color: #275937;
2245
+ .dso-button-row .dso-primary,
2246
+ .dso-button-row .dso-secondary,
2247
+ .dso-button-row .dso-tertiary {
2248
+ white-space: nowrap;
3128
2249
  }
3129
- @media screen and (max-width: 480px) {
3130
- .dso-card .dso-card-heading {
3131
- flex-wrap: wrap;
3132
- }
2250
+ .dso-button-row .dso-primary + .dso-primary,
2251
+ .dso-button-row .dso-primary + .dso-secondary,
2252
+ .dso-button-row .dso-primary + .dso-tertiary,
2253
+ .dso-button-row .dso-secondary + .dso-primary,
2254
+ .dso-button-row .dso-secondary + .dso-secondary,
2255
+ .dso-button-row .dso-secondary + .dso-tertiary,
2256
+ .dso-button-row .dso-tertiary + .dso-primary,
2257
+ .dso-button-row .dso-tertiary + .dso-secondary,
2258
+ .dso-button-row .dso-tertiary + .dso-tertiary {
2259
+ margin-inline-start: 0;
3133
2260
  }
3134
- .dso-card .dso-card-interactions {
3135
- display: flex;
3136
- justify-content: space-between;
3137
- margin-inline-start: auto;
2261
+ .dso-button-row.dso-emphasized {
2262
+ background-color: #f2f2f2;
2263
+ gap: 32px;
2264
+ padding: 16px;
3138
2265
  }
3139
- .dso-card .dso-card-interactions .dso-card-interaction {
3140
- align-items: center;
3141
- display: flex;
3142
- text-align: center;
2266
+ .dso-button-row.dso-emphasized .dso-tertiary {
2267
+ color: #000;
3143
2268
  }
3144
- .dso-card .dso-card-interactions .dso-card-interaction p {
3145
- margin-block-end: 0;
2269
+ .dso-button-row.dso-align-right {
2270
+ justify-content: flex-end;
3146
2271
  }
3147
- .dso-card .dso-card-interactions .dso-info-button {
3148
- margin: 0;
2272
+ .dso-button-row.dso-align-center {
2273
+ justify-content: center;
3149
2274
  }
3150
- @media screen and (max-width: 480px) {
3151
- .dso-card .dso-card-interactions {
3152
- flex-basis: 100%;
3153
- margin-block-start: 16px;
3154
- }
2275
+ .dso-button-row.dso-no-wrap {
2276
+ flex-wrap: nowrap;
3155
2277
  }
3156
2278
 
3157
2279
  dso-card-container[mode=list] > li {
@@ -3469,7 +2591,7 @@ dl.dso-columns > div {
3469
2591
  clear: inline-start;
3470
2592
  float: inline-start;
3471
2593
  inline-size: var(--_dt-dl-dt-inline-size, 200px);
3472
- word-wrap: break-word;
2594
+ overflow-wrap: break-word;
3473
2595
  }
3474
2596
  dl:not(.dso-vertical) dd {
3475
2597
  margin-inline-start: var(--_dt-dl-dd-margin-inline-start, 200px);
@@ -4077,80 +3199,6 @@ dso-document-component[not-applicable] dso-document-component[not-applicable] {
4077
3199
  margin-block-end: calc(8px * 0.5);
4078
3200
  }
4079
3201
 
4080
- .dso-document-list {
4081
- padding-inline-start: 0;
4082
- list-style: none;
4083
- margin-block: 0;
4084
- margin-inline: -16px;
4085
- }
4086
-
4087
- .dso-document-list-item {
4088
- display: flex;
4089
- flex-direction: column;
4090
- }
4091
- .dso-document-list-item.dso-document-list-item-sticky .dso-document-list-item-heading {
4092
- padding-block: 8px;
4093
- padding-inline: 16px;
4094
- }
4095
- .dso-document-list-item.dso-document-list-item-sticky .dso-document-list-item-heading h2 {
4096
- font-size: 1.25rem;
4097
- line-height: 1.2;
4098
- }
4099
- .dso-document-list-item.dso-document-list-item-sticky .dso-document-list-item-heading .dso-document-list-item-container {
4100
- display: none;
4101
- }
4102
- .dso-document-list-item .dso-document-list-item-heading {
4103
- background-color: #f2f2f2;
4104
- color: #000;
4105
- padding: 16px;
4106
- inline-size: 100%;
4107
- }
4108
- .dso-document-list-item .dso-document-list-item-heading a {
4109
- color: #000;
4110
- }
4111
- .dso-document-list-item .dso-document-list-item-heading > :first-child {
4112
- margin: 0;
4113
- }
4114
- .dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-container {
4115
- position: relative;
4116
- }
4117
- .dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-type,
4118
- .dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-owner {
4119
- margin-block: 0 8px;
4120
- margin-inline: 0;
4121
- display: inline-block;
4122
- }
4123
- .dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-status dso-badge,
4124
- .dso-document-list-item .dso-document-list-item-heading .dso-document-list-item-status .dso-badge {
4125
- margin-inline-end: 8px;
4126
- }
4127
- .dso-document-list-item .dso-document-list-item-content {
4128
- padding: 16px;
4129
- }
4130
-
4131
- .dso-document-list-item-open-document {
4132
- float: inline-end;
4133
- }
4134
-
4135
- dso-responsive-element[small] > .dso-document-list .dso-document-list-item-container::before, dso-responsive-element[small] > .dso-document-list .dso-document-list-item-container::after {
4136
- display: table;
4137
- content: " ";
4138
- }
4139
- dso-responsive-element[small] > .dso-document-list .dso-document-list-item-container::after {
4140
- clear: both;
4141
- }
4142
- dso-responsive-element[small] > .dso-document-list .dso-document-list-item-status {
4143
- margin-block: 0 8px;
4144
- margin-inline: 0;
4145
- }
4146
-
4147
- dso-responsive-element:not([small]) > .dso-document-list .dso-document-list-item-type {
4148
- margin-inline-end: 8px;
4149
- }
4150
- dso-responsive-element:not([small]) > .dso-document-list .dso-document-list-item-status {
4151
- margin: 0;
4152
- }
4153
-
4154
3202
  .dso-dropdown-menu {
4155
3203
  display: inline-block;
4156
3204
  }
@@ -4843,7 +3891,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
4843
3891
  }
4844
3892
 
4845
3893
  .form-group.dso-checkboxes.dso-invalid .dso-selectable {
4846
- --dso-selectable-color: #ce3f51;
3894
+ --_dso-selectable-color: #ce3f51;
4847
3895
  }
4848
3896
  .form-group.dso-checkboxes.dso-required .control-label::after {
4849
3897
  content: "";
@@ -4863,7 +3911,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
4863
3911
  }
4864
3912
 
4865
3913
  .form-group.dso-confirm.dso-invalid .dso-selectable {
4866
- --dso-selectable-color: #ce3f51;
3914
+ --_dso-selectable-color: #ce3f51;
4867
3915
  }
4868
3916
  .form-group.dso-confirm.dso-required .control-label::after {
4869
3917
  content: "";
@@ -4894,8 +3942,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
4894
3942
  vertical-align: text-top;
4895
3943
  inline-size: 0.75rem;
4896
3944
  }
4897
- .form-group.dso-files dso-selectable,
4898
- .form-group.dso-files .dso-selectable {
3945
+ .form-group.dso-files dso-selectable {
4899
3946
  margin-block: 4px;
4900
3947
  margin-inline: 0;
4901
3948
  }
@@ -4913,9 +3960,9 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
4913
3960
  block-size: 1px;
4914
3961
  padding: 0;
4915
3962
  margin: -1px;
4916
- overflow: hidden;
4917
- clip: rect(0, 0, 0, 0);
4918
3963
  border: 0;
3964
+ overflow: hidden;
3965
+ clip-path: inset(0);
4919
3966
  }
4920
3967
  .form-group.dso-files .dso-file-upload input[type=file] + label {
4921
3968
  cursor: pointer;
@@ -5065,7 +4112,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
5065
4112
  }
5066
4113
 
5067
4114
  .form-group.dso-radios.dso-invalid .dso-selectable {
5068
- --dso-selectable-color: #ce3f51;
4115
+ --_dso-selectable-color: #ce3f51;
5069
4116
  }
5070
4117
  .form-group.dso-radios.dso-required .control-label::after {
5071
4118
  content: "";
@@ -5081,9 +4128,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
5081
4128
  .form-group.dso-radios.dso-inline {
5082
4129
  --dso-selectable-display: inline-block;
5083
4130
  }
5084
- .form-group.dso-radios.dso-inline .dso-selectable + .dso-selectable {
5085
- margin-inline-start: 24px;
5086
- }
5087
4131
  .form-group.dso-radios.dso-inline dso-selectable + dso-selectable {
5088
4132
  margin-inline-start: 24px;
5089
4133
  }
@@ -7081,7 +6125,7 @@ ins {
7081
6125
  @media (min-width: 768px) {
7082
6126
  .dso-justify-form-groups {
7083
6127
  display: grid;
7084
- grid-gap: 8px;
6128
+ gap: 8px;
7085
6129
  grid-template-rows: repeat(2, auto);
7086
6130
  }
7087
6131
  .dso-justify-form-groups.form-groups-1 {
@@ -8375,77 +7419,7 @@ pre {
8375
7419
  margin-inline: 0;
8376
7420
  padding: 11.5px;
8377
7421
  word-break: break-all;
8378
- word-wrap: break-word;
8379
- }
8380
-
8381
- .progress {
8382
- margin-block-end: 8px;
8383
- }
8384
- .progress .progress-bar {
8385
- background-color: #fff;
8386
- border: 1px solid #39870c;
8387
- display: block;
8388
- block-size: 16px;
8389
- }
8390
- .progress .progress-bar > span {
8391
- background-color: #39870c;
8392
- float: inline-start;
8393
- block-size: 100%;
8394
- inline-size: 0%;
8395
- }
8396
- .progress .progress-bar + span {
8397
- font-size: 14px;
8398
- margin-block-start: 8px;
8399
- }
8400
-
8401
- .dso-progress-indicator .dso-progress-indicator-spinner {
8402
- display: inline-block;
8403
- margin: 0;
8404
- position: relative;
8405
- vertical-align: middle;
8406
- }
8407
- .dso-progress-indicator span.dso-progress-indicator-label {
8408
- margin-inline-start: 16px;
8409
- vertical-align: middle;
8410
- }
8411
- .dso-progress-indicator .dso-progress-indicator-spinner {
8412
- background: url("./di.svg#spinner") no-repeat center;
8413
- background-size: cover;
8414
- block-size: 24px;
8415
- vertical-align: "middle";
8416
- inline-size: 24px;
8417
- }
8418
- .dso-progress-indicator.dso-block {
8419
- align-items: center;
8420
- display: flex;
8421
- justify-content: center;
8422
- }
8423
- .dso-progress-indicator.dso-small .dso-progress-indicator-spinner,
8424
- .dso-progress-indicator.dso-small dso-icon, .dso-progress-indicator:not(.dso-medium):not(.dso-large) .dso-progress-indicator-spinner,
8425
- .dso-progress-indicator:not(.dso-medium):not(.dso-large) dso-icon {
8426
- block-size: 24px;
8427
- inline-size: 24px;
8428
- }
8429
- .dso-progress-indicator.dso-small.dso-block, .dso-progress-indicator:not(.dso-medium):not(.dso-large).dso-block {
8430
- padding-block: 12px;
8431
- padding-inline: 16px;
8432
- }
8433
- .dso-progress-indicator.dso-medium .dso-progress-indicator-spinner,
8434
- .dso-progress-indicator.dso-medium dso-icon {
8435
- block-size: 32px;
8436
- inline-size: 32px;
8437
- }
8438
- .dso-progress-indicator.dso-medium.dso-block {
8439
- padding: 16px;
8440
- }
8441
- .dso-progress-indicator.dso-large .dso-progress-indicator-spinner,
8442
- .dso-progress-indicator.dso-large dso-icon {
8443
- block-size: 48px;
8444
- inline-size: 48px;
8445
- }
8446
- .dso-progress-indicator.dso-large.dso-block {
8447
- padding-block: 24px;
8448
- padding-inline: 16px;
7422
+ overflow-wrap: break-word;
8449
7423
  }
8450
7424
 
8451
7425
  .dso-rich-content p {
@@ -8658,194 +7632,6 @@ optgroup {
8658
7632
  margin: 0;
8659
7633
  }
8660
7634
 
8661
- .dso-selectable {
8662
- position: relative;
8663
- display: var(--dso-selectable-display, block);
8664
- padding-block: 0;
8665
- padding-inline: 32px 0;
8666
- }
8667
- .dso-selectable label {
8668
- font-weight: 400;
8669
- line-height: 24px;
8670
- margin: 0;
8671
- }
8672
- .dso-selectable input[type=checkbox][disabled] + label::before, .dso-selectable input[type=checkbox][disabled]:active + label::before, .dso-selectable input[type=checkbox][disabled]:focus + label::before,
8673
- .dso-selectable input[type=radio][disabled] + label::before,
8674
- .dso-selectable input[type=radio][disabled]:active + label::before,
8675
- .dso-selectable input[type=radio][disabled]:focus + label::before {
8676
- background-color: #fff;
8677
- box-shadow: 0 0 0 2px #e5e5e5;
8678
- }
8679
- .dso-selectable input[type=checkbox],
8680
- .dso-selectable input[type=radio] {
8681
- block-size: 24px;
8682
- inset-inline-start: 0;
8683
- margin: 0;
8684
- opacity: 0;
8685
- position: absolute;
8686
- inset-block-start: 0;
8687
- inline-size: 24px;
8688
- z-index: 100;
8689
- zoom: 1;
8690
- }
8691
- @media (prefers-contrast: more) {
8692
- .dso-selectable input[type=checkbox],
8693
- .dso-selectable input[type=radio] {
8694
- opacity: 1;
8695
- }
8696
- }
8697
- .dso-selectable input[type=checkbox]:not([disabled]),
8698
- .dso-selectable input[type=radio]:not([disabled]) {
8699
- cursor: pointer;
8700
- }
8701
- .dso-selectable input[type=checkbox] + label,
8702
- .dso-selectable input[type=radio] + label {
8703
- display: inline;
8704
- font-style: normal;
8705
- padding-inline-start: 0;
8706
- }
8707
- .dso-selectable input[type=checkbox] + label::before,
8708
- .dso-selectable input[type=radio] + label::before {
8709
- background: #fff;
8710
- border: 0;
8711
- box-shadow: 0 0 0 2px var(--dso-selectable-color, #275937);
8712
- content: "";
8713
- block-size: 20px;
8714
- inset-inline-start: 2px;
8715
- position: absolute;
8716
- inset-block-start: 2px;
8717
- inline-size: 20px;
8718
- }
8719
- .dso-selectable input[type=checkbox]:focus,
8720
- .dso-selectable input[type=radio]:focus {
8721
- outline: 0;
8722
- }
8723
- .dso-selectable input[type=checkbox]:focus + label::before,
8724
- .dso-selectable input[type=radio]:focus + label::before {
8725
- box-shadow: 0 0 0 3px var(--dso-selectable-color, #275937);
8726
- block-size: 18px;
8727
- inset-inline-start: 3px;
8728
- inset-block-start: 3px;
8729
- inline-size: 18px;
8730
- }
8731
- .dso-selectable input[type=checkbox]:active + label::before, .dso-selectable input[type=checkbox].active + label::before,
8732
- .dso-selectable input[type=radio]:active + label::before,
8733
- .dso-selectable input[type=radio].active + label::before {
8734
- background-color: #ebf3e6;
8735
- box-shadow: 0 0 0 1px #275937;
8736
- block-size: 22px;
8737
- inset-inline-start: 1px;
8738
- inset-block-start: 1px;
8739
- inline-size: 22px;
8740
- }
8741
- .dso-selectable input[type=checkbox] + label::before {
8742
- border-radius: 4px;
8743
- }
8744
- .dso-selectable input[type=checkbox] + label::after {
8745
- background: transparent;
8746
- content: "";
8747
- inset-inline-start: 6px;
8748
- opacity: 0;
8749
- position: absolute;
8750
- inset-block-start: 6px;
8751
- zoom: 1;
8752
- }
8753
- .dso-selectable input[type=checkbox]:checked + label::after, .dso-selectable input[type=checkbox]:indeterminate + label::after {
8754
- opacity: 1;
8755
- }
8756
- .dso-selectable input[type=checkbox]:checked + label::after {
8757
- border: solid;
8758
- border-color: var(--dso-selectable-color, #39870c);
8759
- border-block-start-color: transparent;
8760
- border-width: 0 0 3px 3px;
8761
- block-size: 8px;
8762
- transform: rotate(-45deg);
8763
- inline-size: 13px;
8764
- }
8765
- .dso-selectable input[type=checkbox]:indeterminate + label::after {
8766
- background-color: var(--dso-selectable-color, #39870c);
8767
- block-size: 12px;
8768
- inline-size: 12px;
8769
- }
8770
- .dso-selectable input[type=radio] + label::before {
8771
- border-radius: 50%;
8772
- }
8773
- .dso-selectable input[type=radio] + label::after {
8774
- background-color: transparent;
8775
- border-radius: 50%;
8776
- content: "";
8777
- block-size: 12px;
8778
- inset-inline-start: 6px;
8779
- opacity: 0;
8780
- position: absolute;
8781
- inset-block-start: 6px;
8782
- inline-size: 12px;
8783
- zoom: 1;
8784
- }
8785
- .dso-selectable input[type=radio]:checked + label::after {
8786
- background-color: var(--dso-selectable-color, #39870c);
8787
- opacity: 1;
8788
- }
8789
- .dso-selectable > .dso-info {
8790
- float: none;
8791
- margin-block: 8px 0;
8792
- margin-inline: 0 16px;
8793
- inline-size: 100%;
8794
- }
8795
- .dso-selectable .dso-selectable-options {
8796
- list-style: none;
8797
- margin-block-start: 8px;
8798
- padding-inline-start: 0;
8799
- }
8800
- .dso-selectable .dso-selectable-options li + li {
8801
- margin-block-start: 8px;
8802
- }
8803
- .dso-selectable:not(:last-child) {
8804
- margin-block-end: 8px;
8805
- }
8806
- .dso-selectable input[aria-invalid=true] + label {
8807
- --dso-selectable-color: #ce3f51;
8808
- }
8809
-
8810
- dso-selectable > dso-info {
8811
- float: none;
8812
- margin-block: 8px 0;
8813
- margin-inline: 0 16px;
8814
- inline-size: 100%;
8815
- }
8816
- dso-selectable .dso-selectable-options {
8817
- list-style: none;
8818
- margin-block-start: 8px;
8819
- padding-inline-start: 0;
8820
- }
8821
- dso-selectable .dso-selectable-options li + li {
8822
- margin-block-start: 8px;
8823
- }
8824
- dso-selectable .dso-rich-content[slot=info] *:first-child {
8825
- margin-block-start: 0;
8826
- }
8827
- dso-selectable .dso-rich-content[slot=info] img {
8828
- display: block;
8829
- margin-block: 8px;
8830
- margin-inline: auto;
8831
- max-inline-size: 100%;
8832
- }
8833
- dso-selectable .dso-rich-content[slot=info] a:hover:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-selectable .dso-rich-content[slot=info] a:focus:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-selectable .dso-rich-content[slot=info] a:active:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary), dso-selectable .dso-rich-content[slot=info] a:visited:not(.dso-primary):not(.dso-secondary):not(.dso-tertiary) {
8834
- color: #000;
8835
- }
8836
- dso-selectable .dso-rich-content[slot=info] a:active {
8837
- text-decoration: none;
8838
- }
8839
- dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]) {
8840
- color: #000;
8841
- }
8842
- dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover,
8843
- dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):hover dso-icon, dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus,
8844
- dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus dso-icon {
8845
- color: #666;
8846
- text-decoration: underline;
8847
- }
8848
-
8849
7635
  .dso-shopping-cart .dso-status {
8850
7636
  --_dso-alert-success-border-color: #39870c;
8851
7637
  --_dso-alert-error-border-color: #ce3f51;
@@ -9119,9 +7905,9 @@ dso-selectable .dso-rich-content[slot=info] .dso-tertiary:not([disabled]):focus
9119
7905
  block-size: 1px;
9120
7906
  padding: 0;
9121
7907
  margin: -1px;
9122
- overflow: hidden;
9123
- clip: rect(0, 0, 0, 0);
9124
7908
  border: 0;
7909
+ overflow: hidden;
7910
+ clip-path: inset(0);
9125
7911
  }
9126
7912
  .dso-shopping-cart .dso-empty {
9127
7913
  padding-block: 12px;