@solid-design-system/styles 2.0.0-next.1 → 6.0.0-next.10

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