@solid-design-system/styles 7.0.0-next.3 → 7.0.0-next.4

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 (44) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/cdn-versioned/modules/chip.css +1 -1
  3. package/cdn-versioned/modules/container.css +1 -1
  4. package/cdn-versioned/modules/copyright.css +1 -1
  5. package/cdn-versioned/modules/display.css +1 -1
  6. package/cdn-versioned/modules/flag.css +1 -1
  7. package/cdn-versioned/modules/footnotes.css +1 -1
  8. package/cdn-versioned/modules/headline.css +1 -1
  9. package/cdn-versioned/modules/hidden-links.css +1 -1
  10. package/cdn-versioned/modules/interactive.css +1 -1
  11. package/cdn-versioned/modules/leadtext.css +1 -1
  12. package/cdn-versioned/modules/list.css +1 -1
  13. package/cdn-versioned/modules/mark.css +1 -1
  14. package/cdn-versioned/modules/media.css +1 -1
  15. package/cdn-versioned/modules/meta.css +1 -1
  16. package/cdn-versioned/modules/pagination.css +1 -1
  17. package/cdn-versioned/modules/paragraph.css +1 -1
  18. package/cdn-versioned/modules/prose.css +1 -1
  19. package/cdn-versioned/modules/status-badge.css +1 -1
  20. package/cdn-versioned/modules/table-cell.css +1 -1
  21. package/cdn-versioned/modules/table.css +1 -1
  22. package/cdn-versioned/solid-styles.css +1 -1
  23. package/dist-versioned/modules/chip.css +5 -5
  24. package/dist-versioned/modules/container.css +28 -28
  25. package/dist-versioned/modules/copyright.css +6 -6
  26. package/dist-versioned/modules/display.css +6 -6
  27. package/dist-versioned/modules/flag.css +5 -5
  28. package/dist-versioned/modules/footnotes.css +28 -28
  29. package/dist-versioned/modules/headline.css +30 -30
  30. package/dist-versioned/modules/hidden-links.css +4 -4
  31. package/dist-versioned/modules/interactive.css +16 -16
  32. package/dist-versioned/modules/leadtext.css +3 -3
  33. package/dist-versioned/modules/list.css +30 -30
  34. package/dist-versioned/modules/mark.css +1 -1
  35. package/dist-versioned/modules/media.css +4 -4
  36. package/dist-versioned/modules/meta.css +7 -7
  37. package/dist-versioned/modules/pagination.css +61 -61
  38. package/dist-versioned/modules/paragraph.css +3 -3
  39. package/dist-versioned/modules/prose.css +125 -125
  40. package/dist-versioned/modules/status-badge.css +6 -6
  41. package/dist-versioned/modules/table-cell.css +16 -16
  42. package/dist-versioned/modules/table.css +2 -2
  43. package/dist-versioned/solid-styles.css +276 -276
  44. package/package.json +1 -1
package/dist-versioned/solid-styles.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-7-0-0-next-3-chip {
4
+ .sd-7-0-0-next-4-chip {
5
5
  display: inline-flex;
6
6
  height: var(--sd-spacing-6);
7
7
  align-items: center;
@@ -15,57 +15,57 @@
15
15
  white-space: nowrap;
16
16
  color: rgba(var(--sd-color-text-black));
17
17
  }
18
- .sd-7-0-0-next-3-chip--primary-500 {
18
+ .sd-7-0-0-next-4-chip--primary-500 {
19
19
  border-color: rgba(var(--sd-chip--primary-500-color-border, rgba(255, 255, 255, 0)));
20
20
  background-color: rgba(var(--sd-chip--primary-500-color-background, rgba(var(--sd-color-primary-500))));
21
21
  color: rgba(var(--sd-chip--primary-500-color-text, rgba(var(--sd-color-white))));
22
22
  }
23
- .sd-7-0-0-next-3-chip--primary-300 {
23
+ .sd-7-0-0-next-4-chip--primary-300 {
24
24
  border-color: rgba(var(--sd-chip--primary-300-color-border, rgba(255, 255, 255, 0)));
25
25
  background-color: rgba(var(--sd-chip--primary-300-color-background, rgba(var(--sd-color-primary-300))));
26
26
  }
27
- .sd-7-0-0-next-3-chip--white {
27
+ .sd-7-0-0-next-4-chip--white {
28
28
  border-color: rgba(var(--sd-chip--white-color-border, rgba(255, 255, 255, 0)));
29
29
  background-color: rgba(var(--sd-chip--white-color-background, rgba(var(--sd-color-white))));
30
30
  }
31
- .sd-7-0-0-next-3-chip{
31
+ .sd-7-0-0-next-4-chip{
32
32
  font-size: var(--sd-chip-font-size);
33
33
  border-width: var(--sd-chip-border-width);
34
34
  font-weight: var(--sd-chip-font-weight);
35
35
  }
36
- .sd-7-0-0-next-3-container {
36
+ .sd-7-0-0-next-4-container {
37
37
  position: relative;
38
38
  background-color: rgba(var(--sd-color-background-neutral-100));
39
39
  padding-inline: var(--sd-spacing-10);
40
40
  padding-block: var(--sd-spacing-8);
41
41
  }
42
- .sd-7-0-0-next-3-container--variant-primary-100 {
42
+ .sd-7-0-0-next-4-container--variant-primary-100 {
43
43
  background-color: rgba(var(--sd-color-background-primary-100));
44
44
  }
45
- .sd-7-0-0-next-3-container--variant-primary-800 {
45
+ .sd-7-0-0-next-4-container--variant-primary-800 {
46
46
  background-color: rgba(var(--sd-container--primary-800-color-background, rgba(var(--sd-color-primary-800))));
47
47
  }
48
- .sd-7-0-0-next-3-container--variant-primary {
48
+ .sd-7-0-0-next-4-container--variant-primary {
49
49
  background-color: rgba(var(--sd-color-background-primary));
50
50
  }
51
- .sd-7-0-0-next-3-container--variant-border-neutral-400 {
51
+ .sd-7-0-0-next-4-container--variant-border-neutral-400 {
52
52
  --tw-border-style: solid;
53
53
  border-style: solid;
54
54
  border-color: rgba(var(--sd-color-border-neutral-400));
55
55
  background-color: rgba(var(--sd-color-background-white));
56
56
  border-width: 1px;
57
57
  }
58
- .sd-7-0-0-next-3-container--variant-white {
58
+ .sd-7-0-0-next-4-container--variant-white {
59
59
  background-color: rgba(var(--sd-color-background-white));
60
60
  }
61
- .sd-7-0-0-next-3-container--padding-sm {
61
+ .sd-7-0-0-next-4-container--padding-sm {
62
62
  padding-inline: var(--sd-spacing-6);
63
63
  padding-block: var(--sd-spacing-4);
64
64
  }
65
- .sd-7-0-0-next-3-container{
65
+ .sd-7-0-0-next-4-container{
66
66
  --triangle-background: rgba(var(--sd-color-background-white));
67
67
  }
68
- .sd-7-0-0-next-3-container--triangle-top::before, .sd-7-0-0-next-3-container--triangle-right::before, .sd-7-0-0-next-3-container--triangle-bottom::before, .sd-7-0-0-next-3-container--triangle-left::before {
68
+ .sd-7-0-0-next-4-container--triangle-top::before, .sd-7-0-0-next-4-container--triangle-right::before, .sd-7-0-0-next-4-container--triangle-bottom::before, .sd-7-0-0-next-4-container--triangle-left::before {
69
69
  position: absolute;
70
70
  display: block;
71
71
  --tw-border-style: solid;
@@ -74,27 +74,27 @@
74
74
  border-width: 14px;
75
75
  content: '';
76
76
  }
77
- .sd-7-0-0-next-3-container--triangle-top::before {
77
+ .sd-7-0-0-next-4-container--triangle-top::before {
78
78
  top: 0;
79
79
  left: calc(50% - 14px);
80
80
  border-top-color: var(--triangle-background);
81
81
  }
82
- .sd-7-0-0-next-3-container--triangle-right::before {
82
+ .sd-7-0-0-next-4-container--triangle-right::before {
83
83
  right: 0;
84
84
  top: calc(50% - 14px);
85
85
  border-right-color: var(--triangle-background);
86
86
  }
87
- .sd-7-0-0-next-3-container--triangle-bottom::before {
87
+ .sd-7-0-0-next-4-container--triangle-bottom::before {
88
88
  bottom: 0;
89
89
  left: calc(50% - 14px);
90
90
  border-bottom-color: var(--triangle-background);
91
91
  }
92
- .sd-7-0-0-next-3-container--triangle-left::before {
92
+ .sd-7-0-0-next-4-container--triangle-left::before {
93
93
  left: 0;
94
94
  top: calc(50% - 14px);
95
95
  border-left-color: var(--triangle-background);
96
96
  }
97
- .sd-7-0-0-next-3-container--triangle-top-border::after, .sd-7-0-0-next-3-container--triangle-top-border::before, .sd-7-0-0-next-3-container--triangle-right-border::after, .sd-7-0-0-next-3-container--triangle-right-border::before, .sd-7-0-0-next-3-container--triangle-bottom-border::after, .sd-7-0-0-next-3-container--triangle-bottom-border::before, .sd-7-0-0-next-3-container--triangle-left-border::after, .sd-7-0-0-next-3-container--triangle-left-border::before {
97
+ .sd-7-0-0-next-4-container--triangle-top-border::after, .sd-7-0-0-next-4-container--triangle-top-border::before, .sd-7-0-0-next-4-container--triangle-right-border::after, .sd-7-0-0-next-4-container--triangle-right-border::before, .sd-7-0-0-next-4-container--triangle-bottom-border::after, .sd-7-0-0-next-4-container--triangle-bottom-border::before, .sd-7-0-0-next-4-container--triangle-left-border::after, .sd-7-0-0-next-4-container--triangle-left-border::before {
98
98
  position: absolute;
99
99
  display: block;
100
100
  --tw-border-style: solid;
@@ -102,57 +102,57 @@
102
102
  border-color: transparent;
103
103
  content: '';
104
104
  }
105
- .sd-7-0-0-next-3-container--triangle-top-border::after, .sd-7-0-0-next-3-container--triangle-right-border::after, .sd-7-0-0-next-3-container--triangle-bottom-border::after, .sd-7-0-0-next-3-container--triangle-left-border::after {
105
+ .sd-7-0-0-next-4-container--triangle-top-border::after, .sd-7-0-0-next-4-container--triangle-right-border::after, .sd-7-0-0-next-4-container--triangle-bottom-border::after, .sd-7-0-0-next-4-container--triangle-left-border::after {
106
106
  border-width: 14px;
107
107
  }
108
- .sd-7-0-0-next-3-container--triangle-top-border::before, .sd-7-0-0-next-3-container--triangle-right-border::before, .sd-7-0-0-next-3-container--triangle-bottom-border::before, .sd-7-0-0-next-3-container--triangle-left-border::before {
108
+ .sd-7-0-0-next-4-container--triangle-top-border::before, .sd-7-0-0-next-4-container--triangle-right-border::before, .sd-7-0-0-next-4-container--triangle-bottom-border::before, .sd-7-0-0-next-4-container--triangle-left-border::before {
109
109
  border-width: 15px;
110
110
  }
111
- .sd-7-0-0-next-3-container--triangle-top-border::after, .sd-7-0-0-next-3-container--triangle-top-border::before {
111
+ .sd-7-0-0-next-4-container--triangle-top-border::after, .sd-7-0-0-next-4-container--triangle-top-border::before {
112
112
  top: -1px;
113
113
  }
114
- .sd-7-0-0-next-3-container--triangle-top-border::before {
114
+ .sd-7-0-0-next-4-container--triangle-top-border::before {
115
115
  border-top-color: rgba(var(--sd-color-border-neutral-400));
116
116
  left: calc(50% - 15px);
117
117
  }
118
- .sd-7-0-0-next-3-container--triangle-top-border::after {
118
+ .sd-7-0-0-next-4-container--triangle-top-border::after {
119
119
  left: calc(50% - 14px);
120
120
  border-top-color: var(--triangle-background);
121
121
  }
122
- .sd-7-0-0-next-3-container--triangle-right-border::after, .sd-7-0-0-next-3-container--triangle-right-border::before {
122
+ .sd-7-0-0-next-4-container--triangle-right-border::after, .sd-7-0-0-next-4-container--triangle-right-border::before {
123
123
  right: -1px;
124
124
  }
125
- .sd-7-0-0-next-3-container--triangle-right-border::before {
125
+ .sd-7-0-0-next-4-container--triangle-right-border::before {
126
126
  border-right-color: rgba(var(--sd-color-border-neutral-400));
127
127
  top: calc(50% - 15px);
128
128
  }
129
- .sd-7-0-0-next-3-container--triangle-right-border::after {
129
+ .sd-7-0-0-next-4-container--triangle-right-border::after {
130
130
  top: calc(50% - 14px);
131
131
  border-right-color: var(--triangle-background);
132
132
  }
133
- .sd-7-0-0-next-3-container--triangle-bottom-border::after, .sd-7-0-0-next-3-container--triangle-bottom-border::before {
133
+ .sd-7-0-0-next-4-container--triangle-bottom-border::after, .sd-7-0-0-next-4-container--triangle-bottom-border::before {
134
134
  bottom: -1px;
135
135
  }
136
- .sd-7-0-0-next-3-container--triangle-bottom-border::before {
136
+ .sd-7-0-0-next-4-container--triangle-bottom-border::before {
137
137
  border-bottom-color: rgba(var(--sd-color-border-neutral-400));
138
138
  left: calc(50% - 15px);
139
139
  }
140
- .sd-7-0-0-next-3-container--triangle-bottom-border::after {
140
+ .sd-7-0-0-next-4-container--triangle-bottom-border::after {
141
141
  left: calc(50% - 14px);
142
142
  border-bottom-color: var(--triangle-background);
143
143
  }
144
- .sd-7-0-0-next-3-container--triangle-left-border::after, .sd-7-0-0-next-3-container--triangle-left-border::before {
144
+ .sd-7-0-0-next-4-container--triangle-left-border::after, .sd-7-0-0-next-4-container--triangle-left-border::before {
145
145
  left: -1px;
146
146
  }
147
- .sd-7-0-0-next-3-container--triangle-left-border::before {
147
+ .sd-7-0-0-next-4-container--triangle-left-border::before {
148
148
  border-left-color: rgba(var(--sd-color-border-neutral-400));
149
149
  top: calc(50% - 15px);
150
150
  }
151
- .sd-7-0-0-next-3-container--triangle-left-border::after {
151
+ .sd-7-0-0-next-4-container--triangle-left-border::after {
152
152
  top: calc(50% - 14px);
153
153
  border-left-color: var(--triangle-background);
154
154
  }
155
- .sd-7-0-0-next-3-copyright {
155
+ .sd-7-0-0-next-4-copyright {
156
156
  position: relative;
157
157
  --tw-blur: ;
158
158
  --tw-brightness: ;
@@ -163,7 +163,7 @@
163
163
  --tw-saturate: ;
164
164
  --tw-sepia: ;
165
165
  }
166
- .sd-7-0-0-next-3-copyright::after {
166
+ .sd-7-0-0-next-4-copyright::after {
167
167
  position: absolute;
168
168
  bottom: 0;
169
169
  left: 0;
@@ -179,7 +179,7 @@
179
179
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
180
180
  content: var(--copyright);
181
181
  }
182
- .sd-7-0-0-next-3-copyright--orientation-vertical::after {
182
+ .sd-7-0-0-next-4-copyright--orientation-vertical::after {
183
183
  width: -moz-max-content;
184
184
  width: max-content;
185
185
  padding-top: var(--sd-spacing-2);
@@ -190,14 +190,14 @@
190
190
  text-orientation: sideways-right;
191
191
  transform: rotate(180deg);
192
192
  }
193
- .sd-7-0-0-next-3-copyright--color-black::after {
193
+ .sd-7-0-0-next-4-copyright--color-black::after {
194
194
  color: rgba(var(--sd-color-text-black));
195
195
  filter: drop-shadow(0 0 transparent);
196
196
  }
197
- .sd-7-0-0-next-3-copyright--no-shadow::after {
197
+ .sd-7-0-0-next-4-copyright--no-shadow::after {
198
198
  filter: drop-shadow(0 0 transparent);
199
199
  }
200
- .sd-7-0-0-next-3-copyright--placement-top::after {
200
+ .sd-7-0-0-next-4-copyright--placement-top::after {
201
201
  position: absolute;
202
202
  top: 0;
203
203
  right: 0;
@@ -207,7 +207,7 @@
207
207
  padding-top: var(--sd-spacing-2);
208
208
  padding-right: var(--sd-spacing-4);
209
209
  }
210
- .sd-7-0-0-next-3-flag {
210
+ .sd-7-0-0-next-4-flag {
211
211
  display: inline-flex;
212
212
  height: var(--sd-spacing-8);
213
213
  align-items: center;
@@ -223,23 +223,23 @@
223
223
  white-space: nowrap;
224
224
  color: rgba(var(--sd-color-text-black));
225
225
  }
226
- .sd-7-0-0-next-3-flag--neutral-500 {
226
+ .sd-7-0-0-next-4-flag--neutral-500 {
227
227
  border-color: rgba(var(--sd-flag--neutral-500-color-border, rgba(255, 255, 255, 0)));
228
228
  background-color: rgba(var(--sd-flag--neutral-500-color-background, rgba(var(--sd-color-neutral-500))));
229
229
  color: rgba(var(--sd-color-text-black));
230
230
  }
231
- .sd-7-0-0-next-3-flag--neutral-300 {
231
+ .sd-7-0-0-next-4-flag--neutral-300 {
232
232
  border-color: rgba(var(--sd-flag--neutral-300-color-border, rgba(255, 255, 255, 0)));
233
233
  background-color: rgba(var(--sd-flag--neutral-300-color-background, rgba(var(--sd-color-neutral-300))));
234
234
  }
235
- .sd-7-0-0-next-3-flag--white {
235
+ .sd-7-0-0-next-4-flag--white {
236
236
  border-color: rgba(var(--sd-flag--white-color-border, rgba(255, 255, 255, 0)));
237
237
  background-color: rgba(var(--sd-flag--white-color-background, rgba(var(--sd-color-white))));
238
238
  }
239
- .sd-7-0-0-next-3-flag{
239
+ .sd-7-0-0-next-4-flag{
240
240
  border-width: var(--sd-flag-border-width);
241
241
  }
242
- .sd-7-0-0-next-3-footnotes {
242
+ .sd-7-0-0-next-4-footnotes {
243
243
  margin-block: 0;
244
244
  padding: 0;
245
245
  text-align: left;
@@ -247,18 +247,18 @@
247
247
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
248
248
  color: rgba(var(--sd-color-text-neutral-700));
249
249
  }
250
- .sd-7-0-0-next-3-footnotes :target {
250
+ .sd-7-0-0-next-4-footnotes :target {
251
251
  background-color: rgba(var(--sd-color-background-neutral-200));
252
252
  }
253
- .sd-7-0-0-next-3-footnotes:is(ol) {
253
+ .sd-7-0-0-next-4-footnotes:is(ol) {
254
254
  padding-inline-start: var(--sd-spacing-8);
255
255
  }
256
- .sd-7-0-0-next-3-footnotes:is(ol) li {
256
+ .sd-7-0-0-next-4-footnotes:is(ol) li {
257
257
  counter-increment: list-item;
258
258
  position: relative;
259
259
  list-style-type: none;
260
260
  }
261
- .sd-7-0-0-next-3-footnotes:is(ol) li .sd-7-0-0-next-3-footnotes--marker::before, .sd-7-0-0-next-3-footnotes:is(ol) li:has(.sd-7-0-0-next-3-footnotes--marker:nth-of-type(2))::before, .sd-7-0-0-next-3-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-3-footnotes--marker))::before {
261
+ .sd-7-0-0-next-4-footnotes:is(ol) li .sd-7-0-0-next-4-footnotes--marker::before, .sd-7-0-0-next-4-footnotes:is(ol) li:has(.sd-7-0-0-next-4-footnotes--marker:nth-of-type(2))::before, .sd-7-0-0-next-4-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-4-footnotes--marker))::before {
262
262
  position: absolute;
263
263
  left: calc(var(--sd-spacing-8) * -1);
264
264
  flex-shrink: 0;
@@ -270,14 +270,14 @@
270
270
  padding-top: 1px;
271
271
  font-size: 10px;
272
272
  }
273
- .sd-7-0-0-next-3-footnotes:is(ol) li .sd-7-0-0-next-3-footnotes--marker::after, .sd-7-0-0-next-3-footnotes:is(ol) li:has(.sd-7-0-0-next-3-footnotes--marker:nth-of-type(2))::after, .sd-7-0-0-next-3-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-3-footnotes--marker))::after {
273
+ .sd-7-0-0-next-4-footnotes:is(ol) li .sd-7-0-0-next-4-footnotes--marker::after, .sd-7-0-0-next-4-footnotes:is(ol) li:has(.sd-7-0-0-next-4-footnotes--marker:nth-of-type(2))::after, .sd-7-0-0-next-4-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-4-footnotes--marker))::after {
274
274
  content: none;
275
275
  }
276
- .sd-7-0-0-next-3-footnotes:is(ol) li .sd-7-0-0-next-3-footnotes--marker .sd-7-0-0-next-3-footnotes--marker, .sd-7-0-0-next-3-footnotes:is(ol) li:has(.sd-7-0-0-next-3-footnotes--marker:nth-of-type(2)) .sd-7-0-0-next-3-footnotes--marker, .sd-7-0-0-next-3-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-3-footnotes--marker)) .sd-7-0-0-next-3-footnotes--marker {
276
+ .sd-7-0-0-next-4-footnotes:is(ol) li .sd-7-0-0-next-4-footnotes--marker .sd-7-0-0-next-4-footnotes--marker, .sd-7-0-0-next-4-footnotes:is(ol) li:has(.sd-7-0-0-next-4-footnotes--marker:nth-of-type(2)) .sd-7-0-0-next-4-footnotes--marker, .sd-7-0-0-next-4-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-4-footnotes--marker)) .sd-7-0-0-next-4-footnotes--marker {
277
277
  display: inline-block;
278
278
  counter-increment: footnotes-multiple;
279
279
  }
280
- .sd-7-0-0-next-3-footnotes:is(ol) li .sd-7-0-0-next-3-footnotes--marker .sd-7-0-0-next-3-footnotes--marker::before, .sd-7-0-0-next-3-footnotes:is(ol) li:has(.sd-7-0-0-next-3-footnotes--marker:nth-of-type(2)) .sd-7-0-0-next-3-footnotes--marker::before, .sd-7-0-0-next-3-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-3-footnotes--marker)) .sd-7-0-0-next-3-footnotes--marker::before {
280
+ .sd-7-0-0-next-4-footnotes:is(ol) li .sd-7-0-0-next-4-footnotes--marker .sd-7-0-0-next-4-footnotes--marker::before, .sd-7-0-0-next-4-footnotes:is(ol) li:has(.sd-7-0-0-next-4-footnotes--marker:nth-of-type(2)) .sd-7-0-0-next-4-footnotes--marker::before, .sd-7-0-0-next-4-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-4-footnotes--marker)) .sd-7-0-0-next-4-footnotes--marker::before {
281
281
  position: relative;
282
282
  left: 0;
283
283
  vertical-align: super;
@@ -287,15 +287,15 @@
287
287
  font-weight: var(--sd-font-weight-bold);
288
288
  content: counter(footnotes-multiple, lower-alpha);
289
289
  }
290
- .sd-7-0-0-next-3-footnotes:is(ol) li .sd-7-0-0-next-3-footnotes--marker {
290
+ .sd-7-0-0-next-4-footnotes:is(ol) li .sd-7-0-0-next-4-footnotes--marker {
291
291
  bottom: 0;
292
292
  display: block;
293
293
  }
294
- .sd-7-0-0-next-3-footnotes:is(ol) li .sd-7-0-0-next-3-footnotes--marker:focus-visible {
294
+ .sd-7-0-0-next-4-footnotes:is(ol) li .sd-7-0-0-next-4-footnotes--marker:focus-visible {
295
295
  outline-style: var(--tw-outline-style);
296
296
  outline-width: 0px;
297
297
  }
298
- .sd-7-0-0-next-3-footnotes:is(ol) li .sd-7-0-0-next-3-footnotes--marker:focus-visible::before {
298
+ .sd-7-0-0-next-4-footnotes:is(ol) li .sd-7-0-0-next-4-footnotes--marker:focus-visible::before {
299
299
  border-radius: var(--sd-radius);
300
300
  outline-width: 1px;
301
301
  outline-style: var(--tw-outline-style);
@@ -303,30 +303,30 @@
303
303
  outline-offset: 2px;
304
304
  outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
305
305
  }
306
- .sd-7-0-0-next-3-footnotes:is(ul) {
306
+ .sd-7-0-0-next-4-footnotes:is(ul) {
307
307
  list-style: '';
308
308
  }
309
- .sd-7-0-0-next-3-footnotes--inverted {
309
+ .sd-7-0-0-next-4-footnotes--inverted {
310
310
  color: rgba(var(--sd-color-text-primary-400));
311
311
  }
312
- .sd-7-0-0-next-3-footnotes--inverted :target {
312
+ .sd-7-0-0-next-4-footnotes--inverted :target {
313
313
  background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
314
314
  }
315
- .sd-7-0-0-next-3-footnotes--inverted .sd-7-0-0-next-3-footnotes--marker::before {
315
+ .sd-7-0-0-next-4-footnotes--inverted .sd-7-0-0-next-4-footnotes--marker::before {
316
316
  color: rgba(var(--sd-color-text-white));
317
317
  outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white))) !important;
318
318
  }
319
- .sd-7-0-0-next-3-footnotes--inverted:is(.sd-7-0-0-next-3-footnotes--marker) {
319
+ .sd-7-0-0-next-4-footnotes--inverted:is(.sd-7-0-0-next-4-footnotes--marker) {
320
320
  color: rgba(var(--sd-color-text-white)) !important;
321
321
  outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white))) !important;
322
322
  }
323
- .sd-7-0-0-next-3-footnotes--inverted:is(.sd-7-0-0-next-3-footnotes--marker):target {
323
+ .sd-7-0-0-next-4-footnotes--inverted:is(.sd-7-0-0-next-4-footnotes--marker):target {
324
324
  background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
325
325
  }
326
- .sd-7-0-0-next-3-footnotes--inverted:is(ol) li .sd-7-0-0-next-3-footnotes--marker::before, .sd-7-0-0-next-3-footnotes--inverted:is(ol) li::before {
326
+ .sd-7-0-0-next-4-footnotes--inverted:is(ol) li .sd-7-0-0-next-4-footnotes--marker::before, .sd-7-0-0-next-4-footnotes--inverted:is(ol) li::before {
327
327
  color: rgba(var(--sd-color-text-white)) !important;
328
328
  }
329
- .sd-7-0-0-next-3-footnotes--marker {
329
+ .sd-7-0-0-next-4-footnotes--marker {
330
330
  position: relative;
331
331
  bottom: var(--sd-spacing-2);
332
332
  display: inline-block;
@@ -336,33 +336,33 @@
336
336
  text-decoration-line: none !important;
337
337
  font-size: x-small;
338
338
  }
339
- .sd-7-0-0-next-3-footnotes--marker:target {
339
+ .sd-7-0-0-next-4-footnotes--marker:target {
340
340
  background-color: rgba(var(--sd-color-background-neutral-200));
341
341
  }
342
- .sd-7-0-0-next-3-footnotes--marker:not(:has(a))::before {
342
+ .sd-7-0-0-next-4-footnotes--marker:not(:has(a))::before {
343
343
  content: '[ ';
344
344
  display: inline-block;
345
345
  }
346
- .sd-7-0-0-next-3-footnotes--marker:not(:has(a))::after {
346
+ .sd-7-0-0-next-4-footnotes--marker:not(:has(a))::after {
347
347
  content: ' ]';
348
348
  display: inline-block;
349
349
  }
350
- .sd-7-0-0-next-3-footnotes--marker :is(a) {
350
+ .sd-7-0-0-next-4-footnotes--marker :is(a) {
351
351
  display: inline-block;
352
352
  --tw-font-weight: var(--sd-font-weight-bold);
353
353
  font-weight: var(--sd-font-weight-bold);
354
354
  white-space: nowrap;
355
355
  text-decoration-line: none !important;
356
356
  }
357
- .sd-7-0-0-next-3-footnotes--marker :is(a)::before {
357
+ .sd-7-0-0-next-4-footnotes--marker :is(a)::before {
358
358
  content: '[ ';
359
359
  display: inline-block;
360
360
  }
361
- .sd-7-0-0-next-3-footnotes--marker :is(a)::after {
361
+ .sd-7-0-0-next-4-footnotes--marker :is(a)::after {
362
362
  content: ' ]';
363
363
  display: inline-block;
364
364
  }
365
- .sd-7-0-0-next-3-footnotes--marker :is(a):focus-visible {
365
+ .sd-7-0-0-next-4-footnotes--marker :is(a):focus-visible {
366
366
  border-radius: var(--sd-radius);
367
367
  outline-width: 1px;
368
368
  outline-style: var(--tw-outline-style);
@@ -370,10 +370,10 @@
370
370
  outline-offset: 2px;
371
371
  outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
372
372
  }
373
- .sd-7-0-0-next-3-footnotes--marker:link, .sd-7-0-0-next-3-footnotes--marker:visited {
373
+ .sd-7-0-0-next-4-footnotes--marker:link, .sd-7-0-0-next-4-footnotes--marker:visited {
374
374
  color: rgba(var(--sd-color-text-primary));
375
375
  }
376
- .sd-7-0-0-next-3-footnotes--marker:focus-visible {
376
+ .sd-7-0-0-next-4-footnotes--marker:focus-visible {
377
377
  border-radius: var(--sd-radius);
378
378
  outline-width: 1px;
379
379
  outline-style: var(--tw-outline-style);
@@ -387,7 +387,7 @@
387
387
  :lang(de) {
388
388
  --sd-hidden-links-title: 'Springe zu';
389
389
  }
390
- .sd-7-0-0-next-3-hidden-links:not(:focus-within):not(.sd-7-0-0-next-3-hidden-links--debug) {
390
+ .sd-7-0-0-next-4-hidden-links:not(:focus-within):not(.sd-7-0-0-next-4-hidden-links--debug) {
391
391
  position: absolute;
392
392
  width: 1px;
393
393
  height: 1px;
@@ -398,7 +398,7 @@
398
398
  white-space: nowrap;
399
399
  border-width: 0;
400
400
  }
401
- .sd-7-0-0-next-3-hidden-links{
401
+ .sd-7-0-0-next-4-hidden-links{
402
402
  position: absolute;
403
403
  top: var(--sd-spacing-6);
404
404
  left: var(--sd-spacing-6);
@@ -406,7 +406,7 @@
406
406
  border-width: 1px;
407
407
  border-color: rgba(var(--sd-panel-color-border, rgba(255, 255, 255, 0)));
408
408
  }
409
- .sd-7-0-0-next-3-hidden-links--multiple {
409
+ .sd-7-0-0-next-4-hidden-links--multiple {
410
410
  display: flex;
411
411
  flex-direction: column;
412
412
  background-color: rgba(var(--sd-color-background-white));
@@ -415,18 +415,18 @@
415
415
  --tw-shadow: var(--sd-shadow);
416
416
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
417
417
  }
418
- .sd-7-0-0-next-3-hidden-links--multiple:before {
418
+ .sd-7-0-0-next-4-hidden-links--multiple:before {
419
419
  padding-inline: var(--sd-spacing-4);
420
420
  padding-block: var(--sd-spacing-2);
421
421
  --tw-font-weight: var(--sd-font-weight-bold);
422
422
  font-weight: var(--sd-font-weight-bold);
423
423
  content: var(--sd-hidden-links-title);
424
424
  }
425
- mark.sd-7-0-0-next-3-mark {
425
+ mark.sd-7-0-0-next-4-mark {
426
426
  background-color: transparent;
427
427
  color: rgba(var(--sd-color-text-accent));
428
428
  }
429
- .sd-7-0-0-next-3-meta {
429
+ .sd-7-0-0-next-4-meta {
430
430
  font-size: var(--sd-text-base);
431
431
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
432
432
  --tw-leading: 1;
@@ -435,38 +435,38 @@ mark.sd-7-0-0-next-3-mark {
435
435
  font-weight: var(--sd-font-weight-normal);
436
436
  color: rgba(var(--sd-color-text-black));
437
437
  }
438
- .sd-7-0-0-next-3-meta--size-sm {
438
+ .sd-7-0-0-next-4-meta--size-sm {
439
439
  font-size: var(--sd-text-sm);
440
440
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
441
441
  }
442
- .sd-7-0-0-next-3-meta--light {
442
+ .sd-7-0-0-next-4-meta--light {
443
443
  color: rgba(var(--sd-color-text-neutral-700));
444
444
  }
445
- .sd-7-0-0-next-3-meta--inverted {
445
+ .sd-7-0-0-next-4-meta--inverted {
446
446
  color: rgba(var(--sd-color-text-white));
447
447
  }
448
- .sd-7-0-0-next-3-meta--inverted.sd-7-0-0-next-3-meta--light {
448
+ .sd-7-0-0-next-4-meta--inverted.sd-7-0-0-next-4-meta--light {
449
449
  color: rgba(var(--sd-color-text-primary-400));
450
450
  }
451
- .sd-7-0-0-next-3-meta--pipe::after {
451
+ .sd-7-0-0-next-4-meta--pipe::after {
452
452
  content: '|';
453
453
  margin-inline: var(--sd-spacing-1);
454
454
  }
455
- .sd-7-0-0-next-3-meta--pipe.sd-7-0-0-next-3-meta--size-sm::after {
455
+ .sd-7-0-0-next-4-meta--pipe.sd-7-0-0-next-4-meta--size-sm::after {
456
456
  margin-inline: var(--sd-spacing-0\.5);
457
457
  }
458
- .sd-7-0-0-next-3-pagination > :not(ul) {
458
+ .sd-7-0-0-next-4-pagination > :not(ul) {
459
459
  position: absolute;
460
460
  height: var(--sd-spacing-0\.25);
461
461
  width: var(--sd-spacing-0\.25);
462
462
  overflow: hidden;
463
463
  }
464
- .sd-7-0-0-next-3-pagination ul {
464
+ .sd-7-0-0-next-4-pagination ul {
465
465
  display: flex;
466
466
  align-items: center;
467
467
  gap: var(--sd-spacing-2);
468
468
  }
469
- .sd-7-0-0-next-3-pagination ul li button {
469
+ .sd-7-0-0-next-4-pagination ul li button {
470
470
  all: unset;
471
471
  border-style: var(--tw-border-style);
472
472
  border-width: 0px;
@@ -474,13 +474,13 @@ mark.sd-7-0-0-next-3-mark {
474
474
  border-style: solid;
475
475
  border-color: transparent;
476
476
  }
477
- .sd-7-0-0-next-3-pagination ul li button:hover:not([disabled]) {
477
+ .sd-7-0-0-next-4-pagination ul li button:hover:not([disabled]) {
478
478
  cursor: pointer;
479
479
  }
480
- .sd-7-0-0-next-3-pagination ul li:has(button) {
480
+ .sd-7-0-0-next-4-pagination ul li:has(button) {
481
481
  height: 1.875rem;
482
482
  }
483
- .sd-7-0-0-next-3-pagination ul li a, .sd-7-0-0-next-3-pagination ul li button {
483
+ .sd-7-0-0-next-4-pagination ul li a, .sd-7-0-0-next-4-pagination ul li button {
484
484
  display: flex;
485
485
  align-items: center;
486
486
  justify-content: center;
@@ -490,30 +490,30 @@ mark.sd-7-0-0-next-3-mark {
490
490
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
491
491
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
492
492
  }
493
- .sd-7-0-0-next-3-pagination ul li a:hover:not([disabled]), .sd-7-0-0-next-3-pagination ul li button:hover:not([disabled]) {
493
+ .sd-7-0-0-next-4-pagination ul li a:hover:not([disabled]), .sd-7-0-0-next-4-pagination ul li button:hover:not([disabled]) {
494
494
  color: rgba(var(--sd-color-text-primary-500));
495
495
  }
496
- .sd-7-0-0-next-3-pagination ul li a:active:not([disabled]), .sd-7-0-0-next-3-pagination ul li button:active:not([disabled]) {
496
+ .sd-7-0-0-next-4-pagination ul li a:active:not([disabled]), .sd-7-0-0-next-4-pagination ul li button:active:not([disabled]) {
497
497
  color: rgba(var(--sd-color-text-primary-800));
498
498
  }
499
- .sd-7-0-0-next-3-pagination ul li a:focus-visible, .sd-7-0-0-next-3-pagination ul li button:focus-visible {
499
+ .sd-7-0-0-next-4-pagination ul li a:focus-visible, .sd-7-0-0-next-4-pagination ul li button:focus-visible {
500
500
  outline-width: 1px;
501
501
  outline-style: var(--tw-outline-style);
502
502
  outline-width: 2px;
503
503
  outline-offset: 2px;
504
504
  outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
505
505
  }
506
- .sd-7-0-0-next-3-pagination ul li:first-child, .sd-7-0-0-next-3-pagination ul li:last-child {
506
+ .sd-7-0-0-next-4-pagination ul li:first-child, .sd-7-0-0-next-4-pagination ul li:last-child {
507
507
  height: var(--sd-spacing-12);
508
508
  width: var(--sd-spacing-12);
509
509
  font-size: var(--sd-text-xl);
510
510
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
511
511
  }
512
- .sd-7-0-0-next-3-pagination ul li:first-child a, .sd-7-0-0-next-3-pagination ul li:first-child button, .sd-7-0-0-next-3-pagination ul li:last-child a, .sd-7-0-0-next-3-pagination ul li:last-child button {
512
+ .sd-7-0-0-next-4-pagination ul li:first-child a, .sd-7-0-0-next-4-pagination ul li:first-child button, .sd-7-0-0-next-4-pagination ul li:last-child a, .sd-7-0-0-next-4-pagination ul li:last-child button {
513
513
  height: 100%;
514
514
  width: 100%;
515
515
  }
516
- .sd-7-0-0-next-3-pagination ul li {
516
+ .sd-7-0-0-next-4-pagination ul li {
517
517
  display: flex;
518
518
  height: var(--sd-spacing-8);
519
519
  width: var(--sd-spacing-8);
@@ -521,124 +521,124 @@ mark.sd-7-0-0-next-3-mark {
521
521
  justify-content: center;
522
522
  text-align: center;
523
523
  }
524
- .sd-7-0-0-next-3-pagination ul li:not(:first-child):not(:last-child) a, .sd-7-0-0-next-3-pagination ul li:not(:first-child):not(:last-child) button {
524
+ .sd-7-0-0-next-4-pagination ul li:not(:first-child):not(:last-child) a, .sd-7-0-0-next-4-pagination ul li:not(:first-child):not(:last-child) button {
525
525
  height: 100%;
526
526
  width: 100%;
527
527
  border-bottom-style: var(--tw-border-style);
528
528
  border-bottom-width: var(--sd-border-width-2);
529
529
  border-bottom-color: transparent;
530
530
  }
531
- .sd-7-0-0-next-3-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-0-0-next-3-pagination ul li:not(:first-child):not(:last-child) button[aria-current] {
531
+ .sd-7-0-0-next-4-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-0-0-next-4-pagination ul li:not(:first-child):not(:last-child) button[aria-current] {
532
532
  border-color: rgba(var(--sd-pagination--default-border, rgba(var(--sd-color-accent))));
533
533
  }
534
- .sd-7-0-0-next-3-pagination ul li a[aria-current], .sd-7-0-0-next-3-pagination ul li button[aria-current] {
534
+ .sd-7-0-0-next-4-pagination ul li a[aria-current], .sd-7-0-0-next-4-pagination ul li button[aria-current] {
535
535
  color: rgba(var(--sd-color-text-black));
536
536
  }
537
- .sd-7-0-0-next-3-pagination ul li a[aria-current]:hover:not([disabled]), .sd-7-0-0-next-3-pagination ul li button[aria-current]:hover:not([disabled]) {
537
+ .sd-7-0-0-next-4-pagination ul li a[aria-current]:hover:not([disabled]), .sd-7-0-0-next-4-pagination ul li button[aria-current]:hover:not([disabled]) {
538
538
  color: rgba(var(--sd-color-text-black));
539
539
  }
540
- .sd-7-0-0-next-3-pagination ul li:first-child:has(a:not([href])) a, .sd-7-0-0-next-3-pagination ul li:last-child:has(a:not([href])) a, .sd-7-0-0-next-3-pagination ul li:first-child:has(button[disabled]) button, .sd-7-0-0-next-3-pagination ul li:last-child:has(button[disabled]) button {
540
+ .sd-7-0-0-next-4-pagination ul li:first-child:has(a:not([href])) a, .sd-7-0-0-next-4-pagination ul li:last-child:has(a:not([href])) a, .sd-7-0-0-next-4-pagination ul li:first-child:has(button[disabled]) button, .sd-7-0-0-next-4-pagination ul li:last-child:has(button[disabled]) button {
541
541
  cursor: not-allowed;
542
542
  color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
543
543
  }
544
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) {
544
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) {
545
545
  pointer-events: none;
546
546
  position: absolute;
547
547
  }
548
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) button {
548
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) button {
549
549
  display: none;
550
550
  }
551
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current]), .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child) {
551
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current]), .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child) {
552
552
  pointer-events: auto !important;
553
553
  position: relative !important;
554
554
  }
555
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current])::after, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child)::after {
555
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current])::after, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child)::after {
556
556
  --tw-content: '...';
557
557
  content: var(--tw-content);
558
558
  }
559
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li {
559
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li {
560
560
  pointer-events: auto !important;
561
561
  position: relative !important;
562
562
  }
563
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current])::after, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li::after {
563
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current])::after, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li::after {
564
564
  content: var(--tw-content);
565
565
  display: none !important;
566
566
  }
567
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) button, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li button {
567
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) button, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li button {
568
568
  display: flex !important;
569
569
  }
570
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) {
570
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) {
571
571
  pointer-events: auto;
572
572
  position: relative;
573
573
  }
574
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6)::after {
574
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6)::after {
575
575
  content: var(--tw-content);
576
576
  display: none;
577
577
  }
578
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) button {
578
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(-n + 6) button {
579
579
  display: flex;
580
580
  }
581
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li {
581
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li {
582
582
  pointer-events: none;
583
583
  position: relative;
584
584
  }
585
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li::after {
585
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(a[aria-current], button[aria-current]) ~ :nth-child(6):not(:last-child) + li::after {
586
586
  --tw-content: '...';
587
587
  content: var(--tw-content);
588
588
  }
589
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) {
589
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) {
590
590
  pointer-events: auto;
591
591
  position: relative;
592
592
  }
593
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current])::after {
593
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current])::after {
594
594
  content: var(--tw-content);
595
595
  display: none;
596
596
  }
597
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) button {
597
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(-n + 6):has(~ :nth-child(-n + 5) a[aria-current], ~ :nth-child(-n + 5) button[aria-current]) button {
598
598
  display: flex;
599
599
  }
600
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) {
600
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) {
601
601
  pointer-events: auto;
602
602
  position: relative;
603
603
  }
604
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child)::after {
604
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child)::after {
605
605
  content: var(--tw-content);
606
606
  display: none;
607
607
  }
608
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) button {
608
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 5):has(a[aria-current], button[aria-current]) ~ :nth-last-child(-n + 5):not(:first-child):not(:last-child) button {
609
609
  display: flex;
610
610
  }
611
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
611
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
612
612
  pointer-events: auto;
613
613
  position: relative;
614
614
  }
615
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
615
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
616
616
  content: var(--tw-content);
617
617
  display: none;
618
618
  }
619
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) button {
619
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(-n + 6):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) button {
620
620
  display: flex;
621
621
  }
622
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
622
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] ) {
623
623
  pointer-events: none;
624
624
  position: relative;
625
625
  }
626
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
626
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(7):has( ~ :nth-last-child(-n + 5) a[aria-current], ~ :nth-last-child(-n + 5) button[aria-current] )::after {
627
627
  --tw-content: '...';
628
628
  content: var(--tw-content);
629
629
  }
630
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li {
630
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li {
631
631
  pointer-events: auto;
632
632
  position: relative;
633
633
  }
634
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li::after {
634
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li::after {
635
635
  content: var(--tw-content);
636
636
  display: none;
637
637
  }
638
- .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-7-0-0-next-3-pagination:not(.sd-7-0-0-next-3-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li button {
638
+ .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-7-0-0-next-4-pagination:not(.sd-7-0-0-next-4-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li button {
639
639
  display: flex;
640
640
  }
641
- .sd-7-0-0-next-3-pagination--simple ul li:nth-child(2) {
641
+ .sd-7-0-0-next-4-pagination--simple ul li:nth-child(2) {
642
642
  position: relative;
643
643
  margin-inline-end: calc(var(--sd-spacing-1) * 5);
644
644
  width: var(--sd-spacing-8);
@@ -646,71 +646,71 @@ mark.sd-7-0-0-next-3-mark {
646
646
  border-bottom-width: var(--sd-border-width-2);
647
647
  border-color: rgba(var(--sd-pagination--default-border, rgba(var(--sd-color-accent))));
648
648
  }
649
- .sd-7-0-0-next-3-pagination--simple ul li:nth-child(2)::after {
649
+ .sd-7-0-0-next-4-pagination--simple ul li:nth-child(2)::after {
650
650
  content: var(--tw-content);
651
651
  position: absolute;
652
652
  }
653
- .sd-7-0-0-next-3-pagination--simple ul li:nth-child(2)::after {
653
+ .sd-7-0-0-next-4-pagination--simple ul li:nth-child(2)::after {
654
654
  content: var(--tw-content);
655
655
  right: calc(18px * -1);
656
656
  }
657
- .sd-7-0-0-next-3-pagination--simple ul li:nth-child(2)::after {
657
+ .sd-7-0-0-next-4-pagination--simple ul li:nth-child(2)::after {
658
658
  content: var(--tw-content);
659
659
  --tw-scale-y: 1.5;
660
660
  scale: var(--tw-scale-x) var(--tw-scale-y);
661
661
  }
662
- .sd-7-0-0-next-3-pagination--simple ul li:nth-child(2)::after {
662
+ .sd-7-0-0-next-4-pagination--simple ul li:nth-child(2)::after {
663
663
  --tw-content: '/';
664
664
  content: var(--tw-content);
665
665
  }
666
- .sd-7-0-0-next-3-pagination--simple ul li:nth-child(2){
666
+ .sd-7-0-0-next-4-pagination--simple ul li:nth-child(2){
667
667
  border-bottom-style: solid;
668
668
  }
669
- .sd-7-0-0-next-3-pagination--simple ul li:nth-last-child(2) {
669
+ .sd-7-0-0-next-4-pagination--simple ul li:nth-last-child(2) {
670
670
  border-bottom-style: var(--tw-border-style);
671
671
  border-bottom-width: var(--sd-border-width-2);
672
672
  border-bottom-color: transparent;
673
673
  }
674
- .sd-7-0-0-next-3-pagination--inverted ul li::after {
674
+ .sd-7-0-0-next-4-pagination--inverted ul li::after {
675
675
  content: var(--tw-content);
676
676
  color: rgba(var(--sd-color-text-white));
677
677
  }
678
- .sd-7-0-0-next-3-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-7-0-0-next-3-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-7-0-0-next-3-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-7-0-0-next-3-pagination--inverted ul li:last-child:has(button[disabled]) button {
678
+ .sd-7-0-0-next-4-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-7-0-0-next-4-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-7-0-0-next-4-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-7-0-0-next-4-pagination--inverted ul li:last-child:has(button[disabled]) button {
679
679
  color: rgba(var(--sd-color-text-neutral-600));
680
680
  }
681
- .sd-7-0-0-next-3-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
681
+ .sd-7-0-0-next-4-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
682
682
  color: rgba(var(--sd-color-text-neutral-600));
683
683
  }
684
- .sd-7-0-0-next-3-pagination--inverted ul li a, .sd-7-0-0-next-3-pagination--inverted ul li a[aria-current], .sd-7-0-0-next-3-pagination--inverted ul li button, .sd-7-0-0-next-3-pagination--inverted ul li button[aria-current] {
684
+ .sd-7-0-0-next-4-pagination--inverted ul li a, .sd-7-0-0-next-4-pagination--inverted ul li a[aria-current], .sd-7-0-0-next-4-pagination--inverted ul li button, .sd-7-0-0-next-4-pagination--inverted ul li button[aria-current] {
685
685
  color: rgba(var(--sd-color-text-white));
686
686
  }
687
- .sd-7-0-0-next-3-pagination--inverted ul li a:hover:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li button:hover:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li button[aria-current]:hover:not([disabled]) {
687
+ .sd-7-0-0-next-4-pagination--inverted ul li a:hover:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li button:hover:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li button[aria-current]:hover:not([disabled]) {
688
688
  color: rgba(var(--sd-color-text-primary-200));
689
689
  }
690
- .sd-7-0-0-next-3-pagination--inverted ul li a:active:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li button:active:not([disabled]), .sd-7-0-0-next-3-pagination--inverted ul li button[aria-current]:active:not([disabled]) {
690
+ .sd-7-0-0-next-4-pagination--inverted ul li a:active:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li button:active:not([disabled]), .sd-7-0-0-next-4-pagination--inverted ul li button[aria-current]:active:not([disabled]) {
691
691
  color: rgba(var(--sd-color-text-primary-400));
692
692
  }
693
- .sd-7-0-0-next-3-pagination--inverted ul li a:focus-visible, .sd-7-0-0-next-3-pagination--inverted ul li a[aria-current]:focus-visible, .sd-7-0-0-next-3-pagination--inverted ul li button:focus-visible, .sd-7-0-0-next-3-pagination--inverted ul li button[aria-current]:focus-visible {
693
+ .sd-7-0-0-next-4-pagination--inverted ul li a:focus-visible, .sd-7-0-0-next-4-pagination--inverted ul li a[aria-current]:focus-visible, .sd-7-0-0-next-4-pagination--inverted ul li button:focus-visible, .sd-7-0-0-next-4-pagination--inverted ul li button[aria-current]:focus-visible {
694
694
  outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white)));
695
695
  }
696
- .sd-7-0-0-next-3-pagination--inverted ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-0-0-next-3-pagination--inverted ul li:not(:first-child):not(:last-child) button[aria-current] {
696
+ .sd-7-0-0-next-4-pagination--inverted ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-0-0-next-4-pagination--inverted ul li:not(:first-child):not(:last-child) button[aria-current] {
697
697
  border-color: rgba(var(--sd-pagination--inverted-border, rgba(var(--sd-color-accent))));
698
698
  }
699
- .sd-7-0-0-next-3-pagination--inverted.sd-7-0-0-next-3-pagination--simple ul li {
699
+ .sd-7-0-0-next-4-pagination--inverted.sd-7-0-0-next-4-pagination--simple ul li {
700
700
  color: rgba(var(--sd-color-text-white));
701
701
  }
702
- .sd-7-0-0-next-3-pagination--inverted.sd-7-0-0-next-3-pagination--simple ul li::after {
702
+ .sd-7-0-0-next-4-pagination--inverted.sd-7-0-0-next-4-pagination--simple ul li::after {
703
703
  content: var(--tw-content);
704
704
  color: rgba(var(--sd-color-text-white));
705
705
  }
706
- .sd-7-0-0-next-3-pagination--inverted.sd-7-0-0-next-3-pagination--simple ul li:nth-child(2) {
706
+ .sd-7-0-0-next-4-pagination--inverted.sd-7-0-0-next-4-pagination--simple ul li:nth-child(2) {
707
707
  border-color: rgba(var(--sd-pagination--inverted-border, rgba(var(--sd-color-accent))));
708
708
  }
709
- .sd-7-0-0-next-3-status-badge {
709
+ .sd-7-0-0-next-4-status-badge {
710
710
  display: inline-flex;
711
711
  align-items: center;
712
712
  }
713
- .sd-7-0-0-next-3-status-badge sd-7-0-0-next-3-icon {
713
+ .sd-7-0-0-next-4-status-badge sd-7-0-0-next-4-icon {
714
714
  margin-right: var(--sd-spacing-2);
715
715
  display: flex;
716
716
  height: var(--sd-spacing-3);
@@ -719,19 +719,19 @@ mark.sd-7-0-0-next-3-mark {
719
719
  padding: var(--sd-spacing-1);
720
720
  color: rgba(var(--sd-color-text-white)) !important;
721
721
  }
722
- .sd-7-0-0-next-3-status-badge--success sd-7-0-0-next-3-icon {
722
+ .sd-7-0-0-next-4-status-badge--success sd-7-0-0-next-4-icon {
723
723
  background-color: rgba(var(--sd-badge--green-color-background, rgba(var(--sd-color-accent-550))));
724
724
  }
725
- .sd-7-0-0-next-3-status-badge--warning sd-7-0-0-next-3-icon {
725
+ .sd-7-0-0-next-4-status-badge--warning sd-7-0-0-next-4-icon {
726
726
  background-color: rgba(var(--sd-color-background-warning));
727
727
  }
728
- .sd-7-0-0-next-3-status-badge--error sd-7-0-0-next-3-icon {
728
+ .sd-7-0-0-next-4-status-badge--error sd-7-0-0-next-4-icon {
729
729
  background-color: rgba(var(--sd-badge--red-color-background, rgba(var(--sd-color-error))));
730
730
  }
731
- .sd-7-0-0-next-3-status-badge--info sd-7-0-0-next-3-icon {
731
+ .sd-7-0-0-next-4-status-badge--info sd-7-0-0-next-4-icon {
732
732
  background-color: rgba(var(--sd-color-background-info));
733
733
  }
734
- .sd-7-0-0-next-3-display {
734
+ .sd-7-0-0-next-4-display {
735
735
  font-size: var(--sd-text-3xl);
736
736
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
737
737
  --tw-leading: var(--leading-tight, 1.25);
@@ -741,12 +741,12 @@ mark.sd-7-0-0-next-3-mark {
741
741
  color: rgba(var(--sd-color-text-black));
742
742
  }
743
743
  @media (width >= 64rem) {
744
- .sd-7-0-0-next-3-display {
744
+ .sd-7-0-0-next-4-display {
745
745
  font-size: var(--sd-text-4xl);
746
746
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
747
747
  }
748
748
  }
749
- .sd-7-0-0-next-3-display--size-xl {
749
+ .sd-7-0-0-next-4-display--size-xl {
750
750
  font-size: var(--sd-text-xl);
751
751
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
752
752
  --tw-leading: var(--leading-tight, 1.25);
@@ -755,7 +755,7 @@ mark.sd-7-0-0-next-3-mark {
755
755
  font-weight: var(--sd-font-weight-normal);
756
756
  color: rgba(var(--sd-color-text-black));
757
757
  }
758
- .sd-7-0-0-next-3-display--size-3xl {
758
+ .sd-7-0-0-next-4-display--size-3xl {
759
759
  font-size: var(--sd-text-2xl);
760
760
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
761
761
  --tw-leading: var(--leading-tight, 1.25);
@@ -765,31 +765,31 @@ mark.sd-7-0-0-next-3-mark {
765
765
  color: rgba(var(--sd-color-text-black));
766
766
  }
767
767
  @media (width >= 64rem) {
768
- .sd-7-0-0-next-3-display--size-3xl {
768
+ .sd-7-0-0-next-4-display--size-3xl {
769
769
  font-size: var(--sd-text-3xl);
770
770
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
771
771
  }
772
772
  }
773
- .sd-7-0-0-next-3-display--inverted {
773
+ .sd-7-0-0-next-4-display--inverted {
774
774
  color: rgba(var(--sd-color-text-white));
775
775
  }
776
- .sd-7-0-0-next-3-headline, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5) {
776
+ .sd-7-0-0-next-4-headline, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5) {
777
777
  display: flex;
778
778
  --tw-font-weight: var(--sd-font-weight-bold);
779
779
  font-weight: var(--sd-font-weight-bold);
780
780
  color: rgba(var(--sd-color-text-primary));
781
781
  }
782
- .sd-7-0-0-next-3-headline sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-3-icon {
782
+ .sd-7-0-0-next-4-headline sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-4-icon {
783
783
  flex-shrink: 0;
784
784
  font-size: 3rem;
785
785
  color: rgba(var(--sd-color-text-primary));
786
786
  }
787
787
  @media (width >= 40rem) {
788
- .sd-7-0-0-next-3-headline sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-3-icon {
788
+ .sd-7-0-0-next-4-headline sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-4-icon {
789
789
  margin-top: var(--sd-spacing-2)
790
790
  }
791
791
  }
792
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline, .sd-7-0-0-next-3-headline:is(h1):not(.sd-7-0-0-next-3-headline), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-3-headline) {
792
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline, .sd-7-0-0-next-4-headline:is(h1):not(.sd-7-0-0-next-4-headline), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-4-headline) {
793
793
  gap: var(--sd-spacing-4);
794
794
  font-size: var(--sd-text-3xl);
795
795
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
@@ -798,20 +798,20 @@ mark.sd-7-0-0-next-3-mark {
798
798
  color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
799
799
  }
800
800
  @media (width >= 40rem) {
801
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline, .sd-7-0-0-next-3-headline:is(h1):not(.sd-7-0-0-next-3-headline), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-3-headline) {
801
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline, .sd-7-0-0-next-4-headline:is(h1):not(.sd-7-0-0-next-4-headline), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-4-headline) {
802
802
  font-size: var(--sd-text-4xl);
803
803
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
804
804
  }
805
805
  }
806
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h1):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
806
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h1):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
807
807
  margin-top: calc(var(--sd-spacing-1) * -1);
808
808
  }
809
809
  @media (width >= 40rem) {
810
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h1):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
810
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h1):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
811
811
  margin-top: 0
812
812
  }
813
813
  }
814
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-3xl, .sd-7-0-0-next-3-headline:is(h2):not(.sd-7-0-0-next-3-headline), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-3xl, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-3-headline) {
814
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-3xl, .sd-7-0-0-next-4-headline:is(h2):not(.sd-7-0-0-next-4-headline), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-3xl, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-4-headline) {
815
815
  gap: var(--sd-spacing-4);
816
816
  font-size: var(--sd-text-2xl);
817
817
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
@@ -820,92 +820,92 @@ mark.sd-7-0-0-next-3-mark {
820
820
  color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
821
821
  }
822
822
  @media (width >= 40rem) {
823
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-3xl, .sd-7-0-0-next-3-headline:is(h2):not(.sd-7-0-0-next-3-headline), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-3xl, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-3-headline) {
823
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-3xl, .sd-7-0-0-next-4-headline:is(h2):not(.sd-7-0-0-next-4-headline), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-3xl, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-4-headline) {
824
824
  font-size: var(--sd-text-3xl);
825
825
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
826
826
  }
827
827
  }
828
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-3xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h2):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-3xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
828
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-3xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h2):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-3xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
829
829
  margin-top: calc(var(--sd-spacing-1) * -1);
830
830
  }
831
831
  @media (width >= 40rem) {
832
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-3xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h2):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-3xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
832
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-3xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h2):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-3xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
833
833
  margin-top: calc(var(--sd-spacing-1) * -1)
834
834
  }
835
835
  }
836
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-xl, .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-lg, .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-base, .sd-7-0-0-next-3-headline:is(h3, h4, h5):not(.sd-7-0-0-next-3-headline), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-xl, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-lg, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-base, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-3-headline) {
836
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-xl, .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-lg, .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-base, .sd-7-0-0-next-4-headline:is(h3, h4, h5):not(.sd-7-0-0-next-4-headline), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-xl, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-lg, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-base, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-4-headline) {
837
837
  gap: var(--sd-spacing-2);
838
838
  color: rgba(var(--sd-color-text-black));
839
839
  }
840
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-lg sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-base sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h3, h4, h5):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-lg sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-base sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
840
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-lg sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-base sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h3, h4, h5):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-lg sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-base sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
841
841
  font-size: 2rem;
842
842
  }
843
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-xl, .sd-7-0-0-next-3-headline:is(h3):not(.sd-7-0-0-next-3-headline), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-xl, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-3-headline) {
843
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-xl, .sd-7-0-0-next-4-headline:is(h3):not(.sd-7-0-0-next-4-headline), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-xl, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-4-headline) {
844
844
  font-size: var(--sd-text-xl);
845
845
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
846
846
  }
847
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h3):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
847
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h3):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
848
848
  margin-top: calc(var(--sd-spacing-0\.5) * -1);
849
849
  }
850
850
  @media (width >= 40rem) {
851
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h3):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-xl sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
851
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h3):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-xl sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
852
852
  margin-top: calc(var(--sd-spacing-0\.5) * -1)
853
853
  }
854
854
  }
855
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-lg, .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-base, .sd-7-0-0-next-3-headline:is(h4, h5):not(.sd-7-0-0-next-3-headline), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-lg, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-base, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-0-0-next-3-headline) {
855
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-lg, .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-base, .sd-7-0-0-next-4-headline:is(h4, h5):not(.sd-7-0-0-next-4-headline), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-lg, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-base, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-0-0-next-4-headline) {
856
856
  --tw-leading: var(--leading-normal, 1.5);
857
857
  line-height: var(--leading-normal, 1.5);
858
858
  }
859
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-lg, .sd-7-0-0-next-3-headline:is(h4), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-lg, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h4) {
859
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-lg, .sd-7-0-0-next-4-headline:is(h4), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-lg, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h4) {
860
860
  font-size: var(--sd-text-lg);
861
861
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
862
862
  }
863
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-lg sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h4) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-lg sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-3-icon {
863
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-lg sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h4) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-lg sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-4-icon {
864
864
  margin-top: calc(var(--sd-spacing-0\.5) * -1);
865
865
  }
866
866
  @media (width >= 40rem) {
867
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-lg sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h4) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-lg sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-3-icon {
867
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-lg sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h4) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-lg sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-4-icon {
868
868
  margin-top: calc(var(--sd-spacing-0\.5) * -1)
869
869
  }
870
870
  }
871
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-base, .sd-7-0-0-next-3-headline:is(h5):not(.sd-7-0-0-next-3-headline), .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-base, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-3-headline) {
871
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-base, .sd-7-0-0-next-4-headline:is(h5):not(.sd-7-0-0-next-4-headline), .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-base, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-4-headline) {
872
872
  font-size: var(--sd-text-base);
873
873
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
874
874
  }
875
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-base sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline:is(h5):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-base sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
875
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-base sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline:is(h5):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-base sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
876
876
  margin-top: calc(var(--sd-spacing-1) * -1);
877
877
  }
878
- .sd-7-0-0-next-3-headline.sd-7-0-0-next-3-headline--size-base mark, .sd-7-0-0-next-3-headline:is(h5):not(.sd-7-0-0-next-3-headline) mark, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-3-headline--size-base mark, .sd-7-0-0-next-3-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-3-headline) mark {
878
+ .sd-7-0-0-next-4-headline.sd-7-0-0-next-4-headline--size-base mark, .sd-7-0-0-next-4-headline:is(h5):not(.sd-7-0-0-next-4-headline) mark, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-4-headline--size-base mark, .sd-7-0-0-next-4-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-4-headline) mark {
879
879
  color: inherit;
880
880
  }
881
- .sd-7-0-0-next-3-headline--inline {
881
+ .sd-7-0-0-next-4-headline--inline {
882
882
  display: inline-block;
883
883
  }
884
- .sd-7-0-0-next-3-headline--inline.sd-7-0-0-next-3-headline sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-headline--inline:is(h1):not(.sd-7-0-0-next-3-headline) sd-7-0-0-next-3-icon {
884
+ .sd-7-0-0-next-4-headline--inline.sd-7-0-0-next-4-headline sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-headline--inline:is(h1):not(.sd-7-0-0-next-4-headline) sd-7-0-0-next-4-icon {
885
885
  margin-top: calc(var(--sd-spacing-2) * -1);
886
886
  margin-right: var(--sd-spacing-2);
887
887
  vertical-align: middle;
888
888
  }
889
- .sd-7-0-0-next-3-headline--inline:is(.sd-7-0-0-next-3-headline--size-xl, .sd-7-0-0-next-3-headline--size-lg, .sd-7-0-0-next-3-headline--size-base) sd-7-0-0-next-3-icon {
889
+ .sd-7-0-0-next-4-headline--inline:is(.sd-7-0-0-next-4-headline--size-xl, .sd-7-0-0-next-4-headline--size-lg, .sd-7-0-0-next-4-headline--size-base) sd-7-0-0-next-4-icon {
890
890
  margin-right: var(--sd-spacing-0\.5);
891
891
  }
892
- .sd-7-0-0-next-3-headline--inline:is(.sd-7-0-0-next-3-headline--size-3xl, .sd-7-0-0-next-3-headline--size-xl) sd-7-0-0-next-3-icon {
892
+ .sd-7-0-0-next-4-headline--inline:is(.sd-7-0-0-next-4-headline--size-3xl, .sd-7-0-0-next-4-headline--size-xl) sd-7-0-0-next-4-icon {
893
893
  margin-top: calc(var(--sd-spacing-2) * -1);
894
894
  }
895
- .sd-7-0-0-next-3-headline--inline:is(.sd-7-0-0-next-3-headline--size-lg) sd-7-0-0-next-3-icon {
895
+ .sd-7-0-0-next-4-headline--inline:is(.sd-7-0-0-next-4-headline--size-lg) sd-7-0-0-next-4-icon {
896
896
  margin-top: calc(var(--sd-spacing-1) * -1);
897
897
  }
898
- .sd-7-0-0-next-3-headline--inverted:not(#_), .sd-7-0-0-next-3-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-3-headline):not(#_) {
898
+ .sd-7-0-0-next-4-headline--inverted:not(#_), .sd-7-0-0-next-4-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-4-headline):not(#_) {
899
899
  color: rgba(var(--sd-color-text-white));
900
900
  }
901
- .sd-7-0-0-next-3-headline--inverted:not(#_) sd-7-0-0-next-3-icon, .sd-7-0-0-next-3-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-3-headline):not(#_) sd-7-0-0-next-3-icon {
901
+ .sd-7-0-0-next-4-headline--inverted:not(#_) sd-7-0-0-next-4-icon, .sd-7-0-0-next-4-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-4-headline):not(#_) sd-7-0-0-next-4-icon {
902
902
  color: rgba(var(--sd-color-text-white));
903
903
  }
904
- .sd-7-0-0-next-3-prose a--reset, .sd-7-0-0-next-3-interactive--reset {
904
+ .sd-7-0-0-next-4-prose a--reset, .sd-7-0-0-next-4-interactive--reset {
905
905
  all: unset;
906
906
  outline: revert;
907
907
  }
908
- .sd-7-0-0-next-3-prose a, .sd-7-0-0-next-3-interactive{
908
+ .sd-7-0-0-next-4-prose a, .sd-7-0-0-next-4-interactive{
909
909
  cursor: pointer;
910
910
  color: rgba(var(--sd-interactive--default-color-text, rgba(var(--sd-color-primary))));
911
911
  text-decoration-line: underline;
@@ -917,56 +917,56 @@ mark.sd-7-0-0-next-3-mark {
917
917
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
918
918
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
919
919
  }
920
- .sd-7-0-0-next-3-prose a:hover:not([disabled]), .sd-7-0-0-next-3-interactive:hover:not([disabled]) {
920
+ .sd-7-0-0-next-4-prose a:hover:not([disabled]), .sd-7-0-0-next-4-interactive:hover:not([disabled]) {
921
921
  color: rgba(var(--sd-color-text-primary-500));
922
922
  }
923
- .sd-7-0-0-next-3-prose a:focus-visible, .sd-7-0-0-next-3-interactive:focus-visible {
923
+ .sd-7-0-0-next-4-prose a:focus-visible, .sd-7-0-0-next-4-interactive:focus-visible {
924
924
  outline-style: solid;
925
925
  outline-offset: 2px;
926
926
  outline-width: 2px;
927
927
  outline-color: var(--outline-color-primary);
928
928
  }
929
- .sd-7-0-0-next-3-prose a:active:not([disabled]), .sd-7-0-0-next-3-interactive:active:not([disabled]) {
929
+ .sd-7-0-0-next-4-prose a:active:not([disabled]), .sd-7-0-0-next-4-interactive:active:not([disabled]) {
930
930
  color: rgba(var(--sd-interactive--active-color-text, rgba(var(--sd-color-primary-800))));
931
931
  }
932
- .sd-7-0-0-next-3-prose a:is(.sd-7-0-0-next-3-interactive), .sd-7-0-0-next-3-interactive:is(.sd-7-0-0-next-3-interactive) {
932
+ .sd-7-0-0-next-4-prose a:is(.sd-7-0-0-next-4-interactive), .sd-7-0-0-next-4-interactive:is(.sd-7-0-0-next-4-interactive) {
933
933
  text-decoration-line: none;
934
934
  }
935
- .sd-7-0-0-next-3-prose a--disabled, .sd-7-0-0-next-3-prose a[disabled], .sd-7-0-0-next-3-prose a[href=''], .sd-7-0-0-next-3-interactive--disabled, .sd-7-0-0-next-3-interactive[disabled], .sd-7-0-0-next-3-interactive[href=''] {
935
+ .sd-7-0-0-next-4-prose a--disabled, .sd-7-0-0-next-4-prose a[disabled], .sd-7-0-0-next-4-prose a[href=''], .sd-7-0-0-next-4-interactive--disabled, .sd-7-0-0-next-4-interactive[disabled], .sd-7-0-0-next-4-interactive[href=''] {
936
936
  cursor: not-allowed;
937
937
  color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
938
938
  }
939
- .sd-7-0-0-next-3-prose a--disabled:hover:not([disabled]), .sd-7-0-0-next-3-prose a[disabled]:hover:not([disabled]), .sd-7-0-0-next-3-prose a[href='']:hover:not([disabled]), .sd-7-0-0-next-3-interactive--disabled:hover:not([disabled]), .sd-7-0-0-next-3-interactive[disabled]:hover:not([disabled]), .sd-7-0-0-next-3-interactive[href='']:hover:not([disabled]) {
939
+ .sd-7-0-0-next-4-prose a--disabled:hover:not([disabled]), .sd-7-0-0-next-4-prose a[disabled]:hover:not([disabled]), .sd-7-0-0-next-4-prose a[href='']:hover:not([disabled]), .sd-7-0-0-next-4-interactive--disabled:hover:not([disabled]), .sd-7-0-0-next-4-interactive[disabled]:hover:not([disabled]), .sd-7-0-0-next-4-interactive[href='']:hover:not([disabled]) {
940
940
  color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
941
941
  }
942
- .sd-7-0-0-next-3-prose a--disabled:active:not([disabled]), .sd-7-0-0-next-3-prose a[disabled]:active:not([disabled]), .sd-7-0-0-next-3-prose a[href='']:active:not([disabled]), .sd-7-0-0-next-3-interactive--disabled:active:not([disabled]), .sd-7-0-0-next-3-interactive[disabled]:active:not([disabled]), .sd-7-0-0-next-3-interactive[href='']:active:not([disabled]) {
942
+ .sd-7-0-0-next-4-prose a--disabled:active:not([disabled]), .sd-7-0-0-next-4-prose a[disabled]:active:not([disabled]), .sd-7-0-0-next-4-prose a[href='']:active:not([disabled]), .sd-7-0-0-next-4-interactive--disabled:active:not([disabled]), .sd-7-0-0-next-4-interactive[disabled]:active:not([disabled]), .sd-7-0-0-next-4-interactive[href='']:active:not([disabled]) {
943
943
  color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
944
944
  }
945
- .sd-7-0-0-next-3-prose a--disabled.sd-7-0-0-next-3-interactive--inverted, .sd-7-0-0-next-3-prose a[disabled].sd-7-0-0-next-3-interactive--inverted, .sd-7-0-0-next-3-prose a[href=''].sd-7-0-0-next-3-interactive--inverted, .sd-7-0-0-next-3-interactive--disabled.sd-7-0-0-next-3-interactive--inverted, .sd-7-0-0-next-3-interactive[disabled].sd-7-0-0-next-3-interactive--inverted, .sd-7-0-0-next-3-interactive[href=''].sd-7-0-0-next-3-interactive--inverted {
945
+ .sd-7-0-0-next-4-prose a--disabled.sd-7-0-0-next-4-interactive--inverted, .sd-7-0-0-next-4-prose a[disabled].sd-7-0-0-next-4-interactive--inverted, .sd-7-0-0-next-4-prose a[href=''].sd-7-0-0-next-4-interactive--inverted, .sd-7-0-0-next-4-interactive--disabled.sd-7-0-0-next-4-interactive--inverted, .sd-7-0-0-next-4-interactive[disabled].sd-7-0-0-next-4-interactive--inverted, .sd-7-0-0-next-4-interactive[href=''].sd-7-0-0-next-4-interactive--inverted {
946
946
  color: rgba(var(--sd-color-text-neutral-600));
947
947
  }
948
- .sd-7-0-0-next-3-prose a--disabled.sd-7-0-0-next-3-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-3-prose a[disabled].sd-7-0-0-next-3-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-3-prose a[href=''].sd-7-0-0-next-3-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-3-interactive--disabled.sd-7-0-0-next-3-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-3-interactive[disabled].sd-7-0-0-next-3-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-3-interactive[href=''].sd-7-0-0-next-3-interactive--inverted:hover:not([disabled]) {
948
+ .sd-7-0-0-next-4-prose a--disabled.sd-7-0-0-next-4-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-4-prose a[disabled].sd-7-0-0-next-4-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-4-prose a[href=''].sd-7-0-0-next-4-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-4-interactive--disabled.sd-7-0-0-next-4-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-4-interactive[disabled].sd-7-0-0-next-4-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-4-interactive[href=''].sd-7-0-0-next-4-interactive--inverted:hover:not([disabled]) {
949
949
  color: rgba(var(--sd-color-text-neutral-600));
950
950
  }
951
- .sd-7-0-0-next-3-prose a--disabled.sd-7-0-0-next-3-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-3-prose a[disabled].sd-7-0-0-next-3-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-3-prose a[href=''].sd-7-0-0-next-3-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-3-interactive--disabled.sd-7-0-0-next-3-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-3-interactive[disabled].sd-7-0-0-next-3-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-3-interactive[href=''].sd-7-0-0-next-3-interactive--inverted:active:not([disabled]) {
951
+ .sd-7-0-0-next-4-prose a--disabled.sd-7-0-0-next-4-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-4-prose a[disabled].sd-7-0-0-next-4-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-4-prose a[href=''].sd-7-0-0-next-4-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-4-interactive--disabled.sd-7-0-0-next-4-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-4-interactive[disabled].sd-7-0-0-next-4-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-4-interactive[href=''].sd-7-0-0-next-4-interactive--inverted:active:not([disabled]) {
952
952
  color: rgba(var(--sd-color-text-neutral-600));
953
953
  }
954
- .sd-7-0-0-next-3-prose--inverted a, .sd-7-0-0-next-3-interactive--inverted {
954
+ .sd-7-0-0-next-4-prose--inverted a, .sd-7-0-0-next-4-interactive--inverted {
955
955
  color: rgba(var(--sd-color-text-white));
956
956
  }
957
- .sd-7-0-0-next-3-prose--inverted a:hover:not([disabled]), .sd-7-0-0-next-3-interactive--inverted:hover:not([disabled]) {
957
+ .sd-7-0-0-next-4-prose--inverted a:hover:not([disabled]), .sd-7-0-0-next-4-interactive--inverted:hover:not([disabled]) {
958
958
  color: rgba(var(--sd-color-text-primary-200));
959
959
  }
960
- .sd-7-0-0-next-3-prose--inverted a:focus-visible, .sd-7-0-0-next-3-interactive--inverted:focus-visible {
960
+ .sd-7-0-0-next-4-prose--inverted a:focus-visible, .sd-7-0-0-next-4-interactive--inverted:focus-visible {
961
961
  outline-style: solid;
962
962
  outline-offset: 2px;
963
963
  outline-width: 2px;
964
964
  outline-color: var(--outline-color-primary);
965
965
  }
966
- .sd-7-0-0-next-3-prose--inverted a:active:not([disabled]), .sd-7-0-0-next-3-interactive--inverted:active:not([disabled]) {
966
+ .sd-7-0-0-next-4-prose--inverted a:active:not([disabled]), .sd-7-0-0-next-4-interactive--inverted:active:not([disabled]) {
967
967
  color: rgba(var(--sd-color-text-primary-400));
968
968
  }
969
- .sd-7-0-0-next-3-prose > .sd-7-0-0-next-3-leadtext, .sd-7-0-0-next-3-leadtext {
969
+ .sd-7-0-0-next-4-prose > .sd-7-0-0-next-4-leadtext, .sd-7-0-0-next-4-leadtext {
970
970
  font-size: var(--sd-text-xl);
971
971
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
972
972
  --tw-leading: var(--leading-normal, 1.5);
@@ -975,7 +975,7 @@ mark.sd-7-0-0-next-3-mark {
975
975
  font-weight: var(--sd-font-weight-normal);
976
976
  color: rgba(var(--sd-color-text-black));
977
977
  }
978
- .sd-7-0-0-next-3-prose > .sd-7-0-0-next-3-leadtext--size-lg, .sd-7-0-0-next-3-leadtext--size-lg {
978
+ .sd-7-0-0-next-4-prose > .sd-7-0-0-next-4-leadtext--size-lg, .sd-7-0-0-next-4-leadtext--size-lg {
979
979
  font-size: var(--sd-text-lg);
980
980
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
981
981
  --tw-leading: var(--leading-normal, 1.5);
@@ -984,10 +984,10 @@ mark.sd-7-0-0-next-3-mark {
984
984
  font-weight: var(--sd-font-weight-normal);
985
985
  color: rgba(var(--sd-color-text-black));
986
986
  }
987
- .sd-7-0-0-next-3-prose--inverted > .sd-7-0-0-next-3-leadtext, .sd-7-0-0-next-3-leadtext--inverted {
987
+ .sd-7-0-0-next-4-prose--inverted > .sd-7-0-0-next-4-leadtext, .sd-7-0-0-next-4-leadtext--inverted {
988
988
  color: rgba(var(--sd-color-text-white));
989
989
  }
990
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon), .sd-7-0-0-next-3-prose > :is(ol, ul) {
990
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon), .sd-7-0-0-next-4-prose > :is(ol, ul) {
991
991
  list-style-position: revert;
992
992
  list-style-type: revert;
993
993
  padding: revert;
@@ -995,111 +995,111 @@ mark.sd-7-0-0-next-3-mark {
995
995
  padding-left: var(--sd-spacing-4);
996
996
  text-align: left;
997
997
  }
998
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) li:not(:first-child), .sd-7-0-0-next-3-prose > :is(ol, ul) li:not(:first-child) {
998
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) li:not(:first-child), .sd-7-0-0-next-4-prose > :is(ol, ul) li:not(:first-child) {
999
999
  margin-top: var(--sd-spacing-3);
1000
1000
  }
1001
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) ul, .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) ol, .sd-7-0-0-next-3-prose > :is(ol, ul) ul, .sd-7-0-0-next-3-prose > :is(ol, ul) ol {
1001
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) ul, .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) ol, .sd-7-0-0-next-4-prose > :is(ol, ul) ul, .sd-7-0-0-next-4-prose > :is(ol, ul) ol {
1002
1002
  all: revert;
1003
1003
  padding-top: 0.75em;
1004
1004
  padding-left: 1.4em;
1005
1005
  }
1006
1006
  @supports not (-webkit-hyphens: none) {
1007
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) li, .sd-7-0-0-next-3-prose > :is(ol, ul) li {
1007
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) li, .sd-7-0-0-next-4-prose > :is(ol, ul) li {
1008
1008
  padding-left: 0.3em;
1009
1009
  }
1010
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon), .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) {
1010
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon), .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) {
1011
1011
  counter-reset: item;
1012
1012
  }
1013
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon) > li, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) > li {
1013
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon) > li, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) > li {
1014
1014
  counter-increment: item;
1015
1015
  }
1016
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon) > li::marker, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) > li::marker {
1016
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon) > li::marker, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) > li::marker {
1017
1017
  content: counter(item, decimal) '. ';
1018
1018
  }
1019
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol {
1019
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol {
1020
1020
  padding-left: 1.9em;
1021
1021
  counter-reset: subitem;
1022
1022
  }
1023
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li {
1023
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li {
1024
1024
  counter-increment: subitem;
1025
1025
  }
1026
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li::marker, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li::marker {
1026
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li::marker, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li::marker {
1027
1027
  content: counter(item, decimal) '.' counter(subitem, decimal) '. ';
1028
1028
  }
1029
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li > ol, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li > ol {
1029
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li > ol, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li > ol {
1030
1030
  padding-left: 2.7em;
1031
1031
  counter-reset: subsubitem;
1032
1032
  }
1033
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li > ol > li, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li > ol > li {
1033
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li > ol > li, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li > ol > li {
1034
1034
  counter-increment: subsubitem;
1035
1035
  }
1036
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li > ol > li::marker, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-3-list--icon) > li > ol > li > ol > li::marker {
1036
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li > ol > li::marker, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-4-list--icon) > li > ol > li > ol > li::marker {
1037
1037
  content: counter(item, decimal) '.' counter(subitem, decimal) '.' counter(subsubitem, decimal) '. ';
1038
1038
  }
1039
1039
  }
1040
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ul):not(.sd-7-0-0-next-3-list--icon), .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) ul, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-3-list--icon), .sd-7-0-0-next-3-prose > :is(ol, ul) ul {
1040
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ul):not(.sd-7-0-0-next-4-list--icon), .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) ul, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-4-list--icon), .sd-7-0-0-next-4-prose > :is(ol, ul) ul {
1041
1041
  padding-left: 0.5em;
1042
1042
  }
1043
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ul):not(.sd-7-0-0-next-3-list--icon) > li, .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) ul > li, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-3-list--icon) > li, .sd-7-0-0-next-3-prose > :is(ol, ul) ul > li {
1043
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ul):not(.sd-7-0-0-next-4-list--icon) > li, .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) ul > li, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-4-list--icon) > li, .sd-7-0-0-next-4-prose > :is(ol, ul) ul > li {
1044
1044
  padding-left: 0.75em;
1045
1045
  list-style-type: '\2022';
1046
1046
  }
1047
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ul):not(.sd-7-0-0-next-3-list--icon) > li > ul, .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) ul > li > ul, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-3-list--icon) > li > ul, .sd-7-0-0-next-3-prose > :is(ol, ul) ul > li > ul {
1047
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ul):not(.sd-7-0-0-next-4-list--icon) > li > ul, .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) ul > li > ul, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-4-list--icon) > li > ul, .sd-7-0-0-next-4-prose > :is(ol, ul) ul > li > ul {
1048
1048
  padding-left: 0.3em;
1049
1049
  }
1050
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ul):not(.sd-7-0-0-next-3-list--icon) > li > ul > li, .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) ul > li > ul > li, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-3-list--icon) > li > ul > li, .sd-7-0-0-next-3-prose > :is(ol, ul) ul > li > ul > li {
1050
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ul):not(.sd-7-0-0-next-4-list--icon) > li > ul > li, .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) ul > li > ul > li, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-4-list--icon) > li > ul > li, .sd-7-0-0-next-4-prose > :is(ol, ul) ul > li > ul > li {
1051
1051
  list-style-type: '\002B1D';
1052
1052
  }
1053
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ul):not(.sd-7-0-0-next-3-list--icon) > li > ul > li > ul, .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) ul > li > ul > li > ul, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-3-list--icon) > li > ul > li > ul, .sd-7-0-0-next-3-prose > :is(ol, ul) ul > li > ul > li > ul {
1053
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ul):not(.sd-7-0-0-next-4-list--icon) > li > ul > li > ul, .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) ul > li > ul > li > ul, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-4-list--icon) > li > ul > li > ul, .sd-7-0-0-next-4-prose > :is(ol, ul) ul > li > ul > li > ul {
1054
1054
  padding-left: 0.4em;
1055
1055
  }
1056
- .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon):is(ul):not(.sd-7-0-0-next-3-list--icon) > li > ul > li > ul > li, .sd-7-0-0-next-3-list:not(.sd-7-0-0-next-3-list--icon) ul > li > ul > li > ul > li, .sd-7-0-0-next-3-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-3-list--icon) > li > ul > li > ul > li, .sd-7-0-0-next-3-prose > :is(ol, ul) ul > li > ul > li > ul > li {
1056
+ .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon):is(ul):not(.sd-7-0-0-next-4-list--icon) > li > ul > li > ul > li, .sd-7-0-0-next-4-list:not(.sd-7-0-0-next-4-list--icon) ul > li > ul > li > ul > li, .sd-7-0-0-next-4-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-4-list--icon) > li > ul > li > ul > li, .sd-7-0-0-next-4-prose > :is(ol, ul) ul > li > ul > li > ul > li {
1057
1057
  list-style-type: '\2010';
1058
1058
  }
1059
- .sd-7-0-0-next-3-list--icon {
1059
+ .sd-7-0-0-next-4-list--icon {
1060
1060
  padding-block: var(--sd-spacing-4);
1061
1061
  text-align: left;
1062
1062
  }
1063
- .sd-7-0-0-next-3-list--icon li sd-7-0-0-next-3-icon:first-of-type, .sd-7-0-0-next-3-list--icon li .sd-7-0-0-next-3-list--icon__icon:first-of-type {
1063
+ .sd-7-0-0-next-4-list--icon li sd-7-0-0-next-4-icon:first-of-type, .sd-7-0-0-next-4-list--icon li .sd-7-0-0-next-4-list--icon__icon:first-of-type {
1064
1064
  color: rgba(var(--sd-color-text-white));
1065
1065
  }
1066
- .sd-7-0-0-next-3-list--icon{
1066
+ .sd-7-0-0-next-4-list--icon{
1067
1067
  list-style-type: '';
1068
1068
  }
1069
- .sd-7-0-0-next-3-list--icon > li:first-of-type {
1069
+ .sd-7-0-0-next-4-list--icon > li:first-of-type {
1070
1070
  padding-top: 0;
1071
1071
  }
1072
- .sd-7-0-0-next-3-list--icon li {
1072
+ .sd-7-0-0-next-4-list--icon li {
1073
1073
  position: relative;
1074
1074
  padding-top: var(--sd-spacing-3);
1075
1075
  padding-left: var(--sd-spacing-10);
1076
1076
  --tw-leading: 32px;
1077
1077
  line-height: 32px;
1078
1078
  }
1079
- .sd-7-0-0-next-3-list--icon li > sd-7-0-0-next-3-icon:first-of-type, .sd-7-0-0-next-3-list--icon li > .sd-7-0-0-next-3-list--icon__icon:first-of-type {
1079
+ .sd-7-0-0-next-4-list--icon li > sd-7-0-0-next-4-icon:first-of-type, .sd-7-0-0-next-4-list--icon li > .sd-7-0-0-next-4-list--icon__icon:first-of-type {
1080
1080
  position: absolute;
1081
1081
  left: 0;
1082
1082
  font-size: var(--sd-text-3xl);
1083
1083
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
1084
1084
  color: rgb(var(--sd-color-icon-fill-primary));
1085
1085
  }
1086
- .sd-7-0-0-next-3-list--icon.sd-7-0-0-next-3-list--horizontal {
1086
+ .sd-7-0-0-next-4-list--icon.sd-7-0-0-next-4-list--horizontal {
1087
1087
  display: flex;
1088
1088
  }
1089
- .sd-7-0-0-next-3-list--icon.sd-7-0-0-next-3-list--horizontal li {
1089
+ .sd-7-0-0-next-4-list--icon.sd-7-0-0-next-4-list--horizontal li {
1090
1090
  display: flex;
1091
1091
  padding-top: 0;
1092
1092
  }
1093
- .sd-7-0-0-next-3-list--icon.sd-7-0-0-next-3-list--horizontal li:not(:last-child) {
1093
+ .sd-7-0-0-next-4-list--icon.sd-7-0-0-next-4-list--horizontal li:not(:last-child) {
1094
1094
  margin-right: var(--sd-spacing-8);
1095
1095
  }
1096
- .sd-7-0-0-next-3-list--inverted, .sd-7-0-0-next-3-prose--inverted > :is(ol, ul) {
1096
+ .sd-7-0-0-next-4-list--inverted, .sd-7-0-0-next-4-prose--inverted > :is(ol, ul) {
1097
1097
  color: rgba(var(--sd-color-text-white));
1098
1098
  }
1099
- .sd-7-0-0-next-3-list--inverted li > sd-7-0-0-next-3-icon:first-of-type, .sd-7-0-0-next-3-list--inverted li > .sd-7-0-0-next-3-list--icon__icon:first-of-type, .sd-7-0-0-next-3-prose--inverted > :is(ol, ul) li > sd-7-0-0-next-3-icon:first-of-type, .sd-7-0-0-next-3-prose--inverted > :is(ol, ul) li > .sd-7-0-0-next-3-list--icon__icon:first-of-type {
1099
+ .sd-7-0-0-next-4-list--inverted li > sd-7-0-0-next-4-icon:first-of-type, .sd-7-0-0-next-4-list--inverted li > .sd-7-0-0-next-4-list--icon__icon:first-of-type, .sd-7-0-0-next-4-prose--inverted > :is(ol, ul) li > sd-7-0-0-next-4-icon:first-of-type, .sd-7-0-0-next-4-prose--inverted > :is(ol, ul) li > .sd-7-0-0-next-4-list--icon__icon:first-of-type {
1100
1100
  color: rgba(var(--sd-color-text-white));
1101
1101
  }
1102
- .sd-7-0-0-next-3-paragraph, .sd-7-0-0-next-3-prose p {
1102
+ .sd-7-0-0-next-4-paragraph, .sd-7-0-0-next-4-prose p {
1103
1103
  font-size: var(--sd-text-base);
1104
1104
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
1105
1105
  --tw-leading: var(--leading-normal, 1.5);
@@ -1108,7 +1108,7 @@ mark.sd-7-0-0-next-3-mark {
1108
1108
  font-weight: var(--sd-font-weight-normal);
1109
1109
  color: rgba(var(--sd-color-text-black));
1110
1110
  }
1111
- .sd-7-0-0-next-3-paragraph--size-sm, .sd-7-0-0-next-3-prose p--size-sm {
1111
+ .sd-7-0-0-next-4-paragraph--size-sm, .sd-7-0-0-next-4-prose p--size-sm {
1112
1112
  font-size: var(--sd-text-sm);
1113
1113
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
1114
1114
  --tw-leading: var(--leading-normal, 1.5);
@@ -1117,22 +1117,22 @@ mark.sd-7-0-0-next-3-mark {
1117
1117
  font-weight: var(--sd-font-weight-normal);
1118
1118
  color: rgba(var(--sd-color-text-black));
1119
1119
  }
1120
- .sd-7-0-0-next-3-paragraph--inverted, .sd-7-0-0-next-3-prose--inverted p {
1120
+ .sd-7-0-0-next-4-paragraph--inverted, .sd-7-0-0-next-4-prose--inverted p {
1121
1121
  color: rgba(var(--sd-color-text-white));
1122
1122
  }
1123
- .sd-7-0-0-next-3-prose figure, figure.sd-7-0-0-next-3-media {
1123
+ .sd-7-0-0-next-4-prose figure, figure.sd-7-0-0-next-4-media {
1124
1124
  margin: 0;
1125
1125
  }
1126
- .sd-7-0-0-next-3-prose figure figcaption, figure.sd-7-0-0-next-3-media figcaption {
1126
+ .sd-7-0-0-next-4-prose figure figcaption, figure.sd-7-0-0-next-4-media figcaption {
1127
1127
  color: rgba(var(--sd-color-text-neutral-700));
1128
1128
  }
1129
- .sd-7-0-0-next-3-prose figure figcaption:last-child, figure.sd-7-0-0-next-3-media figcaption:last-child {
1129
+ .sd-7-0-0-next-4-prose figure figcaption:last-child, figure.sd-7-0-0-next-4-media figcaption:last-child {
1130
1130
  margin-top: var(--sd-spacing-3);
1131
1131
  }
1132
- .sd-7-0-0-next-3-prose--inverted figure figcaption, figure.sd-7-0-0-next-3-media--inverted figcaption {
1132
+ .sd-7-0-0-next-4-prose--inverted figure figcaption, figure.sd-7-0-0-next-4-media--inverted figcaption {
1133
1133
  color: rgba(var(--sd-color-text-primary-400));
1134
1134
  }
1135
- .sd-7-0-0-next-3-prose td, .sd-7-0-0-next-3-prose th, .sd-7-0-0-next-3-table-cell {
1135
+ .sd-7-0-0-next-4-prose td, .sd-7-0-0-next-4-prose th, .sd-7-0-0-next-4-table-cell {
1136
1136
  border-inline-style: var(--tw-border-style);
1137
1137
  border-inline-width: 0px;
1138
1138
  border-block-style: var(--tw-border-style);
@@ -1147,11 +1147,11 @@ mark.sd-7-0-0-next-3-mark {
1147
1147
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
1148
1148
  color: rgba(var(--sd-color-text-black));
1149
1149
  }
1150
- .sd-7-0-0-next-3-table-cell--divider {
1150
+ .sd-7-0-0-next-4-table-cell--divider {
1151
1151
  border-right-style: var(--tw-border-style);
1152
1152
  border-right-width: 1px;
1153
1153
  }
1154
- .sd-7-0-0-next-3-table-cell--shadow-top:after, .sd-7-0-0-next-3-table-cell--shadow-bottom:after, .sd-7-0-0-next-3-table-cell--shadow-left:after, .sd-7-0-0-next-3-table-cell--shadow-right:after {
1154
+ .sd-7-0-0-next-4-table-cell--shadow-top:after, .sd-7-0-0-next-4-table-cell--shadow-bottom:after, .sd-7-0-0-next-4-table-cell--shadow-left:after, .sd-7-0-0-next-4-table-cell--shadow-right:after {
1155
1155
  pointer-events: none;
1156
1156
  position: absolute;
1157
1157
  --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
@@ -1166,12 +1166,12 @@ mark.sd-7-0-0-next-3-mark {
1166
1166
  --tw-content: '';
1167
1167
  content: var(--tw-content);
1168
1168
  }
1169
- .sd-7-0-0-next-3-table-cell--shadow-top:after, .sd-7-0-0-next-3-table-cell--shadow-bottom:after {
1169
+ .sd-7-0-0-next-4-table-cell--shadow-top:after, .sd-7-0-0-next-4-table-cell--shadow-bottom:after {
1170
1170
  right: 0;
1171
1171
  left: 0;
1172
1172
  height: var(--sd-spacing-2\.5);
1173
1173
  }
1174
- .sd-7-0-0-next-3-table-cell--shadow-top:before, .sd-7-0-0-next-3-table-cell--shadow-bottom:before {
1174
+ .sd-7-0-0-next-4-table-cell--shadow-top:before, .sd-7-0-0-next-4-table-cell--shadow-bottom:before {
1175
1175
  position: absolute;
1176
1176
  left: 0;
1177
1177
  display: block;
@@ -1183,50 +1183,50 @@ mark.sd-7-0-0-next-3-mark {
1183
1183
  --tw-content: '';
1184
1184
  content: var(--tw-content);
1185
1185
  }
1186
- .sd-7-0-0-next-3-table-cell--shadow-left:after, .sd-7-0-0-next-3-table-cell--shadow-right:after {
1186
+ .sd-7-0-0-next-4-table-cell--shadow-left:after, .sd-7-0-0-next-4-table-cell--shadow-right:after {
1187
1187
  top: 0;
1188
1188
  bottom: 0;
1189
1189
  width: var(--sd-spacing-2\.5);
1190
1190
  }
1191
- .sd-7-0-0-next-3-table-cell.sd-7-0-0-next-3-table-cell--shadow-active:after {
1191
+ .sd-7-0-0-next-4-table-cell.sd-7-0-0-next-4-table-cell--shadow-active:after {
1192
1192
  opacity: 100%;
1193
1193
  }
1194
- .sd-7-0-0-next-3-table-cell--shadow-top:after {
1194
+ .sd-7-0-0-next-4-table-cell--shadow-top:after {
1195
1195
  top: -10px;
1196
1196
  --tw-gradient-position: to top in oklab;
1197
1197
  background-image: linear-gradient(var(--tw-gradient-stops));
1198
1198
  }
1199
- .sd-7-0-0-next-3-table-cell--shadow-top:before {
1199
+ .sd-7-0-0-next-4-table-cell--shadow-top:before {
1200
1200
  bottom: -1px;
1201
1201
  }
1202
- .sd-7-0-0-next-3-table-cell--shadow-bottom:after {
1202
+ .sd-7-0-0-next-4-table-cell--shadow-bottom:after {
1203
1203
  bottom: -10px;
1204
1204
  --tw-gradient-position: to bottom in oklab;
1205
1205
  background-image: linear-gradient(var(--tw-gradient-stops));
1206
1206
  }
1207
- .sd-7-0-0-next-3-table-cell--shadow-bottom:before {
1207
+ .sd-7-0-0-next-4-table-cell--shadow-bottom:before {
1208
1208
  top: -1px;
1209
1209
  }
1210
- .sd-7-0-0-next-3-table-cell--shadow-left:after {
1210
+ .sd-7-0-0-next-4-table-cell--shadow-left:after {
1211
1211
  left: -10px;
1212
1212
  --tw-gradient-position: to left in oklab;
1213
1213
  background-image: linear-gradient(var(--tw-gradient-stops));
1214
1214
  }
1215
- .sd-7-0-0-next-3-table-cell--shadow-right:after {
1215
+ .sd-7-0-0-next-4-table-cell--shadow-right:after {
1216
1216
  right: -10px;
1217
1217
  --tw-gradient-position: to right in oklab;
1218
1218
  background-image: linear-gradient(var(--tw-gradient-stops));
1219
1219
  }
1220
- .sd-7-0-0-next-3-table-cell--bg-white {
1220
+ .sd-7-0-0-next-4-table-cell--bg-white {
1221
1221
  background-color: rgba(var(--sd-color-background-white));
1222
1222
  }
1223
- .sd-7-0-0-next-3-table-cell--bg-primary-100 {
1223
+ .sd-7-0-0-next-4-table-cell--bg-primary-100 {
1224
1224
  background-color: rgba(var(--sd-color-background-primary-100));
1225
1225
  }
1226
- .sd-7-0-0-next-3-table-cell--bg-neutral-100 {
1226
+ .sd-7-0-0-next-4-table-cell--bg-neutral-100 {
1227
1227
  background-color: rgba(var(--sd-color-background-neutral-100));
1228
1228
  }
1229
- .sd-7-0-0-next-3-table, .sd-7-0-0-next-3-prose table {
1229
+ .sd-7-0-0-next-4-table, .sd-7-0-0-next-4-prose table {
1230
1230
  all: unset;
1231
1231
  display: table;
1232
1232
  border-collapse: collapse;
@@ -1234,59 +1234,59 @@ mark.sd-7-0-0-next-3-mark {
1234
1234
  --tw-border-spacing-y: 0;
1235
1235
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
1236
1236
  }
1237
- .sd-7-0-0-next-3-table thead tr:first-of-type, .sd-7-0-0-next-3-table tfoot tr:first-of-type, .sd-7-0-0-next-3-prose table thead tr:first-of-type, .sd-7-0-0-next-3-prose table tfoot tr:first-of-type {
1237
+ .sd-7-0-0-next-4-table thead tr:first-of-type, .sd-7-0-0-next-4-table tfoot tr:first-of-type, .sd-7-0-0-next-4-prose table thead tr:first-of-type, .sd-7-0-0-next-4-prose table tfoot tr:first-of-type {
1238
1238
  position: relative;
1239
1239
  }
1240
- .sd-7-0-0-next-3-prose {
1240
+ .sd-7-0-0-next-4-prose {
1241
1241
  max-width: 80ch;
1242
1242
  text-align: left;
1243
1243
  }
1244
- .sd-7-0-0-next-3-prose > *:not(:first-child) {
1244
+ .sd-7-0-0-next-4-prose > *:not(:first-child) {
1245
1245
  margin-top: var(--sd-spacing-4);
1246
1246
  }
1247
- .sd-7-0-0-next-3-prose > *:first-child {
1247
+ .sd-7-0-0-next-4-prose > *:first-child {
1248
1248
  margin-top: 0;
1249
1249
  }
1250
- .sd-7-0-0-next-3-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
1250
+ .sd-7-0-0-next-4-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
1251
1251
  margin-top: var(--sd-spacing-2);
1252
1252
  }
1253
- .sd-7-0-0-next-3-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
1253
+ .sd-7-0-0-next-4-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
1254
1254
  margin-top: var(--sd-spacing-8);
1255
1255
  }
1256
- .sd-7-0-0-next-3-prose > figure + *:not(#_), .sd-7-0-0-next-3-prose > img + *:not(#_) {
1256
+ .sd-7-0-0-next-4-prose > figure + *:not(#_), .sd-7-0-0-next-4-prose > img + *:not(#_) {
1257
1257
  margin-top: var(--sd-spacing-6);
1258
1258
  }
1259
- .sd-7-0-0-next-3-prose hr {
1259
+ .sd-7-0-0-next-4-prose hr {
1260
1260
  height: 0;
1261
1261
  border-top-style: var(--tw-border-style);
1262
1262
  border-top-width: 1px;
1263
1263
  border-color: rgba(var(--sd-color-border-neutral-500));
1264
1264
  }
1265
- .sd-7-0-0-next-3-prose pre {
1265
+ .sd-7-0-0-next-4-prose pre {
1266
1266
  overflow: auto;
1267
1267
  }
1268
- .sd-7-0-0-next-3-prose blockquote, .sd-7-0-0-next-3-prose blockquote > * {
1268
+ .sd-7-0-0-next-4-prose blockquote, .sd-7-0-0-next-4-prose blockquote > * {
1269
1269
  font-size: var(--sd-text-xl);
1270
1270
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
1271
1271
  }
1272
- .sd-7-0-0-next-3-prose blockquote:has(*) *:first-child::before, .sd-7-0-0-next-3-prose blockquote:not(:has(*))::before {
1272
+ .sd-7-0-0-next-4-prose blockquote:has(*) *:first-child::before, .sd-7-0-0-next-4-prose blockquote:not(:has(*))::before {
1273
1273
  content: open-quote;
1274
1274
  display: inline;
1275
1275
  }
1276
- .sd-7-0-0-next-3-prose blockquote:has(*) *:first-child::after, .sd-7-0-0-next-3-prose blockquote:not(:has(*))::after {
1276
+ .sd-7-0-0-next-4-prose blockquote:has(*) *:first-child::after, .sd-7-0-0-next-4-prose blockquote:not(:has(*))::after {
1277
1277
  content: close-quote;
1278
1278
  display: inline;
1279
1279
  }
1280
- .sd-7-0-0-next-3-prose > :is(ul, ol):not(#_) {
1280
+ .sd-7-0-0-next-4-prose > :is(ul, ol):not(#_) {
1281
1281
  padding-block: 0;
1282
1282
  }
1283
- .sd-7-0-0-next-3-prose--inverted hr {
1283
+ .sd-7-0-0-next-4-prose--inverted hr {
1284
1284
  border-color: rgba(var(--sd-color-border-white));
1285
1285
  }
1286
- .sd-7-0-0-next-3-prose--inverted pre {
1286
+ .sd-7-0-0-next-4-prose--inverted pre {
1287
1287
  color: rgba(var(--sd-color-text-white));
1288
1288
  }
1289
- .sd-7-0-0-next-3-prose--full-width {
1289
+ .sd-7-0-0-next-4-prose--full-width {
1290
1290
  max-width: unset;
1291
1291
  }
1292
1292
  @property --tw-border-style {