@solid-design-system/styles 7.0.0-next.7 → 7.0.0-next.8

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