@rijkshuisstijl-community/components-css 1.0.0-alpha.9 → 1.0.0-alpha.91

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 (66) hide show
  1. package/dist/index.css +22 -0
  2. package/index.scss +50 -0
  3. package/package.json +21 -11
  4. package/src/accordion/index.scss +68 -0
  5. package/src/action-group/index.scss +11 -0
  6. package/src/alert/index.scss +27 -0
  7. package/src/article/index.scss +1 -0
  8. package/src/badgecounter/index.scss +3 -0
  9. package/src/blockquote/_mixin.scss +85 -0
  10. package/src/blockquote/index.scss +41 -0
  11. package/src/breadcrumb-nav/index.scss +28 -0
  12. package/src/button/_mixin.scss +36 -0
  13. package/src/button/index.scss +18 -0
  14. package/src/card/_mixin.scss +174 -0
  15. package/src/card/index.scss +108 -0
  16. package/src/checkbox/_mixin.scss +103 -0
  17. package/src/checkbox/index.scss +34 -0
  18. package/src/code-input/_mixin.scss +26 -0
  19. package/src/code-input/index.scss +13 -0
  20. package/src/dot-badge/_mixin.scss +12 -0
  21. package/src/dot-badge/index.scss +9 -0
  22. package/src/figure/index.scss +18 -0
  23. package/src/file-input/index.scss +63 -0
  24. package/src/footer/index.scss +71 -0
  25. package/src/form/index.scss +18 -0
  26. package/src/form-field/index.scss +13 -0
  27. package/src/form-field-error-message/index.scss +15 -0
  28. package/src/form-field-radio-option/index.scss +21 -0
  29. package/src/hero/_mixin.scss +103 -0
  30. package/src/hero/index.scss +81 -0
  31. package/src/link/_mixin.scss +38 -0
  32. package/src/link/index.scss +44 -0
  33. package/src/link-list/index.scss +16 -0
  34. package/src/link-list-card/index.scss +10 -0
  35. package/src/logo/_mixin.scss +58 -0
  36. package/src/logo/index.scss +31 -0
  37. package/src/message-list/_mixin.scss +85 -0
  38. package/src/message-list/index.scss +41 -0
  39. package/src/navbar/index.scss +90 -0
  40. package/src/navigation-list/_mixin.scss +94 -0
  41. package/src/navigation-list/index.scss +43 -0
  42. package/src/ordered-list/index.scss +18 -0
  43. package/src/pre-heading/index.scss +22 -0
  44. package/src/radio/index.scss +27 -0
  45. package/src/radio-group/_mixin.scss +12 -0
  46. package/src/radio-group/index.scss +10 -0
  47. package/src/select/index.scss +16 -0
  48. package/src/separator/index.scss +14 -0
  49. package/src/side-nav/index.scss +52 -0
  50. package/src/skip-link/_mixin.scss +13 -0
  51. package/src/skip-link/index.scss +43 -0
  52. package/src/table/index.scss +56 -0
  53. package/src/textarea/index.scss +8 -0
  54. package/src/textbox/index.scss +6 -0
  55. package/src/toggletip/_mixin.scss +59 -0
  56. package/src/toggletip/index.scss +48 -0
  57. package/src/unordered-list/index.scss +27 -0
  58. package/src/visually-hidden/_mixin.scss +19 -0
  59. package/src/visually-hidden/index.scss +5 -0
  60. package/src/wrapper/_mixin.scss +1819 -0
  61. package/src/wrapper/createSpacingCSS.js +69 -0
  62. package/src/wrapper/index.scss +43 -0
  63. package/src/wrapper/spacing-matrix.json +1406 -0
  64. package/vite.config.js +18 -0
  65. package/button/README.md +0 -3
  66. package/button/index.scss +0 -16
package/src/wrapper/_mixin.scss ADDED
@@ -0,0 +1,1819 @@
1
+ @mixin utrecht-heading-1 {
2
+ .utrecht-heading-1:first-child {
3
+ --utrecht-heading-1-margin-block-start: 0;
4
+ }
5
+ .utrecht-heading-1:has(+ .utrecht-heading-2) {
6
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
7
+ }
8
+ .utrecht-heading-1:has(+ .utrecht-accordion) {
9
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
10
+ }
11
+ .utrecht-heading-1:has(+ .utrecht-alert) {
12
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
13
+ }
14
+ .utrecht-heading-1:has(+ .utrecht-badge-list) {
15
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
16
+ }
17
+ .utrecht-heading-1:has(+ .utrecht-blockquote) {
18
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
19
+ }
20
+ .utrecht-heading-1:has(+ .utrecht-button) {
21
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
22
+ }
23
+ .utrecht-heading-1:has(+ .utrecht-button-group) {
24
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
25
+ }
26
+ .utrecht-heading-1:has(+ .utrecht-data-list) {
27
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
28
+ }
29
+ .utrecht-heading-1:has(+ .utrecht-form-field) {
30
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
31
+ }
32
+ .utrecht-heading-1:has(+ .utrecht-img) {
33
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
34
+ }
35
+ .utrecht-heading-1:has(+ .utrecht-link) {
36
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
37
+ }
38
+ .utrecht-heading-1:has(+ .utrecht-ordered-list) {
39
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
40
+ }
41
+ .utrecht-heading-1:has(+ .utrecht-pagination) {
42
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
43
+ }
44
+ .utrecht-heading-1:has(+ .utrecht-paragraph) {
45
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
46
+ }
47
+ .utrecht-heading-1:has(+ .utrecht-separator) {
48
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
49
+ }
50
+ .utrecht-heading-1:has(+ .utrecht-badge-status) {
51
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
52
+ }
53
+ .utrecht-heading-1:has(+ .utrecht-table) {
54
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
55
+ }
56
+ .utrecht-heading-1:has(+ .utrecht-unordered-list) {
57
+ --utrecht-heading-1-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
58
+ }
59
+ }
60
+ @mixin utrecht-heading-2 {
61
+ .utrecht-heading-2:first-child {
62
+ --utrecht-heading-2-margin-block-start: 0;
63
+ }
64
+ .utrecht-heading-2:has(+ .utrecht-heading-3) {
65
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
66
+ }
67
+ .utrecht-heading-2:has(+ .utrecht-accordion) {
68
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
69
+ }
70
+ .utrecht-heading-2:has(+ .utrecht-alert) {
71
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
72
+ }
73
+ .utrecht-heading-2:has(+ .utrecht-badge-list) {
74
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
75
+ }
76
+ .utrecht-heading-2:has(+ .utrecht-blockquote) {
77
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
78
+ }
79
+ .utrecht-heading-2:has(+ .utrecht-button) {
80
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
81
+ }
82
+ .utrecht-heading-2:has(+ .utrecht-button-group) {
83
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
84
+ }
85
+ .utrecht-heading-2:has(+ .utrecht-data-list) {
86
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
87
+ }
88
+ .utrecht-heading-2:has(+ .utrecht-figure) {
89
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
90
+ }
91
+ .utrecht-heading-2:has(+ .utrecht-form-field) {
92
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
93
+ }
94
+ .utrecht-heading-2:has(+ .utrecht-img) {
95
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
96
+ }
97
+ .utrecht-heading-2:has(+ .utrecht-link) {
98
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
99
+ }
100
+ .utrecht-heading-2:has(+ .utrecht-ordered-list) {
101
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
102
+ }
103
+ .utrecht-heading-2:has(+ .utrecht-pagination) {
104
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
105
+ }
106
+ .utrecht-heading-2:has(+ .utrecht-paragraph) {
107
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
108
+ }
109
+ .utrecht-heading-2:has(+ .utrecht-separator) {
110
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
111
+ }
112
+ .utrecht-heading-2:has(+ .utrecht-sidenav) {
113
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
114
+ }
115
+ .utrecht-heading-2:has(+ .utrecht-badge-status) {
116
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
117
+ }
118
+ .utrecht-heading-2:has(+ .utrecht-table) {
119
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
120
+ }
121
+ .utrecht-heading-2:has(+ .utrecht-unordered-list) {
122
+ --utrecht-heading-2-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
123
+ }
124
+ }
125
+ @mixin utrecht-heading-3 {
126
+ .utrecht-heading-3:first-child {
127
+ --utrecht-heading-3-margin-block-start: 0;
128
+ }
129
+ .utrecht-heading-3:has(+ .utrecht-heading-4) {
130
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
131
+ }
132
+ .utrecht-heading-3:has(+ .utrecht-accordion) {
133
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
134
+ }
135
+ .utrecht-heading-3:has(+ .utrecht-alert) {
136
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
137
+ }
138
+ .utrecht-heading-3:has(+ .utrecht-badge-list) {
139
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
140
+ }
141
+ .utrecht-heading-3:has(+ .utrecht-blockquote) {
142
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
143
+ }
144
+ .utrecht-heading-3:has(+ .utrecht-button) {
145
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
146
+ }
147
+ .utrecht-heading-3:has(+ .utrecht-button-group) {
148
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
149
+ }
150
+ .utrecht-heading-3:has(+ .utrecht-data-list) {
151
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
152
+ }
153
+ .utrecht-heading-3:has(+ .utrecht-figure) {
154
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
155
+ }
156
+ .utrecht-heading-3:has(+ .utrecht-form-field) {
157
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
158
+ }
159
+ .utrecht-heading-3:has(+ .utrecht-img) {
160
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
161
+ }
162
+ .utrecht-heading-3:has(+ .utrecht-link) {
163
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
164
+ }
165
+ .utrecht-heading-3:has(+ .utrecht-ordered-list) {
166
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
167
+ }
168
+ .utrecht-heading-3:has(+ .utrecht-pagination) {
169
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
170
+ }
171
+ .utrecht-heading-3:has(+ .utrecht-paragraph) {
172
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
173
+ }
174
+ .utrecht-heading-3:has(+ .utrecht-separator) {
175
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
176
+ }
177
+ .utrecht-heading-3:has(+ .utrecht-sidenav) {
178
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
179
+ }
180
+ .utrecht-heading-3:has(+ .utrecht-badge-status) {
181
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
182
+ }
183
+ .utrecht-heading-3:has(+ .utrecht-table) {
184
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
185
+ }
186
+ .utrecht-heading-3:has(+ .utrecht-unordered-list) {
187
+ --utrecht-heading-3-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
188
+ }
189
+ }
190
+ @mixin utrecht-heading-4 {
191
+ .utrecht-heading-4:first-child {
192
+ --utrecht-heading-4-margin-block-start: 0;
193
+ }
194
+ .utrecht-heading-4:has(+ .utrecht-heading-5) {
195
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
196
+ }
197
+ .utrecht-heading-4:has(+ .utrecht-accordion) {
198
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
199
+ }
200
+ .utrecht-heading-4:has(+ .utrecht-alert) {
201
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
202
+ }
203
+ .utrecht-heading-4:has(+ .utrecht-badge-list) {
204
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
205
+ }
206
+ .utrecht-heading-4:has(+ .utrecht-blockquote) {
207
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
208
+ }
209
+ .utrecht-heading-4:has(+ .utrecht-button) {
210
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
211
+ }
212
+ .utrecht-heading-4:has(+ .utrecht-button-group) {
213
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
214
+ }
215
+ .utrecht-heading-4:has(+ .utrecht-data-list) {
216
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
217
+ }
218
+ .utrecht-heading-4:has(+ .utrecht-figure) {
219
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
220
+ }
221
+ .utrecht-heading-4:has(+ .utrecht-form-field) {
222
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
223
+ }
224
+ .utrecht-heading-4:has(+ .utrecht-img) {
225
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
226
+ }
227
+ .utrecht-heading-4:has(+ .utrecht-link) {
228
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
229
+ }
230
+ .utrecht-heading-4:has(+ .utrecht-ordered-list) {
231
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
232
+ }
233
+ .utrecht-heading-4:has(+ .utrecht-pagination) {
234
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
235
+ }
236
+ .utrecht-heading-4:has(+ .utrecht-paragraph) {
237
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
238
+ }
239
+ .utrecht-heading-4:has(+ .utrecht-separator) {
240
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
241
+ }
242
+ .utrecht-heading-4:has(+ .utrecht-sidenav) {
243
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
244
+ }
245
+ .utrecht-heading-4:has(+ .utrecht-badge-status) {
246
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
247
+ }
248
+ .utrecht-heading-4:has(+ .utrecht-table) {
249
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
250
+ }
251
+ .utrecht-heading-4:has(+ .utrecht-unordered-list) {
252
+ --utrecht-heading-4-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
253
+ }
254
+ }
255
+ @mixin utrecht-heading-5 {
256
+ .utrecht-heading-5:first-child {
257
+ --utrecht-heading-5-margin-block-start: 0;
258
+ }
259
+ .utrecht-heading-5:has(+ .utrecht-heading-6) {
260
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
261
+ }
262
+ .utrecht-heading-5:has(+ .utrecht-accordion) {
263
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
264
+ }
265
+ .utrecht-heading-5:has(+ .utrecht-alert) {
266
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
267
+ }
268
+ .utrecht-heading-5:has(+ .utrecht-badge-list) {
269
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
270
+ }
271
+ .utrecht-heading-5:has(+ .utrecht-blockquote) {
272
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
273
+ }
274
+ .utrecht-heading-5:has(+ .utrecht-button) {
275
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
276
+ }
277
+ .utrecht-heading-5:has(+ .utrecht-button-group) {
278
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
279
+ }
280
+ .utrecht-heading-5:has(+ .utrecht-data-list) {
281
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
282
+ }
283
+ .utrecht-heading-5:has(+ .utrecht-figure) {
284
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
285
+ }
286
+ .utrecht-heading-5:has(+ .utrecht-form-field) {
287
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
288
+ }
289
+ .utrecht-heading-5:has(+ .utrecht-img) {
290
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
291
+ }
292
+ .utrecht-heading-5:has(+ .utrecht-link) {
293
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
294
+ }
295
+ .utrecht-heading-5:has(+ .utrecht-ordered-list) {
296
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
297
+ }
298
+ .utrecht-heading-5:has(+ .utrecht-pagination) {
299
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
300
+ }
301
+ .utrecht-heading-5:has(+ .utrecht-paragraph) {
302
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
303
+ }
304
+ .utrecht-heading-5:has(+ .utrecht-separator) {
305
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
306
+ }
307
+ .utrecht-heading-5:has(+ .utrecht-sidenav) {
308
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
309
+ }
310
+ .utrecht-heading-5:has(+ .utrecht-badge-status) {
311
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
312
+ }
313
+ .utrecht-heading-5:has(+ .utrecht-table) {
314
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
315
+ }
316
+ .utrecht-heading-5:has(+ .utrecht-unordered-list) {
317
+ --utrecht-heading-5-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
318
+ }
319
+ }
320
+ @mixin utrecht-heading-6 {
321
+ .utrecht-heading-6:first-child {
322
+ --utrecht-heading-6-margin-block-start: 0;
323
+ }
324
+ .utrecht-heading-6:has(+ .utrecht-accordion) {
325
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
326
+ }
327
+ .utrecht-heading-6:has(+ .utrecht-alert) {
328
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
329
+ }
330
+ .utrecht-heading-6:has(+ .utrecht-badge-list) {
331
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
332
+ }
333
+ .utrecht-heading-6:has(+ .utrecht-blockquote) {
334
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
335
+ }
336
+ .utrecht-heading-6:has(+ .utrecht-button) {
337
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
338
+ }
339
+ .utrecht-heading-6:has(+ .utrecht-button-group) {
340
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
341
+ }
342
+ .utrecht-heading-6:has(+ .utrecht-data-list) {
343
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
344
+ }
345
+ .utrecht-heading-6:has(+ .utrecht-figure) {
346
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
347
+ }
348
+ .utrecht-heading-6:has(+ .utrecht-form-field) {
349
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
350
+ }
351
+ .utrecht-heading-6:has(+ .utrecht-img) {
352
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
353
+ }
354
+ .utrecht-heading-6:has(+ .utrecht-link) {
355
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
356
+ }
357
+ .utrecht-heading-6:has(+ .utrecht-ordered-list) {
358
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
359
+ }
360
+ .utrecht-heading-6:has(+ .utrecht-pagination) {
361
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
362
+ }
363
+ .utrecht-heading-6:has(+ .utrecht-paragraph) {
364
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
365
+ }
366
+ .utrecht-heading-6:has(+ .utrecht-separator) {
367
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
368
+ }
369
+ .utrecht-heading-6:has(+ .utrecht-sidenav) {
370
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
371
+ }
372
+ .utrecht-heading-6:has(+ .utrecht-badge-status) {
373
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
374
+ }
375
+ .utrecht-heading-6:has(+ .utrecht-table) {
376
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
377
+ }
378
+ .utrecht-heading-6:has(+ .utrecht-unordered-list) {
379
+ --utrecht-heading-6-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
380
+ }
381
+ }
382
+ @mixin utrecht-accordion {
383
+ .utrecht-accordion:first-child {
384
+ --utrecht-accordion-margin-block-start: 0;
385
+ }
386
+ .utrecht-accordion:has(+ .utrecht-heading-2) {
387
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
388
+ }
389
+ .utrecht-accordion:has(+ .utrecht-heading-3) {
390
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
391
+ }
392
+ .utrecht-accordion:has(+ .utrecht-heading-4) {
393
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
394
+ }
395
+ .utrecht-accordion:has(+ .utrecht-heading-5) {
396
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
397
+ }
398
+ .utrecht-accordion:has(+ .utrecht-heading-6) {
399
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
400
+ }
401
+ .utrecht-accordion:has(+ .utrecht-accordion) {
402
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
403
+ }
404
+ .utrecht-accordion:has(+ .utrecht-alert) {
405
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
406
+ }
407
+ .utrecht-accordion:has(+ .utrecht-badge-list) {
408
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
409
+ }
410
+ .utrecht-accordion:has(+ .utrecht-blockquote) {
411
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
412
+ }
413
+ .utrecht-accordion:has(+ .utrecht-button) {
414
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
415
+ }
416
+ .utrecht-accordion:has(+ .utrecht-button-group) {
417
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
418
+ }
419
+ .utrecht-accordion:has(+ .utrecht-data-list) {
420
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
421
+ }
422
+ .utrecht-accordion:has(+ .utrecht-figure) {
423
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
424
+ }
425
+ .utrecht-accordion:has(+ .utrecht-form-field) {
426
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
427
+ }
428
+ .utrecht-accordion:has(+ .utrecht-img) {
429
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
430
+ }
431
+ .utrecht-accordion:has(+ .utrecht-link) {
432
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
433
+ }
434
+ .utrecht-accordion:has(+ .utrecht-ordered-list) {
435
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
436
+ }
437
+ .utrecht-accordion:has(+ .utrecht-paragraph) {
438
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
439
+ }
440
+ .utrecht-accordion:has(+ .utrecht-separator) {
441
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
442
+ }
443
+ .utrecht-accordion:has(+ .utrecht-sidenav) {
444
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
445
+ }
446
+ .utrecht-accordion:has(+ .utrecht-table) {
447
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
448
+ }
449
+ .utrecht-accordion:has(+ .utrecht-unordered-list) {
450
+ --utrecht-accordion-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
451
+ }
452
+ }
453
+ @mixin utrecht-alert {
454
+ .utrecht-alert:first-child {
455
+ --utrecht-alert-margin-block-start: 0;
456
+ }
457
+ .utrecht-alert:has(+ .utrecht-heading-1) {
458
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
459
+ }
460
+ .utrecht-alert:has(+ .utrecht-heading-2) {
461
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
462
+ }
463
+ .utrecht-alert:has(+ .utrecht-heading-3) {
464
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
465
+ }
466
+ .utrecht-alert:has(+ .utrecht-heading-4) {
467
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
468
+ }
469
+ .utrecht-alert:has(+ .utrecht-heading-5) {
470
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
471
+ }
472
+ .utrecht-alert:has(+ .utrecht-heading-6) {
473
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
474
+ }
475
+ .utrecht-alert:has(+ .utrecht-accordion) {
476
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
477
+ }
478
+ .utrecht-alert:has(+ .utrecht-alert) {
479
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
480
+ }
481
+ .utrecht-alert:has(+ .utrecht-badge-list) {
482
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
483
+ }
484
+ .utrecht-alert:has(+ .utrecht-blockquote) {
485
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
486
+ }
487
+ .utrecht-alert:has(+ .utrecht-button) {
488
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
489
+ }
490
+ .utrecht-alert:has(+ .utrecht-button-group) {
491
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
492
+ }
493
+ .utrecht-alert:has(+ .utrecht-data-list) {
494
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
495
+ }
496
+ .utrecht-alert:has(+ .utrecht-figure) {
497
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
498
+ }
499
+ .utrecht-alert:has(+ .utrecht-form-field) {
500
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
501
+ }
502
+ .utrecht-alert:has(+ .utrecht-img) {
503
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
504
+ }
505
+ .utrecht-alert:has(+ .utrecht-link) {
506
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
507
+ }
508
+ .utrecht-alert:has(+ .utrecht-ordered-list) {
509
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
510
+ }
511
+ .utrecht-alert:has(+ .utrecht-pagination) {
512
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
513
+ }
514
+ .utrecht-alert:has(+ .utrecht-paragraph) {
515
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
516
+ }
517
+ .utrecht-alert:has(+ .utrecht-separator) {
518
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
519
+ }
520
+ .utrecht-alert:has(+ .utrecht-badge-status) {
521
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
522
+ }
523
+ .utrecht-alert:has(+ .utrecht-table) {
524
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
525
+ }
526
+ .utrecht-alert:has(+ .utrecht-unordered-list) {
527
+ --utrecht-alert-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
528
+ }
529
+ }
530
+ @mixin utrecht-badge-list {
531
+ .utrecht-badge-list:first-child {
532
+ --utrecht-badge-list-margin-block-start: 0;
533
+ }
534
+ .utrecht-badge-list:has(+ .utrecht-heading-1) {
535
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
536
+ }
537
+ .utrecht-badge-list:has(+ .utrecht-heading-2) {
538
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
539
+ }
540
+ .utrecht-badge-list:has(+ .utrecht-heading-3) {
541
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
542
+ }
543
+ .utrecht-badge-list:has(+ .utrecht-heading-4) {
544
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
545
+ }
546
+ .utrecht-badge-list:has(+ .utrecht-heading-5) {
547
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
548
+ }
549
+ .utrecht-badge-list:has(+ .utrecht-heading-6) {
550
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
551
+ }
552
+ .utrecht-badge-list:has(+ .utrecht-accordion) {
553
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
554
+ }
555
+ .utrecht-badge-list:has(+ .utrecht-alert) {
556
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
557
+ }
558
+ .utrecht-badge-list:has(+ .utrecht-blockquote) {
559
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
560
+ }
561
+ .utrecht-badge-list:has(+ .utrecht-button) {
562
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
563
+ }
564
+ .utrecht-badge-list:has(+ .utrecht-button-group) {
565
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
566
+ }
567
+ .utrecht-badge-list:has(+ .utrecht-data-list) {
568
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
569
+ }
570
+ .utrecht-badge-list:has(+ .utrecht-figure) {
571
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
572
+ }
573
+ .utrecht-badge-list:has(+ .utrecht-form-field) {
574
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
575
+ }
576
+ .utrecht-badge-list:has(+ .utrecht-img) {
577
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
578
+ }
579
+ .utrecht-badge-list:has(+ .utrecht-link) {
580
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
581
+ }
582
+ .utrecht-badge-list:has(+ .utrecht-ordered-list) {
583
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
584
+ }
585
+ .utrecht-badge-list:has(+ .utrecht-paragraph) {
586
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
587
+ }
588
+ .utrecht-badge-list:has(+ .utrecht-separator) {
589
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
590
+ }
591
+ .utrecht-badge-list:has(+ .utrecht-table) {
592
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
593
+ }
594
+ .utrecht-badge-list:has(+ .utrecht-unordered-list) {
595
+ --utrecht-badge-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
596
+ }
597
+ }
598
+ @mixin utrecht-blockquote {
599
+ .utrecht-blockquote:first-child {
600
+ --utrecht-blockquote-margin-block-start: 0;
601
+ }
602
+ .utrecht-blockquote:has(+ .utrecht-heading-2) {
603
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
604
+ }
605
+ .utrecht-blockquote:has(+ .utrecht-heading-3) {
606
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
607
+ }
608
+ .utrecht-blockquote:has(+ .utrecht-heading-4) {
609
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
610
+ }
611
+ .utrecht-blockquote:has(+ .utrecht-heading-5) {
612
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
613
+ }
614
+ .utrecht-blockquote:has(+ .utrecht-heading-6) {
615
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
616
+ }
617
+ .utrecht-blockquote:has(+ .utrecht-accordion) {
618
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
619
+ }
620
+ .utrecht-blockquote:has(+ .utrecht-alert) {
621
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
622
+ }
623
+ .utrecht-blockquote:has(+ .utrecht-badge-list) {
624
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
625
+ }
626
+ .utrecht-blockquote:has(+ .utrecht-blockquote) {
627
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
628
+ }
629
+ .utrecht-blockquote:has(+ .utrecht-button) {
630
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
631
+ }
632
+ .utrecht-blockquote:has(+ .utrecht-button-group) {
633
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
634
+ }
635
+ .utrecht-blockquote:has(+ .utrecht-data-list) {
636
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
637
+ }
638
+ .utrecht-blockquote:has(+ .utrecht-figure) {
639
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
640
+ }
641
+ .utrecht-blockquote:has(+ .utrecht-form-field) {
642
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
643
+ }
644
+ .utrecht-blockquote:has(+ .utrecht-img) {
645
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
646
+ }
647
+ .utrecht-blockquote:has(+ .utrecht-link) {
648
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
649
+ }
650
+ .utrecht-blockquote:has(+ .utrecht-ordered-list) {
651
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
652
+ }
653
+ .utrecht-blockquote:has(+ .utrecht-pagination) {
654
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
655
+ }
656
+ .utrecht-blockquote:has(+ .utrecht-paragraph) {
657
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
658
+ }
659
+ .utrecht-blockquote:has(+ .utrecht-separator) {
660
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
661
+ }
662
+ .utrecht-blockquote:has(+ .utrecht-table) {
663
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
664
+ }
665
+ .utrecht-blockquote:has(+ .utrecht-unordered-list) {
666
+ --utrecht-blockquote-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
667
+ }
668
+ }
669
+ @mixin utrecht-breadcrumb-nav {
670
+ .utrecht-breadcrumb-nav:first-child {
671
+ --utrecht-breadcrumb-nav-margin-block-start: 0;
672
+ }
673
+ .utrecht-breadcrumb-nav:has(+ .utrecht-heading-1) {
674
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
675
+ }
676
+ .utrecht-breadcrumb-nav:has(+ .utrecht-heading-2) {
677
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
678
+ }
679
+ .utrecht-breadcrumb-nav:has(+ .utrecht-heading-3) {
680
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
681
+ }
682
+ .utrecht-breadcrumb-nav:has(+ .utrecht-heading-4) {
683
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
684
+ }
685
+ .utrecht-breadcrumb-nav:has(+ .utrecht-heading-5) {
686
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
687
+ }
688
+ .utrecht-breadcrumb-nav:has(+ .utrecht-heading-6) {
689
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
690
+ }
691
+ .utrecht-breadcrumb-nav:has(+ .utrecht-accordion) {
692
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
693
+ }
694
+ .utrecht-breadcrumb-nav:has(+ .utrecht-alert) {
695
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
696
+ }
697
+ .utrecht-breadcrumb-nav:has(+ .utrecht-badge-list) {
698
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
699
+ }
700
+ .utrecht-breadcrumb-nav:has(+ .utrecht-blockquote) {
701
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
702
+ }
703
+ .utrecht-breadcrumb-nav:has(+ .utrecht-button) {
704
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
705
+ }
706
+ .utrecht-breadcrumb-nav:has(+ .utrecht-button-group) {
707
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
708
+ }
709
+ .utrecht-breadcrumb-nav:has(+ .utrecht-data-list) {
710
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
711
+ }
712
+ .utrecht-breadcrumb-nav:has(+ .utrecht-figure) {
713
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
714
+ }
715
+ .utrecht-breadcrumb-nav:has(+ .utrecht-form-field) {
716
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
717
+ }
718
+ .utrecht-breadcrumb-nav:has(+ .utrecht-img) {
719
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
720
+ }
721
+ .utrecht-breadcrumb-nav:has(+ .utrecht-link) {
722
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
723
+ }
724
+ .utrecht-breadcrumb-nav:has(+ .utrecht-ordered-list) {
725
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
726
+ }
727
+ .utrecht-breadcrumb-nav:has(+ .utrecht-pagination) {
728
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
729
+ }
730
+ .utrecht-breadcrumb-nav:has(+ .utrecht-paragraph) {
731
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
732
+ }
733
+ .utrecht-breadcrumb-nav:has(+ .utrecht-separator) {
734
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
735
+ }
736
+ .utrecht-breadcrumb-nav:has(+ .utrecht-sidenav) {
737
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
738
+ }
739
+ .utrecht-breadcrumb-nav:has(+ .utrecht-badge-status) {
740
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
741
+ }
742
+ .utrecht-breadcrumb-nav:has(+ .utrecht-table) {
743
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
744
+ }
745
+ .utrecht-breadcrumb-nav:has(+ .utrecht-unordered-list) {
746
+ --utrecht-breadcrumb-nav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
747
+ }
748
+ }
749
+ @mixin utrecht-button {
750
+ .utrecht-button:first-child {
751
+ --utrecht-button-margin-block-start: 0;
752
+ }
753
+ .utrecht-button:has(+ .utrecht-heading-2) {
754
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
755
+ }
756
+ .utrecht-button:has(+ .utrecht-heading-3) {
757
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
758
+ }
759
+ .utrecht-button:has(+ .utrecht-heading-4) {
760
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
761
+ }
762
+ .utrecht-button:has(+ .utrecht-heading-5) {
763
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
764
+ }
765
+ .utrecht-button:has(+ .utrecht-heading-6) {
766
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
767
+ }
768
+ .utrecht-button:has(+ .utrecht-accordion) {
769
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
770
+ }
771
+ .utrecht-button:has(+ .utrecht-alert) {
772
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
773
+ }
774
+ .utrecht-button:has(+ .utrecht-badge-list) {
775
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
776
+ }
777
+ .utrecht-button:has(+ .utrecht-blockquote) {
778
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
779
+ }
780
+ .utrecht-button:has(+ .utrecht-button) {
781
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
782
+ }
783
+ .utrecht-button:has(+ .utrecht-button-group) {
784
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
785
+ }
786
+ .utrecht-button:has(+ .utrecht-data-list) {
787
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
788
+ }
789
+ .utrecht-button:has(+ .utrecht-figure) {
790
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
791
+ }
792
+ .utrecht-button:has(+ .utrecht-img) {
793
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
794
+ }
795
+ .utrecht-button:has(+ .utrecht-link) {
796
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
797
+ }
798
+ .utrecht-button:has(+ .utrecht-ordered-list) {
799
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
800
+ }
801
+ .utrecht-button:has(+ .utrecht-paragraph) {
802
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
803
+ }
804
+ .utrecht-button:has(+ .utrecht-separator) {
805
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
806
+ }
807
+ .utrecht-button:has(+ .utrecht-sidenav) {
808
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
809
+ }
810
+ .utrecht-button:has(+ .utrecht-table) {
811
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
812
+ }
813
+ .utrecht-button:has(+ .utrecht-unordered-list) {
814
+ --utrecht-button-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
815
+ }
816
+ }
817
+ @mixin utrecht-button-group {
818
+ .utrecht-button-group:first-child {
819
+ --utrecht-button-group-margin-block-start: 0;
820
+ }
821
+ .utrecht-button-group:has(+ .utrecht-heading-2) {
822
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
823
+ }
824
+ .utrecht-button-group:has(+ .utrecht-heading-3) {
825
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
826
+ }
827
+ .utrecht-button-group:has(+ .utrecht-heading-4) {
828
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
829
+ }
830
+ .utrecht-button-group:has(+ .utrecht-heading-5) {
831
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
832
+ }
833
+ .utrecht-button-group:has(+ .utrecht-heading-6) {
834
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
835
+ }
836
+ .utrecht-button-group:has(+ .utrecht-accordion) {
837
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
838
+ }
839
+ .utrecht-button-group:has(+ .utrecht-alert) {
840
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
841
+ }
842
+ .utrecht-button-group:has(+ .utrecht-badge-list) {
843
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
844
+ }
845
+ .utrecht-button-group:has(+ .utrecht-blockquote) {
846
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
847
+ }
848
+ .utrecht-button-group:has(+ .utrecht-button) {
849
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
850
+ }
851
+ .utrecht-button-group:has(+ .utrecht-button-group) {
852
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
853
+ }
854
+ .utrecht-button-group:has(+ .utrecht-data-list) {
855
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
856
+ }
857
+ .utrecht-button-group:has(+ .utrecht-figure) {
858
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
859
+ }
860
+ .utrecht-button-group:has(+ .utrecht-img) {
861
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
862
+ }
863
+ .utrecht-button-group:has(+ .utrecht-link) {
864
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
865
+ }
866
+ .utrecht-button-group:has(+ .utrecht-ordered-list) {
867
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
868
+ }
869
+ .utrecht-button-group:has(+ .utrecht-paragraph) {
870
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
871
+ }
872
+ .utrecht-button-group:has(+ .utrecht-separator) {
873
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
874
+ }
875
+ .utrecht-button-group:has(+ .utrecht-sidenav) {
876
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
877
+ }
878
+ .utrecht-button-group:has(+ .utrecht-table) {
879
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
880
+ }
881
+ .utrecht-button-group:has(+ .utrecht-unordered-list) {
882
+ --utrecht-button-group-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
883
+ }
884
+ }
885
+ @mixin utrecht-data-list {
886
+ .utrecht-data-list:first-child {
887
+ --utrecht-data-list-margin-block-start: 0;
888
+ }
889
+ .utrecht-data-list:has(+ .utrecht-heading-2) {
890
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
891
+ }
892
+ .utrecht-data-list:has(+ .utrecht-heading-3) {
893
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
894
+ }
895
+ .utrecht-data-list:has(+ .utrecht-heading-4) {
896
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
897
+ }
898
+ .utrecht-data-list:has(+ .utrecht-heading-5) {
899
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
900
+ }
901
+ .utrecht-data-list:has(+ .utrecht-heading-6) {
902
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
903
+ }
904
+ .utrecht-data-list:has(+ .utrecht-accordion) {
905
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
906
+ }
907
+ .utrecht-data-list:has(+ .utrecht-alert) {
908
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
909
+ }
910
+ .utrecht-data-list:has(+ .utrecht-badge-list) {
911
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
912
+ }
913
+ .utrecht-data-list:has(+ .utrecht-blockquote) {
914
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
915
+ }
916
+ .utrecht-data-list:has(+ .utrecht-button) {
917
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
918
+ }
919
+ .utrecht-data-list:has(+ .utrecht-button-group) {
920
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
921
+ }
922
+ .utrecht-data-list:has(+ .utrecht-data-list) {
923
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
924
+ }
925
+ .utrecht-data-list:has(+ .utrecht-figure) {
926
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
927
+ }
928
+ .utrecht-data-list:has(+ .utrecht-form-field) {
929
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
930
+ }
931
+ .utrecht-data-list:has(+ .utrecht-img) {
932
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
933
+ }
934
+ .utrecht-data-list:has(+ .utrecht-link) {
935
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
936
+ }
937
+ .utrecht-data-list:has(+ .utrecht-ordered-list) {
938
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
939
+ }
940
+ .utrecht-data-list:has(+ .utrecht-pagination) {
941
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
942
+ }
943
+ .utrecht-data-list:has(+ .utrecht-paragraph) {
944
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
945
+ }
946
+ .utrecht-data-list:has(+ .utrecht-separator) {
947
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
948
+ }
949
+ .utrecht-data-list:has(+ .utrecht-table) {
950
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
951
+ }
952
+ .utrecht-data-list:has(+ .utrecht-unordered-list) {
953
+ --utrecht-data-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
954
+ }
955
+ }
956
+ @mixin utrecht-figure {
957
+ .utrecht-figure:first-child {
958
+ --utrecht-figure-margin-block-start: 0;
959
+ }
960
+ .utrecht-figure:has(+ .utrecht-heading-2) {
961
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
962
+ }
963
+ .utrecht-figure:has(+ .utrecht-heading-3) {
964
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
965
+ }
966
+ .utrecht-figure:has(+ .utrecht-heading-4) {
967
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
968
+ }
969
+ .utrecht-figure:has(+ .utrecht-heading-5) {
970
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
971
+ }
972
+ .utrecht-figure:has(+ .utrecht-heading-6) {
973
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
974
+ }
975
+ .utrecht-figure:has(+ .utrecht-accordion) {
976
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
977
+ }
978
+ .utrecht-figure:has(+ .utrecht-alert) {
979
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
980
+ }
981
+ .utrecht-figure:has(+ .utrecht-badge-list) {
982
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
983
+ }
984
+ .utrecht-figure:has(+ .utrecht-blockquote) {
985
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
986
+ }
987
+ .utrecht-figure:has(+ .utrecht-button) {
988
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
989
+ }
990
+ .utrecht-figure:has(+ .utrecht-button-group) {
991
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
992
+ }
993
+ .utrecht-figure:has(+ .utrecht-data-list) {
994
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
995
+ }
996
+ .utrecht-figure:has(+ .utrecht-form-field) {
997
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
998
+ }
999
+ .utrecht-figure:has(+ .utrecht-img) {
1000
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1001
+ }
1002
+ .utrecht-figure:has(+ .utrecht-link) {
1003
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1004
+ }
1005
+ .utrecht-figure:has(+ .utrecht-ordered-list) {
1006
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1007
+ }
1008
+ .utrecht-figure:has(+ .utrecht-pagination) {
1009
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1010
+ }
1011
+ .utrecht-figure:has(+ .utrecht-paragraph) {
1012
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1013
+ }
1014
+ .utrecht-figure:has(+ .utrecht-separator) {
1015
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1016
+ }
1017
+ .utrecht-figure:has(+ .utrecht-table) {
1018
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1019
+ }
1020
+ .utrecht-figure:has(+ .utrecht-unordered-list) {
1021
+ --utrecht-figure-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1022
+ }
1023
+ }
1024
+ @mixin utrecht-form-field {
1025
+ .utrecht-form-field:first-child {
1026
+ --utrecht-form-field-margin-block-start: 0;
1027
+ }
1028
+ .utrecht-form-field:has(+ .utrecht-heading-2) {
1029
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1030
+ }
1031
+ .utrecht-form-field:has(+ .utrecht-heading-3) {
1032
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1033
+ }
1034
+ .utrecht-form-field:has(+ .utrecht-heading-4) {
1035
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1036
+ }
1037
+ .utrecht-form-field:has(+ .utrecht-heading-5) {
1038
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1039
+ }
1040
+ .utrecht-form-field:has(+ .utrecht-heading-6) {
1041
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1042
+ }
1043
+ .utrecht-form-field:has(+ .utrecht-accordion) {
1044
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1045
+ }
1046
+ .utrecht-form-field:has(+ .utrecht-alert) {
1047
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1048
+ }
1049
+ .utrecht-form-field:has(+ .utrecht-badge-list) {
1050
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1051
+ }
1052
+ .utrecht-form-field:has(+ .utrecht-blockquote) {
1053
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1054
+ }
1055
+ .utrecht-form-field:has(+ .utrecht-button) {
1056
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1057
+ }
1058
+ .utrecht-form-field:has(+ .utrecht-button-group) {
1059
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1060
+ }
1061
+ .utrecht-form-field:has(+ .utrecht-data-list) {
1062
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1063
+ }
1064
+ .utrecht-form-field:has(+ .utrecht-figure) {
1065
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1066
+ }
1067
+ .utrecht-form-field:has(+ .utrecht-form-field) {
1068
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1069
+ }
1070
+ .utrecht-form-field:has(+ .utrecht-img) {
1071
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1072
+ }
1073
+ .utrecht-form-field:has(+ .utrecht-link) {
1074
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1075
+ }
1076
+ .utrecht-form-field:has(+ .utrecht-ordered-list) {
1077
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1078
+ }
1079
+ .utrecht-form-field:has(+ .utrecht-paragraph) {
1080
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1081
+ }
1082
+ .utrecht-form-field:has(+ .utrecht-separator) {
1083
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1084
+ }
1085
+ .utrecht-form-field:has(+ .utrecht-table) {
1086
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1087
+ }
1088
+ .utrecht-form-field:has(+ .utrecht-unordered-list) {
1089
+ --utrecht-form-field-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1090
+ }
1091
+ }
1092
+ @mixin utrecht-form-field-description {
1093
+ .utrecht-form-field-description:first-child {
1094
+ --utrecht-form-field-description-margin-block-start: 0;
1095
+ }
1096
+ .utrecht-form-field-description:has(+ .utrecht-form-field-error-message) {
1097
+ --utrecht-form-field-description-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1098
+ }
1099
+ .utrecht-form-field-description:has(+ .utrecht-select) {
1100
+ --utrecht-form-field-description-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1101
+ }
1102
+ .utrecht-form-field-description:has(+ .utrecht-textarea) {
1103
+ --utrecht-form-field-description-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1104
+ }
1105
+ .utrecht-form-field-description:has(+ .utrecht-textbox) {
1106
+ --utrecht-form-field-description-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1107
+ }
1108
+ }
1109
+ @mixin utrecht-form-field-error-message {
1110
+ .utrecht-form-field-error-message:first-child {
1111
+ --utrecht-form-field-error-message-margin-block-start: 0;
1112
+ }
1113
+ .utrecht-form-field-error-message:has(+ .utrecht-form-field-description) {
1114
+ --utrecht-form-field-error-message-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1115
+ }
1116
+ .utrecht-form-field-error-message:has(+ .utrecht-form-field-error-message) {
1117
+ --utrecht-form-field-error-message-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1118
+ }
1119
+ .utrecht-form-field-error-message:has(+ .utrecht-select) {
1120
+ --utrecht-form-field-error-message-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1121
+ }
1122
+ .utrecht-form-field-error-message:has(+ .utrecht-textarea) {
1123
+ --utrecht-form-field-error-message-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1124
+ }
1125
+ .utrecht-form-field-error-message:has(+ .utrecht-textbox) {
1126
+ --utrecht-form-field-error-message-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1127
+ }
1128
+ }
1129
+ @mixin utrecht-form-label {
1130
+ .utrecht-form-label:first-child {
1131
+ --utrecht-form-label-margin-block-start: 0;
1132
+ }
1133
+ .utrecht-form-label:has(+ .utrecht-form-field-description) {
1134
+ --utrecht-form-label-margin-block-end: var(--utrecht-rich-text-confidant-margin-block-end);
1135
+ }
1136
+ .utrecht-form-label:has(+ .utrecht-form-field-error-message) {
1137
+ --utrecht-form-label-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1138
+ }
1139
+ .utrecht-form-label:has(+ .utrecht-select) {
1140
+ --utrecht-form-label-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1141
+ }
1142
+ .utrecht-form-label:has(+ .utrecht-textarea) {
1143
+ --utrecht-form-label-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1144
+ }
1145
+ .utrecht-form-label:has(+ .utrecht-textbox) {
1146
+ --utrecht-form-label-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1147
+ }
1148
+ }
1149
+ @mixin utrecht-img {
1150
+ .utrecht-img:first-child {
1151
+ --utrecht-img-margin-block-start: 0;
1152
+ }
1153
+ .utrecht-img:has(+ .utrecht-heading-2) {
1154
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1155
+ }
1156
+ .utrecht-img:has(+ .utrecht-heading-3) {
1157
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1158
+ }
1159
+ .utrecht-img:has(+ .utrecht-heading-4) {
1160
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1161
+ }
1162
+ .utrecht-img:has(+ .utrecht-heading-5) {
1163
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1164
+ }
1165
+ .utrecht-img:has(+ .utrecht-heading-6) {
1166
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1167
+ }
1168
+ .utrecht-img:has(+ .utrecht-accordion) {
1169
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1170
+ }
1171
+ .utrecht-img:has(+ .utrecht-alert) {
1172
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1173
+ }
1174
+ .utrecht-img:has(+ .utrecht-badge-list) {
1175
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1176
+ }
1177
+ .utrecht-img:has(+ .utrecht-blockquote) {
1178
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1179
+ }
1180
+ .utrecht-img:has(+ .utrecht-button) {
1181
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1182
+ }
1183
+ .utrecht-img:has(+ .utrecht-button-group) {
1184
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1185
+ }
1186
+ .utrecht-img:has(+ .utrecht-data-list) {
1187
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1188
+ }
1189
+ .utrecht-img:has(+ .utrecht-form-field) {
1190
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1191
+ }
1192
+ .utrecht-img:has(+ .utrecht-img) {
1193
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1194
+ }
1195
+ .utrecht-img:has(+ .utrecht-link) {
1196
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1197
+ }
1198
+ .utrecht-img:has(+ .utrecht-ordered-list) {
1199
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1200
+ }
1201
+ .utrecht-img:has(+ .utrecht-pagination) {
1202
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1203
+ }
1204
+ .utrecht-img:has(+ .utrecht-paragraph) {
1205
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1206
+ }
1207
+ .utrecht-img:has(+ .utrecht-separator) {
1208
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1209
+ }
1210
+ .utrecht-img:has(+ .utrecht-table) {
1211
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1212
+ }
1213
+ .utrecht-img:has(+ .utrecht-unordered-list) {
1214
+ --utrecht-img-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1215
+ }
1216
+ }
1217
+ @mixin utrecht-link {
1218
+ .utrecht-link:first-child {
1219
+ --utrecht-link-margin-block-start: 0;
1220
+ }
1221
+ .utrecht-link:has(+ .utrecht-heading-2) {
1222
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1223
+ }
1224
+ .utrecht-link:has(+ .utrecht-heading-3) {
1225
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1226
+ }
1227
+ .utrecht-link:has(+ .utrecht-heading-4) {
1228
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1229
+ }
1230
+ .utrecht-link:has(+ .utrecht-heading-5) {
1231
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1232
+ }
1233
+ .utrecht-link:has(+ .utrecht-heading-6) {
1234
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1235
+ }
1236
+ .utrecht-link:has(+ .utrecht-accordion) {
1237
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1238
+ }
1239
+ .utrecht-link:has(+ .utrecht-alert) {
1240
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1241
+ }
1242
+ .utrecht-link:has(+ .utrecht-badge-list) {
1243
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1244
+ }
1245
+ .utrecht-link:has(+ .utrecht-blockquote) {
1246
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1247
+ }
1248
+ .utrecht-link:has(+ .utrecht-button) {
1249
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1250
+ }
1251
+ .utrecht-link:has(+ .utrecht-button-group) {
1252
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1253
+ }
1254
+ .utrecht-link:has(+ .utrecht-data-list) {
1255
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1256
+ }
1257
+ .utrecht-link:has(+ .utrecht-form-field) {
1258
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1259
+ }
1260
+ .utrecht-link:has(+ .utrecht-img) {
1261
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1262
+ }
1263
+ .utrecht-link:has(+ .utrecht-link) {
1264
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1265
+ }
1266
+ .utrecht-link:has(+ .utrecht-ordered-list) {
1267
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1268
+ }
1269
+ .utrecht-link:has(+ .utrecht-paragraph) {
1270
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1271
+ }
1272
+ .utrecht-link:has(+ .utrecht-separator) {
1273
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1274
+ }
1275
+ .utrecht-link:has(+ .utrecht-sidenav) {
1276
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1277
+ }
1278
+ .utrecht-link:has(+ .utrecht-table) {
1279
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1280
+ }
1281
+ .utrecht-link:has(+ .utrecht-unordered-list) {
1282
+ --utrecht-link-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1283
+ }
1284
+ }
1285
+ @mixin utrecht-ordered-list {
1286
+ .utrecht-ordered-list:first-child {
1287
+ --utrecht-ordered-list-margin-block-start: 0;
1288
+ }
1289
+ .utrecht-ordered-list:has(+ .utrecht-heading-2) {
1290
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1291
+ }
1292
+ .utrecht-ordered-list:has(+ .utrecht-heading-3) {
1293
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1294
+ }
1295
+ .utrecht-ordered-list:has(+ .utrecht-heading-4) {
1296
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1297
+ }
1298
+ .utrecht-ordered-list:has(+ .utrecht-heading-5) {
1299
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1300
+ }
1301
+ .utrecht-ordered-list:has(+ .utrecht-heading-6) {
1302
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1303
+ }
1304
+ .utrecht-ordered-list:has(+ .utrecht-accordion) {
1305
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1306
+ }
1307
+ .utrecht-ordered-list:has(+ .utrecht-alert) {
1308
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1309
+ }
1310
+ .utrecht-ordered-list:has(+ .utrecht-badge-list) {
1311
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1312
+ }
1313
+ .utrecht-ordered-list:has(+ .utrecht-blockquote) {
1314
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1315
+ }
1316
+ .utrecht-ordered-list:has(+ .utrecht-button) {
1317
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1318
+ }
1319
+ .utrecht-ordered-list:has(+ .utrecht-button-group) {
1320
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1321
+ }
1322
+ .utrecht-ordered-list:has(+ .utrecht-data-list) {
1323
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1324
+ }
1325
+ .utrecht-ordered-list:has(+ .utrecht-form-field) {
1326
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1327
+ }
1328
+ .utrecht-ordered-list:has(+ .utrecht-img) {
1329
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1330
+ }
1331
+ .utrecht-ordered-list:has(+ .utrecht-link) {
1332
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1333
+ }
1334
+ .utrecht-ordered-list:has(+ .utrecht-ordered-list) {
1335
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1336
+ }
1337
+ .utrecht-ordered-list:has(+ .utrecht-pagination) {
1338
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1339
+ }
1340
+ .utrecht-ordered-list:has(+ .utrecht-paragraph) {
1341
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1342
+ }
1343
+ .utrecht-ordered-list:has(+ .utrecht-separator) {
1344
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1345
+ }
1346
+ .utrecht-ordered-list:has(+ .utrecht-table) {
1347
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1348
+ }
1349
+ .utrecht-ordered-list:has(+ .utrecht-unordered-list) {
1350
+ --utrecht-ordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1351
+ }
1352
+ }
1353
+ @mixin utrecht-pagination {
1354
+ .utrecht-pagination:first-child {
1355
+ --utrecht-pagination-margin-block-start: 0;
1356
+ }
1357
+ .utrecht-pagination:has(+ .utrecht-heading-2) {
1358
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1359
+ }
1360
+ .utrecht-pagination:has(+ .utrecht-heading-3) {
1361
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1362
+ }
1363
+ .utrecht-pagination:has(+ .utrecht-heading-4) {
1364
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1365
+ }
1366
+ .utrecht-pagination:has(+ .utrecht-heading-5) {
1367
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1368
+ }
1369
+ .utrecht-pagination:has(+ .utrecht-heading-6) {
1370
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1371
+ }
1372
+ .utrecht-pagination:has(+ .utrecht-accordion) {
1373
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1374
+ }
1375
+ .utrecht-pagination:has(+ .utrecht-alert) {
1376
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1377
+ }
1378
+ .utrecht-pagination:has(+ .utrecht-badge-list) {
1379
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1380
+ }
1381
+ .utrecht-pagination:has(+ .utrecht-blockquote) {
1382
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1383
+ }
1384
+ .utrecht-pagination:has(+ .utrecht-button) {
1385
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1386
+ }
1387
+ .utrecht-pagination:has(+ .utrecht-button-group) {
1388
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1389
+ }
1390
+ .utrecht-pagination:has(+ .utrecht-data-list) {
1391
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1392
+ }
1393
+ .utrecht-pagination:has(+ .utrecht-form-field) {
1394
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1395
+ }
1396
+ .utrecht-pagination:has(+ .utrecht-img) {
1397
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1398
+ }
1399
+ .utrecht-pagination:has(+ .utrecht-link) {
1400
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1401
+ }
1402
+ .utrecht-pagination:has(+ .utrecht-ordered-list) {
1403
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1404
+ }
1405
+ .utrecht-pagination:has(+ .utrecht-paragraph) {
1406
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1407
+ }
1408
+ .utrecht-pagination:has(+ .utrecht-separator) {
1409
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1410
+ }
1411
+ .utrecht-pagination:has(+ .utrecht-table) {
1412
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1413
+ }
1414
+ .utrecht-pagination:has(+ .utrecht-unordered-list) {
1415
+ --utrecht-pagination-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1416
+ }
1417
+ }
1418
+ @mixin utrecht-paragraph {
1419
+ .utrecht-paragraph:first-child {
1420
+ --utrecht-paragraph-margin-block-start: 0;
1421
+ }
1422
+ .utrecht-paragraph:has(+ .utrecht-heading-2) {
1423
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1424
+ }
1425
+ .utrecht-paragraph:has(+ .utrecht-heading-3) {
1426
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1427
+ }
1428
+ .utrecht-paragraph:has(+ .utrecht-heading-4) {
1429
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1430
+ }
1431
+ .utrecht-paragraph:has(+ .utrecht-heading-5) {
1432
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1433
+ }
1434
+ .utrecht-paragraph:has(+ .utrecht-heading-6) {
1435
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1436
+ }
1437
+ .utrecht-paragraph:has(+ .utrecht-accordion) {
1438
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1439
+ }
1440
+ .utrecht-paragraph:has(+ .utrecht-alert) {
1441
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1442
+ }
1443
+ .utrecht-paragraph:has(+ .utrecht-badge-list) {
1444
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1445
+ }
1446
+ .utrecht-paragraph:has(+ .utrecht-blockquote) {
1447
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1448
+ }
1449
+ .utrecht-paragraph:has(+ .utrecht-button) {
1450
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1451
+ }
1452
+ .utrecht-paragraph:has(+ .utrecht-button-group) {
1453
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1454
+ }
1455
+ .utrecht-paragraph:has(+ .utrecht-data-list) {
1456
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1457
+ }
1458
+ .utrecht-paragraph:has(+ .utrecht-form-field) {
1459
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1460
+ }
1461
+ .utrecht-paragraph:has(+ .utrecht-img) {
1462
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1463
+ }
1464
+ .utrecht-paragraph:has(+ .utrecht-link) {
1465
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1466
+ }
1467
+ .utrecht-paragraph:has(+ .utrecht-ordered-list) {
1468
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1469
+ }
1470
+ .utrecht-paragraph:has(+ .utrecht-pagination) {
1471
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1472
+ }
1473
+ .utrecht-paragraph:has(+ .utrecht-paragraph) {
1474
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1475
+ }
1476
+ .utrecht-paragraph:has(+ .utrecht-separator) {
1477
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1478
+ }
1479
+ .utrecht-paragraph:has(+ .utrecht-table) {
1480
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1481
+ }
1482
+ .utrecht-paragraph:has(+ .utrecht-unordered-list) {
1483
+ --utrecht-paragraph-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1484
+ }
1485
+ }
1486
+ @mixin utrecht-select {
1487
+ .utrecht-select:first-child {
1488
+ --utrecht-select-margin-block-start: 0;
1489
+ }
1490
+ .utrecht-select:has(+ .utrecht-form-field-description) {
1491
+ --utrecht-select-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1492
+ }
1493
+ .utrecht-select:has(+ .utrecht-form-field-error-message) {
1494
+ --utrecht-select-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1495
+ }
1496
+ }
1497
+ @mixin utrecht-separator {
1498
+ .utrecht-separator:first-child {
1499
+ --utrecht-separator-margin-block-start: 0;
1500
+ }
1501
+ .utrecht-separator:has(+ .utrecht-heading-1) {
1502
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1503
+ }
1504
+ .utrecht-separator:has(+ .utrecht-heading-2) {
1505
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1506
+ }
1507
+ .utrecht-separator:has(+ .utrecht-heading-3) {
1508
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1509
+ }
1510
+ .utrecht-separator:has(+ .utrecht-heading-4) {
1511
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1512
+ }
1513
+ .utrecht-separator:has(+ .utrecht-heading-5) {
1514
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1515
+ }
1516
+ .utrecht-separator:has(+ .utrecht-heading-6) {
1517
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1518
+ }
1519
+ .utrecht-separator:has(+ .utrecht-accordion) {
1520
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1521
+ }
1522
+ .utrecht-separator:has(+ .utrecht-alert) {
1523
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1524
+ }
1525
+ .utrecht-separator:has(+ .utrecht-badge-list) {
1526
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1527
+ }
1528
+ .utrecht-separator:has(+ .utrecht-blockquote) {
1529
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1530
+ }
1531
+ .utrecht-separator:has(+ .utrecht-button) {
1532
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1533
+ }
1534
+ .utrecht-separator:has(+ .utrecht-button-group) {
1535
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1536
+ }
1537
+ .utrecht-separator:has(+ .utrecht-data-list) {
1538
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1539
+ }
1540
+ .utrecht-separator:has(+ .utrecht-form-field) {
1541
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1542
+ }
1543
+ .utrecht-separator:has(+ .utrecht-img) {
1544
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1545
+ }
1546
+ .utrecht-separator:has(+ .utrecht-link) {
1547
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1548
+ }
1549
+ .utrecht-separator:has(+ .utrecht-ordered-list) {
1550
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1551
+ }
1552
+ .utrecht-separator:has(+ .utrecht-pagination) {
1553
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1554
+ }
1555
+ .utrecht-separator:has(+ .utrecht-paragraph) {
1556
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1557
+ }
1558
+ .utrecht-separator:has(+ .utrecht-separator) {
1559
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1560
+ }
1561
+ .utrecht-separator:has(+ .utrecht-sidenav) {
1562
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1563
+ }
1564
+ .utrecht-separator:has(+ .utrecht-table) {
1565
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1566
+ }
1567
+ .utrecht-separator:has(+ .utrecht-unordered-list) {
1568
+ --utrecht-separator-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1569
+ }
1570
+ }
1571
+ @mixin utrecht-sidenav {
1572
+ .utrecht-sidenav:first-child {
1573
+ --utrecht-sidenav-margin-block-start: 0;
1574
+ }
1575
+ .utrecht-sidenav:has(+ .utrecht-heading-1) {
1576
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1577
+ }
1578
+ .utrecht-sidenav:has(+ .utrecht-heading-2) {
1579
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1580
+ }
1581
+ .utrecht-sidenav:has(+ .utrecht-heading-3) {
1582
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1583
+ }
1584
+ .utrecht-sidenav:has(+ .utrecht-heading-4) {
1585
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1586
+ }
1587
+ .utrecht-sidenav:has(+ .utrecht-heading-5) {
1588
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1589
+ }
1590
+ .utrecht-sidenav:has(+ .utrecht-heading-6) {
1591
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1592
+ }
1593
+ .utrecht-sidenav:has(+ .utrecht-accordion) {
1594
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1595
+ }
1596
+ .utrecht-sidenav:has(+ .utrecht-alert) {
1597
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1598
+ }
1599
+ .utrecht-sidenav:has(+ .utrecht-badge-list) {
1600
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1601
+ }
1602
+ .utrecht-sidenav:has(+ .utrecht-blockquote) {
1603
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1604
+ }
1605
+ .utrecht-sidenav:has(+ .utrecht-button) {
1606
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1607
+ }
1608
+ .utrecht-sidenav:has(+ .utrecht-button-group) {
1609
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1610
+ }
1611
+ .utrecht-sidenav:has(+ .utrecht-data-list) {
1612
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1613
+ }
1614
+ .utrecht-sidenav:has(+ .utrecht-form-field) {
1615
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1616
+ }
1617
+ .utrecht-sidenav:has(+ .utrecht-img) {
1618
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1619
+ }
1620
+ .utrecht-sidenav:has(+ .utrecht-link) {
1621
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1622
+ }
1623
+ .utrecht-sidenav:has(+ .utrecht-ordered-list) {
1624
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1625
+ }
1626
+ .utrecht-sidenav:has(+ .utrecht-pagination) {
1627
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1628
+ }
1629
+ .utrecht-sidenav:has(+ .utrecht-separator) {
1630
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1631
+ }
1632
+ .utrecht-sidenav:has(+ .utrecht-table) {
1633
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1634
+ }
1635
+ .utrecht-sidenav:has(+ .utrecht-unordered-list) {
1636
+ --utrecht-sidenav-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1637
+ }
1638
+ }
1639
+ @mixin utrecht-badge-status {
1640
+ .utrecht-badge-status:first-child {
1641
+ --utrecht-badge-status-margin-block-start: 0;
1642
+ }
1643
+ .utrecht-badge-status:has(+ .utrecht-heading-2) {
1644
+ --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1645
+ }
1646
+ .utrecht-badge-status:has(+ .utrecht-heading-3) {
1647
+ --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1648
+ }
1649
+ .utrecht-badge-status:has(+ .utrecht-heading-4) {
1650
+ --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1651
+ }
1652
+ .utrecht-badge-status:has(+ .utrecht-heading-5) {
1653
+ --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1654
+ }
1655
+ .utrecht-badge-status:has(+ .utrecht-heading-6) {
1656
+ --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1657
+ }
1658
+ .utrecht-badge-status:has(+ .utrecht-badge-status) {
1659
+ --utrecht-badge-status-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1660
+ }
1661
+ }
1662
+ @mixin utrecht-table {
1663
+ .utrecht-table:first-child {
1664
+ --utrecht-table-margin-block-start: 0;
1665
+ }
1666
+ .utrecht-table:has(+ .utrecht-heading-2) {
1667
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1668
+ }
1669
+ .utrecht-table:has(+ .utrecht-heading-3) {
1670
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1671
+ }
1672
+ .utrecht-table:has(+ .utrecht-heading-4) {
1673
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1674
+ }
1675
+ .utrecht-table:has(+ .utrecht-heading-5) {
1676
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1677
+ }
1678
+ .utrecht-table:has(+ .utrecht-heading-6) {
1679
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1680
+ }
1681
+ .utrecht-table:has(+ .utrecht-accordion) {
1682
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1683
+ }
1684
+ .utrecht-table:has(+ .utrecht-alert) {
1685
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1686
+ }
1687
+ .utrecht-table:has(+ .utrecht-badge-list) {
1688
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1689
+ }
1690
+ .utrecht-table:has(+ .utrecht-blockquote) {
1691
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1692
+ }
1693
+ .utrecht-table:has(+ .utrecht-button) {
1694
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1695
+ }
1696
+ .utrecht-table:has(+ .utrecht-button-group) {
1697
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1698
+ }
1699
+ .utrecht-table:has(+ .utrecht-data-list) {
1700
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1701
+ }
1702
+ .utrecht-table:has(+ .utrecht-form-field) {
1703
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1704
+ }
1705
+ .utrecht-table:has(+ .utrecht-img) {
1706
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1707
+ }
1708
+ .utrecht-table:has(+ .utrecht-link) {
1709
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1710
+ }
1711
+ .utrecht-table:has(+ .utrecht-ordered-list) {
1712
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1713
+ }
1714
+ .utrecht-table:has(+ .utrecht-pagination) {
1715
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1716
+ }
1717
+ .utrecht-table:has(+ .utrecht-paragraph) {
1718
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1719
+ }
1720
+ .utrecht-table:has(+ .utrecht-separator) {
1721
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1722
+ }
1723
+ .utrecht-table:has(+ .utrecht-table) {
1724
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1725
+ }
1726
+ .utrecht-table:has(+ .utrecht-unordered-list) {
1727
+ --utrecht-table-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1728
+ }
1729
+ }
1730
+ @mixin utrecht-textarea {
1731
+ .utrecht-textarea:first-child {
1732
+ --utrecht-textarea-margin-block-start: 0;
1733
+ }
1734
+ .utrecht-textarea:has(+ .utrecht-form-field-description) {
1735
+ --utrecht-textarea-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1736
+ }
1737
+ .utrecht-textarea:has(+ .utrecht-form-field-error-message) {
1738
+ --utrecht-textarea-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1739
+ }
1740
+ }
1741
+ @mixin utrecht-textbox {
1742
+ .utrecht-textbox:first-child {
1743
+ --utrecht-textbox-margin-block-start: 0;
1744
+ }
1745
+ .utrecht-textbox:has(+ .utrecht-form-field-description) {
1746
+ --utrecht-textbox-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1747
+ }
1748
+ .utrecht-textbox:has(+ .utrecht-form-field-error-message) {
1749
+ --utrecht-textbox-margin-block-end: var(--utrecht-rich-text-best-friend-margin-block-end);
1750
+ }
1751
+ }
1752
+ @mixin utrecht-unordered-list {
1753
+ .utrecht-unordered-list:first-child {
1754
+ --utrecht-unordered-list-margin-block-start: 0;
1755
+ }
1756
+ .utrecht-unordered-list:has(+ .utrecht-heading-2) {
1757
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1758
+ }
1759
+ .utrecht-unordered-list:has(+ .utrecht-heading-3) {
1760
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1761
+ }
1762
+ .utrecht-unordered-list:has(+ .utrecht-heading-4) {
1763
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1764
+ }
1765
+ .utrecht-unordered-list:has(+ .utrecht-heading-5) {
1766
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1767
+ }
1768
+ .utrecht-unordered-list:has(+ .utrecht-heading-6) {
1769
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1770
+ }
1771
+ .utrecht-unordered-list:has(+ .utrecht-accordion) {
1772
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1773
+ }
1774
+ .utrecht-unordered-list:has(+ .utrecht-alert) {
1775
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1776
+ }
1777
+ .utrecht-unordered-list:has(+ .utrecht-badge-list) {
1778
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1779
+ }
1780
+ .utrecht-unordered-list:has(+ .utrecht-blockquote) {
1781
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-acquaintance-margin-block-end);
1782
+ }
1783
+ .utrecht-unordered-list:has(+ .utrecht-button) {
1784
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1785
+ }
1786
+ .utrecht-unordered-list:has(+ .utrecht-button-group) {
1787
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1788
+ }
1789
+ .utrecht-unordered-list:has(+ .utrecht-data-list) {
1790
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1791
+ }
1792
+ .utrecht-unordered-list:has(+ .utrecht-form-field) {
1793
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1794
+ }
1795
+ .utrecht-unordered-list:has(+ .utrecht-img) {
1796
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1797
+ }
1798
+ .utrecht-unordered-list:has(+ .utrecht-link) {
1799
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1800
+ }
1801
+ .utrecht-unordered-list:has(+ .utrecht-ordered-list) {
1802
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1803
+ }
1804
+ .utrecht-unordered-list:has(+ .utrecht-pagination) {
1805
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1806
+ }
1807
+ .utrecht-unordered-list:has(+ .utrecht-paragraph) {
1808
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1809
+ }
1810
+ .utrecht-unordered-list:has(+ .utrecht-separator) {
1811
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-stranger-margin-block-end);
1812
+ }
1813
+ .utrecht-unordered-list:has(+ .utrecht-table) {
1814
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1815
+ }
1816
+ .utrecht-unordered-list:has(+ .utrecht-unordered-list) {
1817
+ --utrecht-unordered-list-margin-block-end: var(--utrecht-rich-text-friend-margin-block-end);
1818
+ }
1819
+ }