@solid-design-system/styles 6.18.1 → 6.21.2

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