dso-toolkit 81.0.0 → 82.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.
package/dist/dso.css CHANGED
@@ -1,5 +1,5 @@
1
1
  :root {
2
- --dso-toolkit-version: "81.0.0";
2
+ --dso-toolkit-version: "82.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
  }
@@ -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
  }
@@ -4843,7 +4062,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
4843
4062
  }
4844
4063
 
4845
4064
  .form-group.dso-checkboxes.dso-invalid .dso-selectable {
4846
- --dso-selectable-color: #ce3f51;
4065
+ --_dso-selectable-color: #ce3f51;
4847
4066
  }
4848
4067
  .form-group.dso-checkboxes.dso-required .control-label::after {
4849
4068
  content: "";
@@ -4863,7 +4082,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
4863
4082
  }
4864
4083
 
4865
4084
  .form-group.dso-confirm.dso-invalid .dso-selectable {
4866
- --dso-selectable-color: #ce3f51;
4085
+ --_dso-selectable-color: #ce3f51;
4867
4086
  }
4868
4087
  .form-group.dso-confirm.dso-required .control-label::after {
4869
4088
  content: "";
@@ -4894,8 +4113,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
4894
4113
  vertical-align: text-top;
4895
4114
  inline-size: 0.75rem;
4896
4115
  }
4897
- .form-group.dso-files dso-selectable,
4898
- .form-group.dso-files .dso-selectable {
4116
+ .form-group.dso-files dso-selectable {
4899
4117
  margin-block: 4px;
4900
4118
  margin-inline: 0;
4901
4119
  }
@@ -5065,7 +4283,7 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
5065
4283
  }
5066
4284
 
5067
4285
  .form-group.dso-radios.dso-invalid .dso-selectable {
5068
- --dso-selectable-color: #ce3f51;
4286
+ --_dso-selectable-color: #ce3f51;
5069
4287
  }
5070
4288
  .form-group.dso-radios.dso-required .control-label::after {
5071
4289
  content: "";
@@ -5081,9 +4299,6 @@ form .dso-form-group-collection > legend h6, .dso-section-body .dso-form-group-c
5081
4299
  .form-group.dso-radios.dso-inline {
5082
4300
  --dso-selectable-display: inline-block;
5083
4301
  }
5084
- .form-group.dso-radios.dso-inline .dso-selectable + .dso-selectable {
5085
- margin-inline-start: 24px;
5086
- }
5087
4302
  .form-group.dso-radios.dso-inline dso-selectable + dso-selectable {
5088
4303
  margin-inline-start: 24px;
5089
4304
  }
@@ -8658,194 +7873,6 @@ optgroup {
8658
7873
  margin: 0;
8659
7874
  }
8660
7875
 
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
7876
  .dso-shopping-cart .dso-status {
8850
7877
  --_dso-alert-success-border-color: #39870c;
8851
7878
  --_dso-alert-error-border-color: #ce3f51;