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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/cdn/modules/chip.css +1 -23
  3. package/cdn/modules/container.css +1 -116
  4. package/cdn/modules/copyright.css +1 -128
  5. package/cdn/modules/display.css +1 -59
  6. package/cdn/modules/flag.css +1 -22
  7. package/cdn/modules/footnotes.css +1 -165
  8. package/cdn/modules/headline.css +1 -137
  9. package/cdn/modules/hidden-links.css +1 -129
  10. package/cdn/modules/interactive.css +1 -94
  11. package/cdn/modules/leadtext.css +1 -38
  12. package/cdn/modules/list.css +1 -124
  13. package/cdn/modules/mark.css +1 -4
  14. package/cdn/modules/media.css +1 -12
  15. package/cdn/modules/meta.css +1 -46
  16. package/cdn/modules/pagination.css +1 -291
  17. package/cdn/modules/paragraph.css +1 -38
  18. package/cdn/modules/prose.css +1 -74
  19. package/cdn/modules/status-badge.css +1 -25
  20. package/cdn/modules/table-cell.css +1 -169
  21. package/cdn/modules/table.css +1 -30
  22. package/cdn/solid-styles.css +1 -961
  23. package/cdn-versioned/modules/chip.css +1 -23
  24. package/cdn-versioned/modules/container.css +1 -116
  25. package/cdn-versioned/modules/copyright.css +1 -128
  26. package/cdn-versioned/modules/display.css +1 -59
  27. package/cdn-versioned/modules/flag.css +1 -22
  28. package/cdn-versioned/modules/footnotes.css +1 -165
  29. package/cdn-versioned/modules/headline.css +1 -137
  30. package/cdn-versioned/modules/hidden-links.css +1 -129
  31. package/cdn-versioned/modules/interactive.css +1 -94
  32. package/cdn-versioned/modules/leadtext.css +1 -38
  33. package/cdn-versioned/modules/list.css +1 -124
  34. package/cdn-versioned/modules/mark.css +1 -4
  35. package/cdn-versioned/modules/media.css +1 -12
  36. package/cdn-versioned/modules/meta.css +1 -46
  37. package/cdn-versioned/modules/pagination.css +1 -291
  38. package/cdn-versioned/modules/paragraph.css +1 -38
  39. package/cdn-versioned/modules/prose.css +1 -74
  40. package/cdn-versioned/modules/status-badge.css +1 -25
  41. package/cdn-versioned/modules/table-cell.css +1 -169
  42. package/cdn-versioned/modules/table.css +1 -30
  43. package/cdn-versioned/solid-styles.css +1 -961
  44. package/dist/modules/chip.css +7 -6
  45. package/dist/modules/container.css +12 -11
  46. package/dist/modules/copyright.css +3 -2
  47. package/dist/modules/display.css +5 -4
  48. package/dist/modules/flag.css +6 -5
  49. package/dist/modules/footnotes.css +9 -8
  50. package/dist/modules/headline.css +6 -5
  51. package/dist/modules/hidden-links.css +2 -1
  52. package/dist/modules/interactive.css +12 -23
  53. package/dist/modules/leadtext.css +4 -3
  54. package/dist/modules/list.css +5 -4
  55. package/dist/modules/mark.css +2 -1
  56. package/dist/modules/media.css +3 -2
  57. package/dist/modules/meta.css +5 -4
  58. package/dist/modules/pagination.css +18 -17
  59. package/dist/modules/paragraph.css +4 -3
  60. package/dist/modules/prose.css +591 -12
  61. package/dist/modules/status-badge.css +6 -5
  62. package/dist/modules/table-cell.css +7 -6
  63. package/dist/modules/table.css +1 -0
  64. package/dist/solid-styles.css +635 -72
  65. package/dist-versioned/modules/chip.css +11 -10
  66. package/dist-versioned/modules/container.css +38 -37
  67. package/dist-versioned/modules/copyright.css +9 -8
  68. package/dist-versioned/modules/display.css +11 -10
  69. package/dist-versioned/modules/flag.css +10 -9
  70. package/dist-versioned/modules/footnotes.css +37 -36
  71. package/dist-versioned/modules/headline.css +34 -33
  72. package/dist-versioned/modules/hidden-links.css +6 -5
  73. package/dist-versioned/modules/interactive.css +28 -39
  74. package/dist-versioned/modules/leadtext.css +7 -6
  75. package/dist-versioned/modules/list.css +35 -34
  76. package/dist-versioned/modules/mark.css +3 -2
  77. package/dist-versioned/modules/media.css +7 -6
  78. package/dist-versioned/modules/meta.css +12 -11
  79. package/dist-versioned/modules/pagination.css +78 -77
  80. package/dist-versioned/modules/paragraph.css +7 -6
  81. package/dist-versioned/modules/prose.css +606 -27
  82. package/dist-versioned/modules/status-badge.css +12 -11
  83. package/dist-versioned/modules/table-cell.css +23 -22
  84. package/dist-versioned/modules/table.css +3 -2
  85. package/dist-versioned/solid-styles.css +801 -238
  86. package/package.json +1 -1
package/dist-versioned/solid-styles.css CHANGED
@@ -1,58 +1,59 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
- .sd-2-0-0-next-0-chip {
3
+ @layer theme, base, components, utilities;
4
+ .sd-2-0-0-next-1-chip {
4
5
  display: inline-flex;
5
6
  height: var(--sd-spacing-6);
6
7
  align-items: center;
7
8
  overflow: hidden;
8
9
  border-radius: var(--sd-radius);
9
- background-color: var(--sd-color-background-primary-200, var(--sd-color-primary-200));
10
+ background-color: var(--sd-color-background-primary-200);
10
11
  padding-inline: var(--sd-spacing-2);
11
12
  font-size: var(--sd-text-sm);
12
13
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
13
14
  white-space: nowrap;
14
- color: var(--sd-color-text-black, var(--sd-color-black));
15
+ color: var(--sd-color-text-black);
15
16
  }
16
- .sd-2-0-0-next-0-chip--primary-500 {
17
- background-color: var(--sd-color-background-primary-500, var(--sd-color-primary-500));
18
- color: var(--sd-color-text-white, var(--sd-color-white));
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);
19
20
  }
20
- .sd-2-0-0-next-0-chip--primary-300 {
21
- background-color: var(--sd-color-background-primary-300, var(--sd-color-primary-300));
21
+ .sd-2-0-0-next-1-chip--primary-300 {
22
+ background-color: var(--sd-color-background-primary-300);
22
23
  }
23
- .sd-2-0-0-next-0-chip--white {
24
- background-color: var(--sd-color-background-white, var(--sd-color-white));
24
+ .sd-2-0-0-next-1-chip--white {
25
+ background-color: var(--sd-color-background-white);
25
26
  }
26
- .sd-2-0-0-next-0-container {
27
+ .sd-2-0-0-next-1-container {
27
28
  position: relative;
28
- background-color: var(--sd-color-background-neutral-100, var(--sd-color-neutral-100));
29
+ background-color: var(--sd-color-background-neutral-100);
29
30
  padding-inline: var(--sd-spacing-10);
30
31
  padding-block: var(--sd-spacing-8);
31
32
  }
32
- .sd-2-0-0-next-0-container--variant-primary-100 {
33
- background-color: var(--sd-color-background-primary-100, var(--sd-color-primary-100));
33
+ .sd-2-0-0-next-1-container--variant-primary-100 {
34
+ background-color: var(--sd-color-background-primary-100);
34
35
  }
35
- .sd-2-0-0-next-0-container--variant-primary {
36
- background-color: var(--sd-color-background-primary, var(--sd-color-primary));
36
+ .sd-2-0-0-next-1-container--variant-primary {
37
+ background-color: var(--sd-color-background-primary);
37
38
  }
38
- .sd-2-0-0-next-0-container--variant-border-neutral-400 {
39
+ .sd-2-0-0-next-1-container--variant-border-neutral-400 {
39
40
  --tw-border-style: solid;
40
41
  border-style: solid;
41
- border-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
42
- background-color: var(--sd-color-background-white, var(--sd-color-white));
42
+ border-color: var(--sd-color-border-neutral-400);
43
+ background-color: var(--sd-color-background-white);
43
44
  border-width: 1px;
44
45
  }
45
- .sd-2-0-0-next-0-container--variant-white {
46
- background-color: var(--sd-color-background-white, var(--sd-color-white));
46
+ .sd-2-0-0-next-1-container--variant-white {
47
+ background-color: var(--sd-color-background-white);
47
48
  }
48
- .sd-2-0-0-next-0-container--padding-sm {
49
+ .sd-2-0-0-next-1-container--padding-sm {
49
50
  padding-inline: var(--sd-spacing-6);
50
51
  padding-block: var(--sd-spacing-4);
51
52
  }
52
- .sd-2-0-0-next-0-container{
53
+ .sd-2-0-0-next-1-container{
53
54
  --triangle-background: var(--sd-color-white);
54
55
  }
55
- .sd-2-0-0-next-0-container--triangle-top::before, .sd-2-0-0-next-0-container--triangle-right::before, .sd-2-0-0-next-0-container--triangle-bottom::before, .sd-2-0-0-next-0-container--triangle-left::before {
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
57
  position: absolute;
57
58
  display: block;
58
59
  --tw-border-style: solid;
@@ -61,27 +62,27 @@
61
62
  border-width: 14px;
62
63
  content: '';
63
64
  }
64
- .sd-2-0-0-next-0-container--triangle-top::before {
65
+ .sd-2-0-0-next-1-container--triangle-top::before {
65
66
  top: calc(var(--sd-spacing-1) * 0);
66
67
  left: calc(50% - 14px);
67
68
  border-top-color: var(--triangle-background);
68
69
  }
69
- .sd-2-0-0-next-0-container--triangle-right::before {
70
+ .sd-2-0-0-next-1-container--triangle-right::before {
70
71
  right: calc(var(--sd-spacing-1) * 0);
71
72
  top: calc(50% - 14px);
72
73
  border-right-color: var(--triangle-background);
73
74
  }
74
- .sd-2-0-0-next-0-container--triangle-bottom::before {
75
+ .sd-2-0-0-next-1-container--triangle-bottom::before {
75
76
  bottom: calc(var(--sd-spacing-1) * 0);
76
77
  left: calc(50% - 14px);
77
78
  border-bottom-color: var(--triangle-background);
78
79
  }
79
- .sd-2-0-0-next-0-container--triangle-left::before {
80
+ .sd-2-0-0-next-1-container--triangle-left::before {
80
81
  left: calc(var(--sd-spacing-1) * 0);
81
82
  top: calc(50% - 14px);
82
83
  border-left-color: var(--triangle-background);
83
84
  }
84
- .sd-2-0-0-next-0-container--triangle-top-border::after, .sd-2-0-0-next-0-container--triangle-top-border::before, .sd-2-0-0-next-0-container--triangle-right-border::after, .sd-2-0-0-next-0-container--triangle-right-border::before, .sd-2-0-0-next-0-container--triangle-bottom-border::after, .sd-2-0-0-next-0-container--triangle-bottom-border::before, .sd-2-0-0-next-0-container--triangle-left-border::after, .sd-2-0-0-next-0-container--triangle-left-border::before {
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
86
  position: absolute;
86
87
  display: block;
87
88
  --tw-border-style: solid;
@@ -89,57 +90,57 @@
89
90
  border-color: transparent;
90
91
  content: '';
91
92
  }
92
- .sd-2-0-0-next-0-container--triangle-top-border::after, .sd-2-0-0-next-0-container--triangle-right-border::after, .sd-2-0-0-next-0-container--triangle-bottom-border::after, .sd-2-0-0-next-0-container--triangle-left-border::after {
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
94
  border-width: 14px;
94
95
  }
95
- .sd-2-0-0-next-0-container--triangle-top-border::before, .sd-2-0-0-next-0-container--triangle-right-border::before, .sd-2-0-0-next-0-container--triangle-bottom-border::before, .sd-2-0-0-next-0-container--triangle-left-border::before {
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
97
  border-width: 15px;
97
98
  }
98
- .sd-2-0-0-next-0-container--triangle-top-border::after, .sd-2-0-0-next-0-container--triangle-top-border::before {
99
+ .sd-2-0-0-next-1-container--triangle-top-border::after, .sd-2-0-0-next-1-container--triangle-top-border::before {
99
100
  top: -1px;
100
101
  }
101
- .sd-2-0-0-next-0-container--triangle-top-border::before {
102
- border-top-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
102
+ .sd-2-0-0-next-1-container--triangle-top-border::before {
103
+ border-top-color: var(--sd-color-border-neutral-400);
103
104
  left: calc(50% - 15px);
104
105
  }
105
- .sd-2-0-0-next-0-container--triangle-top-border::after {
106
+ .sd-2-0-0-next-1-container--triangle-top-border::after {
106
107
  left: calc(50% - 14px);
107
108
  border-top-color: var(--triangle-background);
108
109
  }
109
- .sd-2-0-0-next-0-container--triangle-right-border::after, .sd-2-0-0-next-0-container--triangle-right-border::before {
110
+ .sd-2-0-0-next-1-container--triangle-right-border::after, .sd-2-0-0-next-1-container--triangle-right-border::before {
110
111
  right: -1px;
111
112
  }
112
- .sd-2-0-0-next-0-container--triangle-right-border::before {
113
- border-right-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
113
+ .sd-2-0-0-next-1-container--triangle-right-border::before {
114
+ border-right-color: var(--sd-color-border-neutral-400);
114
115
  top: calc(50% - 15px);
115
116
  }
116
- .sd-2-0-0-next-0-container--triangle-right-border::after {
117
+ .sd-2-0-0-next-1-container--triangle-right-border::after {
117
118
  top: calc(50% - 14px);
118
119
  border-right-color: var(--triangle-background);
119
120
  }
120
- .sd-2-0-0-next-0-container--triangle-bottom-border::after, .sd-2-0-0-next-0-container--triangle-bottom-border::before {
121
+ .sd-2-0-0-next-1-container--triangle-bottom-border::after, .sd-2-0-0-next-1-container--triangle-bottom-border::before {
121
122
  bottom: -1px;
122
123
  }
123
- .sd-2-0-0-next-0-container--triangle-bottom-border::before {
124
- border-bottom-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
124
+ .sd-2-0-0-next-1-container--triangle-bottom-border::before {
125
+ border-bottom-color: var(--sd-color-border-neutral-400);
125
126
  left: calc(50% - 15px);
126
127
  }
127
- .sd-2-0-0-next-0-container--triangle-bottom-border::after {
128
+ .sd-2-0-0-next-1-container--triangle-bottom-border::after {
128
129
  left: calc(50% - 14px);
129
130
  border-bottom-color: var(--triangle-background);
130
131
  }
131
- .sd-2-0-0-next-0-container--triangle-left-border::after, .sd-2-0-0-next-0-container--triangle-left-border::before {
132
+ .sd-2-0-0-next-1-container--triangle-left-border::after, .sd-2-0-0-next-1-container--triangle-left-border::before {
132
133
  left: -1px;
133
134
  }
134
- .sd-2-0-0-next-0-container--triangle-left-border::before {
135
- border-left-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
135
+ .sd-2-0-0-next-1-container--triangle-left-border::before {
136
+ border-left-color: var(--sd-color-border-neutral-400);
136
137
  top: calc(50% - 15px);
137
138
  }
138
- .sd-2-0-0-next-0-container--triangle-left-border::after {
139
+ .sd-2-0-0-next-1-container--triangle-left-border::after {
139
140
  top: calc(50% - 14px);
140
141
  border-left-color: var(--triangle-background);
141
142
  }
142
- .sd-2-0-0-next-0-copyright {
143
+ .sd-2-0-0-next-1-copyright {
143
144
  position: relative;
144
145
  --tw-blur: ;
145
146
  --tw-brightness: ;
@@ -150,7 +151,7 @@
150
151
  --tw-saturate: ;
151
152
  --tw-sepia: ;
152
153
  }
153
- .sd-2-0-0-next-0-copyright::after {
154
+ .sd-2-0-0-next-1-copyright::after {
154
155
  position: absolute;
155
156
  bottom: calc(var(--sd-spacing-1) * 0);
156
157
  left: calc(var(--sd-spacing-1) * 0);
@@ -160,13 +161,13 @@
160
161
  padding-left: var(--sd-spacing-4);
161
162
  font-size: var(--sd-text-sm);
162
163
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
163
- color: var(--sd-color-text-white, var(--sd-color-white));
164
+ color: var(--sd-color-text-white);
164
165
  --tw-drop-shadow-size: drop-shadow(var(--sd-drop-shadow-sm));
165
166
  --tw-drop-shadow: drop-shadow(var(--sd-drop-shadow-sm));
166
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,);
167
168
  content: var(--copyright);
168
169
  }
169
- .sd-2-0-0-next-0-copyright--orientation-vertical::after {
170
+ .sd-2-0-0-next-1-copyright--orientation-vertical::after {
170
171
  width: -moz-max-content;
171
172
  width: max-content;
172
173
  padding-top: var(--sd-spacing-2);
@@ -177,14 +178,14 @@
177
178
  text-orientation: sideways-right;
178
179
  transform: rotate(180deg);
179
180
  }
180
- .sd-2-0-0-next-0-copyright--color-black::after {
181
- color: var(--sd-color-text-black, var(--sd-color-black));
181
+ .sd-2-0-0-next-1-copyright--color-black::after {
182
+ color: var(--sd-color-text-black);
182
183
  filter: drop-shadow(0 0 transparent);
183
184
  }
184
- .sd-2-0-0-next-0-copyright--no-shadow::after {
185
+ .sd-2-0-0-next-1-copyright--no-shadow::after {
185
186
  filter: drop-shadow(0 0 transparent);
186
187
  }
187
- .sd-2-0-0-next-0-copyright--placement-top::after {
188
+ .sd-2-0-0-next-1-copyright--placement-top::after {
188
189
  position: absolute;
189
190
  top: calc(var(--sd-spacing-1) * 0);
190
191
  right: calc(var(--sd-spacing-1) * 0);
@@ -194,48 +195,48 @@
194
195
  padding-top: var(--sd-spacing-2);
195
196
  padding-right: var(--sd-spacing-4);
196
197
  }
197
- .sd-2-0-0-next-0-flag {
198
+ .sd-2-0-0-next-1-flag {
198
199
  display: inline-flex;
199
200
  height: var(--sd-spacing-8);
200
201
  align-items: center;
201
202
  overflow: hidden;
202
- background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
203
+ background-color: var(--sd-color-background-neutral-200);
203
204
  padding-inline: var(--sd-spacing-3);
204
205
  font-size: var(--sd-text-sm);
205
206
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
206
207
  white-space: nowrap;
207
- color: var(--sd-color-text-black, var(--sd-color-black));
208
+ color: var(--sd-color-text-black);
208
209
  }
209
- .sd-2-0-0-next-0-flag--neutral-500 {
210
+ .sd-2-0-0-next-1-flag--neutral-500 {
210
211
  background-color: var(--sd-flag--neutral-500-color-background, var(--sd-color-neutral-500));
211
- color: var(--sd-color-text-black, var(--sd-color-black));
212
+ color: var(--sd-color-text-black);
212
213
  }
213
- .sd-2-0-0-next-0-flag--neutral-300 {
214
- background-color: var(--sd-color-background-neutral-300, var(--sd-color-neutral-300));
214
+ .sd-2-0-0-next-1-flag--neutral-300 {
215
+ background-color: var(--sd-color-background-neutral-300);
215
216
  }
216
- .sd-2-0-0-next-0-flag--white {
217
- background-color: var(--sd-color-background-white, var(--sd-color-white));
217
+ .sd-2-0-0-next-1-flag--white {
218
+ background-color: var(--sd-color-background-white);
218
219
  }
219
- .sd-2-0-0-next-0-footnotes {
220
+ .sd-2-0-0-next-1-footnotes {
220
221
  margin-block: calc(var(--sd-spacing-1) * 0);
221
222
  padding: calc(var(--sd-spacing-1) * 0);
222
223
  text-align: left;
223
224
  font-size: var(--sd-text-sm);
224
225
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
225
- color: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
226
+ color: var(--sd-color-text-neutral-700);
226
227
  }
227
- .sd-2-0-0-next-0-footnotes :target {
228
- background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
228
+ .sd-2-0-0-next-1-footnotes :target {
229
+ background-color: var(--sd-color-background-neutral-200);
229
230
  }
230
- .sd-2-0-0-next-0-footnotes:is(ol) {
231
+ .sd-2-0-0-next-1-footnotes:is(ol) {
231
232
  padding-inline-start: var(--sd-spacing-8);
232
233
  }
233
- .sd-2-0-0-next-0-footnotes:is(ol) li {
234
+ .sd-2-0-0-next-1-footnotes:is(ol) li {
234
235
  counter-increment: list-item;
235
236
  position: relative;
236
237
  list-style-type: none;
237
238
  }
238
- .sd-2-0-0-next-0-footnotes:is(ol) li .sd-2-0-0-next-0-footnotes--marker::before, .sd-2-0-0-next-0-footnotes:is(ol) li:has(.sd-2-0-0-next-0-footnotes--marker:nth-of-type(2))::before, .sd-2-0-0-next-0-footnotes:is(ol) li:not(:has(.sd-2-0-0-next-0-footnotes--marker))::before {
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
240
  position: absolute;
240
241
  left: calc(var(--sd-spacing-8) * -1);
241
242
  flex-shrink: 0;
@@ -247,14 +248,14 @@
247
248
  padding-top: 1px;
248
249
  font-size: 10px;
249
250
  }
250
- .sd-2-0-0-next-0-footnotes:is(ol) li .sd-2-0-0-next-0-footnotes--marker::after, .sd-2-0-0-next-0-footnotes:is(ol) li:has(.sd-2-0-0-next-0-footnotes--marker:nth-of-type(2))::after, .sd-2-0-0-next-0-footnotes:is(ol) li:not(:has(.sd-2-0-0-next-0-footnotes--marker))::after {
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
252
  content: none;
252
253
  }
253
- .sd-2-0-0-next-0-footnotes:is(ol) li .sd-2-0-0-next-0-footnotes--marker .sd-2-0-0-next-0-footnotes--marker, .sd-2-0-0-next-0-footnotes:is(ol) li:has(.sd-2-0-0-next-0-footnotes--marker:nth-of-type(2)) .sd-2-0-0-next-0-footnotes--marker, .sd-2-0-0-next-0-footnotes:is(ol) li:not(:has(.sd-2-0-0-next-0-footnotes--marker)) .sd-2-0-0-next-0-footnotes--marker {
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
255
  display: inline-block;
255
256
  counter-increment: footnotes-multiple;
256
257
  }
257
- .sd-2-0-0-next-0-footnotes:is(ol) li .sd-2-0-0-next-0-footnotes--marker .sd-2-0-0-next-0-footnotes--marker::before, .sd-2-0-0-next-0-footnotes:is(ol) li:has(.sd-2-0-0-next-0-footnotes--marker:nth-of-type(2)) .sd-2-0-0-next-0-footnotes--marker::before, .sd-2-0-0-next-0-footnotes:is(ol) li:not(:has(.sd-2-0-0-next-0-footnotes--marker)) .sd-2-0-0-next-0-footnotes--marker::before {
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
259
  position: relative;
259
260
  left: calc(var(--sd-spacing-1) * 0);
260
261
  vertical-align: super;
@@ -264,15 +265,15 @@
264
265
  font-weight: var(--sd-font-weight-bold);
265
266
  content: counter(footnotes-multiple, lower-alpha);
266
267
  }
267
- .sd-2-0-0-next-0-footnotes:is(ol) li .sd-2-0-0-next-0-footnotes--marker {
268
+ .sd-2-0-0-next-1-footnotes:is(ol) li .sd-2-0-0-next-1-footnotes--marker {
268
269
  bottom: calc(var(--sd-spacing-1) * 0);
269
270
  display: block;
270
271
  }
271
- .sd-2-0-0-next-0-footnotes:is(ol) li .sd-2-0-0-next-0-footnotes--marker:focus-visible {
272
+ .sd-2-0-0-next-1-footnotes:is(ol) li .sd-2-0-0-next-1-footnotes--marker:focus-visible {
272
273
  outline-style: var(--tw-outline-style);
273
274
  outline-width: 0px;
274
275
  }
275
- .sd-2-0-0-next-0-footnotes:is(ol) li .sd-2-0-0-next-0-footnotes--marker:focus-visible::before {
276
+ .sd-2-0-0-next-1-footnotes:is(ol) li .sd-2-0-0-next-1-footnotes--marker:focus-visible::before {
276
277
  border-radius: var(--sd-radius);
277
278
  outline-width: 1px;
278
279
  outline-style: var(--tw-outline-style);
@@ -280,27 +281,27 @@
280
281
  outline-offset: 2px;
281
282
  outline-color: var(--sd-border-color-primary, var(--sd-color-primary));
282
283
  }
283
- .sd-2-0-0-next-0-footnotes:is(ul) {
284
+ .sd-2-0-0-next-1-footnotes:is(ul) {
284
285
  list-style: '';
285
286
  }
286
- .sd-2-0-0-next-0-footnotes--inverted {
287
- color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
287
+ .sd-2-0-0-next-1-footnotes--inverted {
288
+ color: var(--sd-color-text-primary-400);
288
289
  }
289
- .sd-2-0-0-next-0-footnotes--inverted :target {
290
+ .sd-2-0-0-next-1-footnotes--inverted :target {
290
291
  background-color: var(--sd-footnotes--target--inverted-color-background, var(--sd-color-primary-800));
291
292
  }
292
- .sd-2-0-0-next-0-footnotes--inverted .sd-2-0-0-next-0-footnotes--marker::before {
293
- color: var(--sd-color-text-white, var(--sd-color-white));
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);
294
295
  outline-color: var(--color-white, #fff) !important;
295
296
  }
296
- .sd-2-0-0-next-0-footnotes--inverted:is(.sd-2-0-0-next-0-footnotes--marker) {
297
- color: var(--sd-color-text-white, var(--sd-color-white)) !important;
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;
298
299
  outline-color: var(--color-white, #fff) !important;
299
300
  }
300
- .sd-2-0-0-next-0-footnotes--inverted:is(.sd-2-0-0-next-0-footnotes--marker):target {
301
+ .sd-2-0-0-next-1-footnotes--inverted:is(.sd-2-0-0-next-1-footnotes--marker):target {
301
302
  background-color: var(--sd-footnotes--target--inverted-color-background, var(--sd-color-primary-800));
302
303
  }
303
- .sd-2-0-0-next-0-footnotes--marker {
304
+ .sd-2-0-0-next-1-footnotes--marker {
304
305
  position: relative;
305
306
  bottom: var(--sd-spacing-2);
306
307
  display: inline-block;
@@ -310,33 +311,33 @@
310
311
  text-decoration-line: none !important;
311
312
  font-size: x-small;
312
313
  }
313
- .sd-2-0-0-next-0-footnotes--marker:target {
314
- background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
314
+ .sd-2-0-0-next-1-footnotes--marker:target {
315
+ background-color: var(--sd-color-background-neutral-200);
315
316
  }
316
- .sd-2-0-0-next-0-footnotes--marker:not(:has(a))::before {
317
+ .sd-2-0-0-next-1-footnotes--marker:not(:has(a))::before {
317
318
  content: '[ ';
318
319
  display: inline-block;
319
320
  }
320
- .sd-2-0-0-next-0-footnotes--marker:not(:has(a))::after {
321
+ .sd-2-0-0-next-1-footnotes--marker:not(:has(a))::after {
321
322
  content: ' ]';
322
323
  display: inline-block;
323
324
  }
324
- .sd-2-0-0-next-0-footnotes--marker :is(a) {
325
+ .sd-2-0-0-next-1-footnotes--marker :is(a) {
325
326
  display: inline-block;
326
327
  --tw-font-weight: var(--sd-font-weight-bold);
327
328
  font-weight: var(--sd-font-weight-bold);
328
329
  white-space: nowrap;
329
330
  text-decoration-line: none !important;
330
331
  }
331
- .sd-2-0-0-next-0-footnotes--marker :is(a)::before {
332
+ .sd-2-0-0-next-1-footnotes--marker :is(a)::before {
332
333
  content: '[ ';
333
334
  display: inline-block;
334
335
  }
335
- .sd-2-0-0-next-0-footnotes--marker :is(a)::after {
336
+ .sd-2-0-0-next-1-footnotes--marker :is(a)::after {
336
337
  content: ' ]';
337
338
  display: inline-block;
338
339
  }
339
- .sd-2-0-0-next-0-footnotes--marker :is(a):focus-visible {
340
+ .sd-2-0-0-next-1-footnotes--marker :is(a):focus-visible {
340
341
  border-radius: var(--sd-radius);
341
342
  outline-width: 1px;
342
343
  outline-style: var(--tw-outline-style);
@@ -344,13 +345,13 @@
344
345
  outline-offset: 2px;
345
346
  outline-color: var(--sd-border-color-primary, var(--sd-color-primary));
346
347
  }
347
- .sd-2-0-0-next-0-footnotes--marker :is(a):link {
348
- color: var(--sd-color-text-primary, var(--sd-color-primary));
348
+ .sd-2-0-0-next-1-footnotes--marker :is(a):link {
349
+ color: var(--sd-color-text-primary);
349
350
  }
350
- .sd-2-0-0-next-0-footnotes--marker:link, .sd-2-0-0-next-0-footnotes--marker:visited {
351
- color: var(--sd-color-text-primary, var(--sd-color-primary));
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);
352
353
  }
353
- .sd-2-0-0-next-0-footnotes--marker:focus-visible {
354
+ .sd-2-0-0-next-1-footnotes--marker:focus-visible {
354
355
  border-radius: var(--sd-radius);
355
356
  outline-width: 1px;
356
357
  outline-style: var(--tw-outline-style);
@@ -364,7 +365,7 @@
364
365
  :lang(de) {
365
366
  --sd-hidden-links-title: 'Springe zu';
366
367
  }
367
- .sd-2-0-0-next-0-hidden-links:not(:focus-within):not(.sd-2-0-0-next-0-hidden-links--debug) {
368
+ .sd-2-0-0-next-1-hidden-links:not(:focus-within):not(.sd-2-0-0-next-1-hidden-links--debug) {
368
369
  position: absolute;
369
370
  width: 1px;
370
371
  height: 1px;
@@ -375,72 +376,72 @@
375
376
  white-space: nowrap;
376
377
  border-width: 0;
377
378
  }
378
- .sd-2-0-0-next-0-hidden-links{
379
+ .sd-2-0-0-next-1-hidden-links{
379
380
  position: absolute;
380
381
  top: var(--sd-spacing-6);
381
382
  left: var(--sd-spacing-6);
382
383
  }
383
- .sd-2-0-0-next-0-hidden-links--multiple {
384
+ .sd-2-0-0-next-1-hidden-links--multiple {
384
385
  display: flex;
385
386
  flex-direction: column;
386
- background-color: var(--sd-color-background-white, var(--sd-color-white));
387
+ background-color: var(--sd-color-background-white);
387
388
  padding-inline: var(--sd-spacing-2);
388
389
  padding-block: var(--sd-spacing-4);
389
390
  --tw-shadow: var(--sd-shadow);
390
391
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
391
392
  }
392
- .sd-2-0-0-next-0-hidden-links--multiple:before {
393
+ .sd-2-0-0-next-1-hidden-links--multiple:before {
393
394
  padding-inline: var(--sd-spacing-4);
394
395
  padding-block: var(--sd-spacing-2);
395
396
  --tw-font-weight: var(--sd-font-weight-bold);
396
397
  font-weight: var(--sd-font-weight-bold);
397
398
  content: var(--sd-hidden-links-title);
398
399
  }
399
- mark.sd-2-0-0-next-0-mark {
400
+ mark.sd-2-0-0-next-1-mark {
400
401
  background-color: transparent;
401
- color: var(--sd-color-text-accent, var(--sd-color-accent));
402
+ color: var(--sd-color-text-accent);
402
403
  }
403
- .sd-2-0-0-next-0-meta {
404
+ .sd-2-0-0-next-1-meta {
404
405
  font-size: var(--sd-text-base);
405
406
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
406
407
  --tw-leading: 1;
407
408
  line-height: 1;
408
409
  --tw-font-weight: var(--sd-font-weight-normal);
409
410
  font-weight: var(--sd-font-weight-normal);
410
- color: var(--sd-color-text-black, var(--sd-color-black));
411
+ color: var(--sd-color-text-black);
411
412
  }
412
- .sd-2-0-0-next-0-meta--size-sm {
413
+ .sd-2-0-0-next-1-meta--size-sm {
413
414
  font-size: var(--sd-text-sm);
414
415
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
415
416
  }
416
- .sd-2-0-0-next-0-meta--light {
417
- color: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
417
+ .sd-2-0-0-next-1-meta--light {
418
+ color: var(--sd-color-text-neutral-700);
418
419
  }
419
- .sd-2-0-0-next-0-meta--inverted {
420
- color: var(--sd-color-text-white, var(--sd-color-white));
420
+ .sd-2-0-0-next-1-meta--inverted {
421
+ color: var(--sd-color-text-white);
421
422
  }
422
- .sd-2-0-0-next-0-meta--inverted.sd-2-0-0-next-0-meta--light {
423
- color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
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);
424
425
  }
425
- .sd-2-0-0-next-0-meta--pipe::after {
426
+ .sd-2-0-0-next-1-meta--pipe::after {
426
427
  content: '|';
427
428
  margin-inline: var(--sd-spacing-1);
428
429
  }
429
- .sd-2-0-0-next-0-meta--pipe.sd-2-0-0-next-0-meta--size-sm::after {
430
+ .sd-2-0-0-next-1-meta--pipe.sd-2-0-0-next-1-meta--size-sm::after {
430
431
  margin-inline: var(--sd-spacing-0\.5);
431
432
  }
432
- .sd-2-0-0-next-0-pagination > :not(ul) {
433
+ .sd-2-0-0-next-1-pagination > :not(ul) {
433
434
  position: absolute;
434
435
  height: var(--sd-spacing-0\.25);
435
436
  width: var(--sd-spacing-0\.25);
436
437
  overflow: hidden;
437
438
  }
438
- .sd-2-0-0-next-0-pagination ul {
439
+ .sd-2-0-0-next-1-pagination ul {
439
440
  display: flex;
440
441
  align-items: center;
441
442
  gap: var(--sd-spacing-2);
442
443
  }
443
- .sd-2-0-0-next-0-pagination ul li button {
444
+ .sd-2-0-0-next-1-pagination ul li button {
444
445
  all: unset;
445
446
  border-style: var(--tw-border-style);
446
447
  border-width: 0px;
@@ -448,46 +449,46 @@ mark.sd-2-0-0-next-0-mark {
448
449
  border-style: solid;
449
450
  border-color: transparent;
450
451
  }
451
- .sd-2-0-0-next-0-pagination ul li button:hover:not([disabled]) {
452
+ .sd-2-0-0-next-1-pagination ul li button:hover:not([disabled]) {
452
453
  cursor: pointer;
453
454
  }
454
- .sd-2-0-0-next-0-pagination ul li:has(button) {
455
+ .sd-2-0-0-next-1-pagination ul li:has(button) {
455
456
  height: 1.875rem;
456
457
  }
457
- .sd-2-0-0-next-0-pagination ul li a, .sd-2-0-0-next-0-pagination ul li button {
458
+ .sd-2-0-0-next-1-pagination ul li a, .sd-2-0-0-next-1-pagination ul li button {
458
459
  display: flex;
459
460
  align-items: center;
460
461
  justify-content: center;
461
- color: var(--sd-color-text-primary, var(--sd-color-primary));
462
+ color: var(--sd-color-text-primary);
462
463
  text-decoration-line: none;
463
464
  transition-property: color;
464
465
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
465
466
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
466
467
  }
467
- .sd-2-0-0-next-0-pagination ul li a:hover:not([disabled]), .sd-2-0-0-next-0-pagination ul li button:hover:not([disabled]) {
468
- color: var(--sd-color-text-primary-500, var(--sd-color-primary-500));
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);
469
470
  }
470
- .sd-2-0-0-next-0-pagination ul li a:active:not([disabled]), .sd-2-0-0-next-0-pagination ul li button:active:not([disabled]) {
471
- color: var(--sd-color-text-primary-800, var(--sd-color-primary-800));
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);
472
473
  }
473
- .sd-2-0-0-next-0-pagination ul li a:focus-visible, .sd-2-0-0-next-0-pagination ul li button:focus-visible {
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
475
  outline-width: 1px;
475
476
  outline-style: var(--tw-outline-style);
476
477
  outline-width: 2px;
477
478
  outline-offset: 2px;
478
479
  outline-color: var(--sd-border-color-primary, var(--sd-color-primary));
479
480
  }
480
- .sd-2-0-0-next-0-pagination ul li:first-child, .sd-2-0-0-next-0-pagination ul li:last-child {
481
+ .sd-2-0-0-next-1-pagination ul li:first-child, .sd-2-0-0-next-1-pagination ul li:last-child {
481
482
  height: var(--sd-spacing-12);
482
483
  width: var(--sd-spacing-12);
483
484
  font-size: var(--sd-text-xl);
484
485
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
485
486
  }
486
- .sd-2-0-0-next-0-pagination ul li:first-child a, .sd-2-0-0-next-0-pagination ul li:first-child button, .sd-2-0-0-next-0-pagination ul li:last-child a, .sd-2-0-0-next-0-pagination ul li:last-child button {
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
488
  height: 100%;
488
489
  width: 100%;
489
490
  }
490
- .sd-2-0-0-next-0-pagination ul li {
491
+ .sd-2-0-0-next-1-pagination ul li {
491
492
  display: flex;
492
493
  height: var(--sd-spacing-8);
493
494
  width: var(--sd-spacing-8);
@@ -495,272 +496,761 @@ mark.sd-2-0-0-next-0-mark {
495
496
  justify-content: center;
496
497
  text-align: center;
497
498
  }
498
- .sd-2-0-0-next-0-pagination ul li:not(:first-child):not(:last-child) a, .sd-2-0-0-next-0-pagination ul li:not(:first-child):not(:last-child) button {
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
500
  height: 100%;
500
501
  width: 100%;
501
502
  border-bottom-style: var(--tw-border-style);
502
503
  border-bottom-width: var(--sd-border-width-2);
503
504
  border-bottom-color: transparent;
504
505
  }
505
- .sd-2-0-0-next-0-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-2-0-0-next-0-pagination ul li:not(:first-child):not(:last-child) button[aria-current] {
506
- border-bottom-color: var(--sd-color-border-accent, var(--sd-color-accent));
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);
507
508
  }
508
- .sd-2-0-0-next-0-pagination ul li a[aria-current], .sd-2-0-0-next-0-pagination ul li button[aria-current] {
509
- color: var(--sd-color-text-black, var(--sd-color-black));
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);
510
511
  }
511
- .sd-2-0-0-next-0-pagination ul li a[aria-current]:hover:not([disabled]), .sd-2-0-0-next-0-pagination ul li button[aria-current]:hover:not([disabled]) {
512
- color: var(--sd-color-text-black, var(--sd-color-black));
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);
513
514
  }
514
- .sd-2-0-0-next-0-pagination ul li:first-child:has(a:not([href])) a, .sd-2-0-0-next-0-pagination ul li:last-child:has(a:not([href])) a, .sd-2-0-0-next-0-pagination ul li:first-child:has(button[disabled]) button, .sd-2-0-0-next-0-pagination ul li:last-child:has(button[disabled]) button {
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
516
  cursor: not-allowed;
516
- color: var(--sd-color-text-neutral-500, var(--sd-color-neutral-500));
517
+ color: var(--sd-color-text-neutral-500);
517
518
  }
518
- .sd-2-0-0-next-0-pagination ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-2-0-0-next-0-pagination ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-2-0-0-next-0-pagination ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-2-0-0-next-0-pagination ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
519
- color: var(--sd-color-text-neutral-500, var(--sd-color-neutral-500));
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);
520
521
  }
521
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) {
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
523
  pointer-events: none;
523
524
  position: absolute;
524
525
  }
525
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) button {
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
527
  display: none;
527
528
  }
528
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):has(a[aria-current], button[aria-current]) + li + li:not(:last-child) {
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
530
  pointer-events: auto !important;
530
531
  position: relative !important;
531
532
  }
532
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-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-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
534
  --tw-content: '...';
534
535
  content: var(--tw-content);
535
536
  }
536
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li {
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
538
  pointer-events: auto !important;
538
539
  position: relative !important;
539
540
  }
540
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li::after {
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
542
  content: var(--tw-content);
542
543
  display: none !important;
543
544
  }
544
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li button {
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
546
  display: flex !important;
546
547
  }
547
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
549
  pointer-events: auto;
549
550
  position: relative;
550
551
  }
551
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
553
  content: var(--tw-content);
553
554
  display: none;
554
555
  }
555
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-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-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
557
  display: flex;
557
558
  }
558
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
560
  pointer-events: none;
560
561
  position: relative;
561
562
  }
562
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
564
  --tw-content: '...';
564
565
  content: var(--tw-content);
565
566
  }
566
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
568
  pointer-events: auto;
568
569
  position: relative;
569
570
  }
570
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
572
  content: var(--tw-content);
572
573
  display: none;
573
574
  }
574
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-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-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
576
  display: flex;
576
577
  }
577
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
579
  pointer-events: auto;
579
580
  position: relative;
580
581
  }
581
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
583
  content: var(--tw-content);
583
584
  display: none;
584
585
  }
585
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-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-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
587
  display: flex;
587
588
  }
588
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
590
  pointer-events: auto;
590
591
  position: relative;
591
592
  }
592
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
594
  content: var(--tw-content);
594
595
  display: none;
595
596
  }
596
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-0-pagination:not(.sd-2-0-0-next-0-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-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
598
  display: flex;
598
599
  }
599
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
601
  pointer-events: none;
601
602
  position: relative;
602
603
  }
603
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-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-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
605
  --tw-content: '...';
605
606
  content: var(--tw-content);
606
607
  }
607
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li {
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
609
  pointer-events: auto;
609
610
  position: relative;
610
611
  }
611
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li::after {
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
613
  content: var(--tw-content);
613
614
  display: none;
614
615
  }
615
- .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-2-0-0-next-0-pagination:not(.sd-2-0-0-next-0-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li button {
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
617
  display: flex;
617
618
  }
618
- .sd-2-0-0-next-0-pagination--simple ul li:nth-child(2) {
619
+ .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2) {
619
620
  position: relative;
620
621
  margin-inline-end: calc(var(--sd-spacing-1) * 5);
621
622
  width: var(--sd-spacing-8);
622
623
  border-bottom-style: var(--tw-border-style);
623
624
  border-bottom-width: var(--sd-border-width-2);
624
- border-bottom-color: var(--sd-color-border-accent, var(--sd-color-accent));
625
+ border-bottom-color: var(--sd-color-border-accent);
625
626
  }
626
- .sd-2-0-0-next-0-pagination--simple ul li:nth-child(2)::after {
627
+ .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2)::after {
627
628
  content: var(--tw-content);
628
629
  position: absolute;
629
630
  }
630
- .sd-2-0-0-next-0-pagination--simple ul li:nth-child(2)::after {
631
+ .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2)::after {
631
632
  content: var(--tw-content);
632
633
  right: calc(18px * -1);
633
634
  }
634
- .sd-2-0-0-next-0-pagination--simple ul li:nth-child(2)::after {
635
+ .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2)::after {
635
636
  content: var(--tw-content);
636
637
  --tw-scale-y: 1.5;
637
638
  scale: var(--tw-scale-x) var(--tw-scale-y);
638
639
  }
639
- .sd-2-0-0-next-0-pagination--simple ul li:nth-child(2)::after {
640
+ .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2)::after {
640
641
  --tw-content: '/';
641
642
  content: var(--tw-content);
642
643
  }
643
- .sd-2-0-0-next-0-pagination--simple ul li:nth-child(2){
644
+ .sd-2-0-0-next-1-pagination--simple ul li:nth-child(2){
644
645
  border-bottom-style: solid;
645
646
  }
646
- .sd-2-0-0-next-0-pagination--simple ul li:nth-last-child(2) {
647
+ .sd-2-0-0-next-1-pagination--simple ul li:nth-last-child(2) {
647
648
  border-bottom-style: var(--tw-border-style);
648
649
  border-bottom-width: var(--sd-border-width-2);
649
650
  border-bottom-color: transparent;
650
651
  }
651
- .sd-2-0-0-next-0-pagination--inverted ul li::after {
652
+ .sd-2-0-0-next-1-pagination--inverted ul li::after {
652
653
  content: var(--tw-content);
653
- color: var(--sd-color-text-white, var(--sd-color-white));
654
+ color: var(--sd-color-text-white);
654
655
  }
655
- .sd-2-0-0-next-0-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-2-0-0-next-0-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-2-0-0-next-0-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-2-0-0-next-0-pagination--inverted ul li:last-child:has(button[disabled]) button {
656
- color: var(--sd-color-text-neutral-600, var(--sd-color-neutral-600));
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);
657
658
  }
658
- .sd-2-0-0-next-0-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
659
- color: var(--sd-color-text-neutral-600, var(--sd-color-neutral-600));
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);
660
661
  }
661
- .sd-2-0-0-next-0-pagination--inverted ul li a, .sd-2-0-0-next-0-pagination--inverted ul li a[aria-current], .sd-2-0-0-next-0-pagination--inverted ul li button, .sd-2-0-0-next-0-pagination--inverted ul li button[aria-current] {
662
- color: var(--sd-color-text-white, var(--sd-color-white));
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);
663
664
  }
664
- .sd-2-0-0-next-0-pagination--inverted ul li a:hover:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li button:hover:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li button[aria-current]:hover:not([disabled]) {
665
- color: var(--sd-color-text-primary-200, var(--sd-color-primary-200));
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);
666
667
  }
667
- .sd-2-0-0-next-0-pagination--inverted ul li a:active:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li button:active:not([disabled]), .sd-2-0-0-next-0-pagination--inverted ul li button[aria-current]:active:not([disabled]) {
668
- color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
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);
669
670
  }
670
- .sd-2-0-0-next-0-pagination--inverted ul li a:focus-visible, .sd-2-0-0-next-0-pagination--inverted ul li a[aria-current]:focus-visible, .sd-2-0-0-next-0-pagination--inverted ul li button:focus-visible, .sd-2-0-0-next-0-pagination--inverted ul li button[aria-current]:focus-visible {
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
672
  outline-color: var(--color-white, #fff);
672
673
  }
673
- .sd-2-0-0-next-0-pagination--inverted.sd-2-0-0-next-0-pagination--simple ul li {
674
- color: var(--sd-color-text-white, var(--sd-color-white));
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);
675
676
  }
676
- .sd-2-0-0-next-0-pagination--inverted.sd-2-0-0-next-0-pagination--simple ul li::after {
677
+ .sd-2-0-0-next-1-pagination--inverted.sd-2-0-0-next-1-pagination--simple ul li::after {
677
678
  content: var(--tw-content);
678
- color: var(--sd-color-text-white, var(--sd-color-white));
679
+ color: var(--sd-color-text-white);
679
680
  }
680
- .sd-2-0-0-next-0-status-badge {
681
+ .sd-2-0-0-next-1-status-badge {
681
682
  display: inline-flex;
682
683
  align-items: center;
683
684
  }
684
- .sd-2-0-0-next-0-status-badge sd-icon {
685
+ .sd-2-0-0-next-1-status-badge sd-icon {
685
686
  margin-right: var(--sd-spacing-2);
686
687
  display: flex;
687
688
  height: var(--sd-spacing-3);
688
689
  width: var(--sd-spacing-3);
689
690
  border-radius: var(--sd-radius-full);
690
691
  padding: var(--sd-spacing-1);
691
- color: var(--sd-color-text-white, var(--sd-color-white)) !important;
692
- }
693
- .sd-2-0-0-next-0-status-badge--success sd-icon {
694
- background-color: var(--sd-color-background-success, var(--sd-color-success));
695
- }
696
- .sd-2-0-0-next-0-status-badge--warning sd-icon {
697
- background-color: var(--sd-color-background-warning, var(--sd-color-warning));
698
- }
699
- .sd-2-0-0-next-0-status-badge--error sd-icon {
700
- background-color: var(--sd-color-background-error, var(--sd-color-error));
701
- }
702
- .sd-2-0-0-next-0-status-badge--info sd-icon {
703
- background-color: var(--sd-color-background-info, var(--sd-color-info));
704
- }
705
- @import url('./display.css');
706
- @import url('./headline.css');
707
- @import url('./interactive.css');
708
- @import url('./leadtext.css');
709
- @import url('./list.css');
710
- @import url('./paragraph.css');
711
- @import url('./media.css');
712
- @import url('./table-cell.css');
713
- @import url('./table.css');
714
- .sd-2-0-0-next-0-prose {
692
+ color: var(--sd-color-text-white) !important;
693
+ }
694
+ .sd-2-0-0-next-1-status-badge--success sd-icon {
695
+ background-color: var(--sd-color-background-success);
696
+ }
697
+ .sd-2-0-0-next-1-status-badge--warning sd-icon {
698
+ background-color: var(--sd-color-background-warning);
699
+ }
700
+ .sd-2-0-0-next-1-status-badge--error sd-icon {
701
+ background-color: var(--sd-color-background-error);
702
+ }
703
+ .sd-2-0-0-next-1-status-badge--info sd-icon {
704
+ background-color: var(--sd-color-background-info);
705
+ }
706
+ .sd-2-0-0-next-1-display {
707
+ font-size: var(--sd-text-3xl);
708
+ line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
709
+ --tw-leading: var(--leading-tight, 1.25);
710
+ line-height: var(--leading-tight, 1.25);
711
+ --tw-font-weight: var(--sd-font-weight-normal);
712
+ font-weight: var(--sd-font-weight-normal);
713
+ color: var(--sd-color-text-black);
714
+ }
715
+ @media (width >= 64rem) {
716
+ .sd-2-0-0-next-1-display {
717
+ font-size: var(--sd-text-4xl);
718
+ line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
719
+ }
720
+ }
721
+ .sd-2-0-0-next-1-display--size-xl {
722
+ font-size: var(--sd-text-xl);
723
+ line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
724
+ --tw-leading: var(--leading-tight, 1.25);
725
+ line-height: var(--leading-tight, 1.25);
726
+ --tw-font-weight: var(--sd-font-weight-normal);
727
+ font-weight: var(--sd-font-weight-normal);
728
+ color: var(--sd-color-text-black);
729
+ }
730
+ .sd-2-0-0-next-1-display--size-3xl {
731
+ font-size: var(--sd-text-2xl);
732
+ line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
733
+ --tw-leading: var(--leading-tight, 1.25);
734
+ line-height: var(--leading-tight, 1.25);
735
+ --tw-font-weight: var(--sd-font-weight-normal);
736
+ font-weight: var(--sd-font-weight-normal);
737
+ color: var(--sd-color-text-black);
738
+ }
739
+ @media (width >= 64rem) {
740
+ .sd-2-0-0-next-1-display--size-3xl {
741
+ font-size: var(--sd-text-3xl);
742
+ line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
743
+ }
744
+ }
745
+ .sd-2-0-0-next-1-display--inverted {
746
+ color: var(--sd-color-text-white);
747
+ }
748
+ .sd-2-0-0-next-1-headline, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5) {
749
+ display: flex;
750
+ --tw-font-weight: var(--sd-font-weight-bold);
751
+ font-weight: var(--sd-font-weight-bold);
752
+ color: var(--sd-color-text-primary);
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 {
755
+ flex-shrink: 0;
756
+ font-size: 3rem;
757
+ color: var(--sd-color-text-primary);
758
+ }
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 {
761
+ margin-top: var(--sd-spacing-2)
762
+ }
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) {
765
+ gap: var(--sd-spacing-4);
766
+ font-size: var(--sd-text-3xl);
767
+ line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
768
+ --tw-leading: var(--leading-tight, 1.25);
769
+ line-height: var(--leading-tight, 1.25);
770
+ }
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) {
773
+ font-size: var(--sd-text-4xl);
774
+ line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
775
+ }
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 {
778
+ margin-top: calc(var(--sd-spacing-1) * -1);
779
+ }
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 {
782
+ margin-top: calc(var(--sd-spacing-1) * 0)
783
+ }
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) {
786
+ gap: var(--sd-spacing-4);
787
+ font-size: var(--sd-text-2xl);
788
+ line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
789
+ --tw-leading: var(--leading-tight, 1.25);
790
+ line-height: var(--leading-tight, 1.25);
791
+ }
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) {
794
+ font-size: var(--sd-text-3xl);
795
+ line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
796
+ }
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 {
799
+ margin-top: calc(var(--sd-spacing-1) * -1);
800
+ }
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 {
803
+ margin-top: calc(var(--sd-spacing-1) * 0)
804
+ }
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) {
807
+ gap: var(--sd-spacing-2);
808
+ color: var(--sd-color-text-black);
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 {
811
+ font-size: 2rem;
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) {
814
+ font-size: var(--sd-text-xl);
815
+ line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
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 {
818
+ margin-top: var(--sd-spacing-0\.5);
819
+ }
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 {
822
+ margin-top: var(--sd-spacing-0\.5)
823
+ }
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) {
826
+ --tw-leading: var(--leading-normal, 1.5);
827
+ line-height: var(--leading-normal, 1.5);
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) {
830
+ font-size: var(--sd-text-lg);
831
+ line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
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 {
834
+ margin-top: calc(var(--sd-spacing-1) * 0);
835
+ }
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 {
838
+ margin-top: calc(var(--sd-spacing-1) * 0)
839
+ }
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) {
842
+ font-size: var(--sd-text-base);
843
+ line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
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 {
846
+ margin-top: calc(var(--sd-spacing-1) * -1);
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 {
849
+ color: inherit;
850
+ }
851
+ .sd-2-0-0-next-1-headline--inline {
852
+ display: inline-block;
853
+ }
854
+ .sd-2-0-0-next-1-headline--inline sd-icon {
855
+ margin-top: calc(var(--sd-spacing-1) * -1);
856
+ margin-right: var(--sd-spacing-2);
857
+ vertical-align: middle;
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 {
860
+ margin-right: var(--sd-spacing-0\.5);
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);
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);
867
+ }
868
+ .sd-2-0-0-next-1-prose a--reset, .sd-2-0-0-next-1-interactive--reset {
869
+ all: unset;
870
+ outline: revert;
871
+ }
872
+ .sd-2-0-0-next-1-prose a, .sd-2-0-0-next-1-interactive{
873
+ cursor: pointer;
874
+ color: var(--sd-color-text-primary);
875
+ text-decoration-line: underline;
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
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
878
+ transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
879
+ --tw-duration: var(--sd-duration-fast, 150ms);
880
+ transition-duration: var(--sd-duration-fast, 150ms);
881
+ --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
882
+ transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
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);
886
+ }
887
+ .sd-2-0-0-next-1-prose a:focus-visible, .sd-2-0-0-next-1-interactive:focus-visible {
888
+ outline-style: solid;
889
+ outline-offset: 2px;
890
+ outline-width: 2px;
891
+ outline-color: var(--outline-color-primary);
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));
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) {
897
+ text-decoration-line: none;
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=''] {
900
+ cursor: not-allowed;
901
+ color: var(--sd-color-text-neutral-500);
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);
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);
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);
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);
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);
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);
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);
923
+ }
924
+ .sd-2-0-0-next-1-prose--inverted a:focus-visible, .sd-2-0-0-next-1-interactive--inverted:focus-visible {
925
+ outline-style: solid;
926
+ outline-offset: 2px;
927
+ outline-width: 2px;
928
+ outline-color: var(--outline-color-primary);
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);
932
+ }
933
+ .sd-2-0-0-next-1-prose > .sd-2-0-0-next-1-leadtext, .sd-2-0-0-next-1-leadtext {
934
+ font-size: var(--sd-text-xl);
935
+ line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
936
+ --tw-leading: var(--leading-normal, 1.5);
937
+ line-height: var(--leading-normal, 1.5);
938
+ --tw-font-weight: var(--sd-font-weight-normal);
939
+ font-weight: var(--sd-font-weight-normal);
940
+ color: var(--sd-color-text-black);
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 {
943
+ font-size: var(--sd-text-lg);
944
+ line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
945
+ --tw-leading: var(--leading-normal, 1.5);
946
+ line-height: var(--leading-normal, 1.5);
947
+ --tw-font-weight: var(--sd-font-weight-normal);
948
+ font-weight: var(--sd-font-weight-normal);
949
+ color: var(--sd-color-text-black);
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);
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) {
955
+ list-style-position: revert;
956
+ list-style-type: revert;
957
+ padding: revert;
958
+ padding-block: var(--sd-spacing-4);
959
+ padding-left: var(--sd-spacing-4);
960
+ text-align: left;
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) {
963
+ margin-top: var(--sd-spacing-3);
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 {
966
+ all: revert;
967
+ padding-top: 0.75em;
968
+ padding-left: 1.4em;
969
+ }
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 {
972
+ padding-left: 0.3em;
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) {
975
+ counter-reset: item;
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 {
978
+ counter-increment: item;
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 {
981
+ content: counters(item, '.', decimal) '. ';
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 {
984
+ padding-left: 1.9em;
985
+ counter-reset: subitem;
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 {
988
+ counter-increment: subitem;
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 {
991
+ content: counters(item, '.', decimal) '.' counters(subitem, '.', decimal) '. ';
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 {
994
+ padding-left: 2.7em;
995
+ counter-reset: subsubitem;
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 {
998
+ counter-increment: subsubitem;
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 {
1001
+ content: counters(item, '.', decimal) '.' counters(subitem, '.', decimal) '.' counters(subsubitem, '.', decimal) '. ';
1002
+ }
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 {
1005
+ padding-left: 0.5em;
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 {
1008
+ padding-left: 0.75em;
1009
+ list-style-type: '\2022';
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 {
1012
+ padding-left: 0.3em;
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 {
1015
+ list-style-type: '\002B1D';
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 {
1018
+ padding-left: 0.4em;
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 {
1021
+ list-style-type: '\2010';
1022
+ }
1023
+ .sd-2-0-0-next-1-list--icon {
1024
+ padding-block: var(--sd-spacing-4);
1025
+ text-align: left;
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);
1029
+ }
1030
+ .sd-2-0-0-next-1-list--icon{
1031
+ list-style-type: '';
1032
+ }
1033
+ .sd-2-0-0-next-1-list--icon > li:first-of-type {
1034
+ padding-top: calc(var(--sd-spacing-1) * 0);
1035
+ }
1036
+ .sd-2-0-0-next-1-list--icon li {
1037
+ position: relative;
1038
+ padding-top: var(--sd-spacing-3);
1039
+ padding-left: var(--sd-spacing-10);
1040
+ --tw-leading: 32px;
1041
+ line-height: 32px;
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 {
1044
+ position: absolute;
1045
+ left: calc(var(--sd-spacing-1) * 0);
1046
+ font-size: var(--sd-text-3xl);
1047
+ line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
1048
+ color: var(--sd-color-text-primary);
1049
+ }
1050
+ .sd-2-0-0-next-1-list--icon.sd-2-0-0-next-1-list--horizontal {
1051
+ display: flex;
1052
+ }
1053
+ .sd-2-0-0-next-1-list--icon.sd-2-0-0-next-1-list--horizontal li {
1054
+ display: flex;
1055
+ padding-top: calc(var(--sd-spacing-1) * 0);
1056
+ }
1057
+ .sd-2-0-0-next-1-list--icon.sd-2-0-0-next-1-list--horizontal li:not(:last-child) {
1058
+ margin-right: var(--sd-spacing-8);
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);
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);
1065
+ }
1066
+ .sd-2-0-0-next-1-paragraph, .sd-2-0-0-next-1-prose p {
1067
+ font-size: var(--sd-text-base);
1068
+ line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
1069
+ --tw-leading: var(--leading-normal, 1.5);
1070
+ line-height: var(--leading-normal, 1.5);
1071
+ --tw-font-weight: var(--sd-font-weight-normal);
1072
+ font-weight: var(--sd-font-weight-normal);
1073
+ color: var(--sd-color-text-black);
1074
+ }
1075
+ .sd-2-0-0-next-1-paragraph--size-sm, .sd-2-0-0-next-1-prose p--size-sm {
1076
+ font-size: var(--sd-text-sm);
1077
+ line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
1078
+ --tw-leading: var(--leading-normal, 1.5);
1079
+ line-height: var(--leading-normal, 1.5);
1080
+ --tw-font-weight: var(--sd-font-weight-normal);
1081
+ font-weight: var(--sd-font-weight-normal);
1082
+ color: var(--sd-color-text-black);
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);
1086
+ }
1087
+ .sd-2-0-0-next-1-prose figure, figure.sd-2-0-0-next-1-media {
1088
+ margin: calc(var(--sd-spacing-1) * 0);
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);
1092
+ }
1093
+ .sd-2-0-0-next-1-prose figure figcaption:last-child, figure.sd-2-0-0-next-1-media figcaption:last-child {
1094
+ margin-top: var(--sd-spacing-3);
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);
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 {
1100
+ border-inline-style: var(--tw-border-style);
1101
+ border-inline-width: 0px;
1102
+ border-block-style: var(--tw-border-style);
1103
+ border-block-width: 1px;
1104
+ --tw-border-style: solid;
1105
+ border-style: solid;
1106
+ border-color: var(--sd-color-border-neutral-400);
1107
+ background-color: transparent;
1108
+ padding: var(--sd-spacing-4);
1109
+ text-align: left;
1110
+ font-size: var(--sd-text-sm);
1111
+ line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
1112
+ color: var(--sd-color-text-black);
1113
+ }
1114
+ .sd-2-0-0-next-1-table-cell--divider {
1115
+ border-right-style: var(--tw-border-style);
1116
+ border-right-width: 1px;
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 {
1119
+ pointer-events: none;
1120
+ position: absolute;
1121
+ --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
1122
+ --tw-gradient-to: transparent;
1123
+ --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1124
+ opacity: var(--sd-opacity-0);
1125
+ transition-property: opacity;
1126
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
1127
+ transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
1128
+ --tw-duration: 300ms;
1129
+ transition-duration: 300ms;
1130
+ --tw-content: '';
1131
+ content: var(--tw-content);
1132
+ }
1133
+ .sd-2-0-0-next-1-table-cell--shadow-top:after, .sd-2-0-0-next-1-table-cell--shadow-bottom:after {
1134
+ right: calc(var(--sd-spacing-1) * 0);
1135
+ left: calc(var(--sd-spacing-1) * 0);
1136
+ height: calc(var(--sd-spacing-1) * 2.5);
1137
+ }
1138
+ .sd-2-0-0-next-1-table-cell--shadow-top:before, .sd-2-0-0-next-1-table-cell--shadow-bottom:before {
1139
+ position: absolute;
1140
+ left: calc(var(--sd-spacing-1) * 0);
1141
+ display: block;
1142
+ height: 1px;
1143
+ width: 100%;
1144
+ border-style: var(--tw-border-style);
1145
+ border-width: 0.5px;
1146
+ border-color: var(--sd-color-border-neutral-400);
1147
+ --tw-content: '';
1148
+ content: var(--tw-content);
1149
+ }
1150
+ .sd-2-0-0-next-1-table-cell--shadow-left:after, .sd-2-0-0-next-1-table-cell--shadow-right:after {
1151
+ top: calc(var(--sd-spacing-1) * 0);
1152
+ bottom: calc(var(--sd-spacing-1) * 0);
1153
+ width: calc(var(--sd-spacing-1) * 2.5);
1154
+ }
1155
+ .sd-2-0-0-next-1-table-cell.sd-2-0-0-next-1-table-cell--shadow-active:after {
1156
+ opacity: 100%;
1157
+ }
1158
+ .sd-2-0-0-next-1-table-cell--shadow-top:after {
1159
+ top: -10px;
1160
+ --tw-gradient-position: to top in oklab;
1161
+ background-image: linear-gradient(var(--tw-gradient-stops));
1162
+ }
1163
+ .sd-2-0-0-next-1-table-cell--shadow-top:before {
1164
+ bottom: -1px;
1165
+ }
1166
+ .sd-2-0-0-next-1-table-cell--shadow-bottom:after {
1167
+ bottom: -10px;
1168
+ --tw-gradient-position: to bottom in oklab;
1169
+ background-image: linear-gradient(var(--tw-gradient-stops));
1170
+ }
1171
+ .sd-2-0-0-next-1-table-cell--shadow-bottom:before {
1172
+ top: -1px;
1173
+ }
1174
+ .sd-2-0-0-next-1-table-cell--shadow-left:after {
1175
+ left: -10px;
1176
+ --tw-gradient-position: to left in oklab;
1177
+ background-image: linear-gradient(var(--tw-gradient-stops));
1178
+ }
1179
+ .sd-2-0-0-next-1-table-cell--shadow-right:after {
1180
+ right: -10px;
1181
+ --tw-gradient-position: to right in oklab;
1182
+ background-image: linear-gradient(var(--tw-gradient-stops));
1183
+ }
1184
+ .sd-2-0-0-next-1-table-cell--bg-white {
1185
+ background-color: var(--sd-color-background-white);
1186
+ }
1187
+ .sd-2-0-0-next-1-table-cell--bg-primary-100 {
1188
+ background-color: var(--sd-color-background-primary-100);
1189
+ }
1190
+ .sd-2-0-0-next-1-table-cell--bg-neutral-100 {
1191
+ background-color: var(--sd-color-background-neutral-100);
1192
+ }
1193
+ .sd-2-0-0-next-1-table, .sd-2-0-0-next-1-prose table {
1194
+ all: unset;
1195
+ display: table;
1196
+ border-collapse: collapse;
1197
+ --tw-border-spacing-x: calc(var(--sd-spacing-1) * 0);
1198
+ --tw-border-spacing-y: calc(var(--sd-spacing-1) * 0);
1199
+ border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
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 {
1202
+ position: relative;
1203
+ }
1204
+ .sd-2-0-0-next-1-prose {
715
1205
  max-width: 80ch;
716
1206
  text-align: left;
717
1207
  }
718
- .sd-2-0-0-next-0-prose > *:not(:first-child) {
1208
+ .sd-2-0-0-next-1-prose > *:not(:first-child) {
719
1209
  margin-top: var(--sd-spacing-4);
720
1210
  }
721
- .sd-2-0-0-next-0-prose > *:first-child {
1211
+ .sd-2-0-0-next-1-prose > *:first-child {
722
1212
  margin-top: calc(var(--sd-spacing-1) * 0);
723
1213
  }
724
- .sd-2-0-0-next-0-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
1214
+ .sd-2-0-0-next-1-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
725
1215
  margin-top: var(--sd-spacing-2);
726
1216
  }
727
- .sd-2-0-0-next-0-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
1217
+ .sd-2-0-0-next-1-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
728
1218
  margin-top: var(--sd-spacing-8);
729
1219
  }
730
- .sd-2-0-0-next-0-prose > figure + *:not(#_), .sd-2-0-0-next-0-prose > img + *:not(#_) {
1220
+ .sd-2-0-0-next-1-prose > figure + *:not(#_), .sd-2-0-0-next-1-prose > img + *:not(#_) {
731
1221
  margin-top: var(--sd-spacing-6);
732
1222
  }
733
- .sd-2-0-0-next-0-prose hr {
1223
+ .sd-2-0-0-next-1-prose hr {
734
1224
  height: calc(var(--sd-spacing-1) * 0);
735
1225
  border-top-style: var(--tw-border-style);
736
1226
  border-top-width: 1px;
737
- border-color: var(--sd-color-border-neutral-500, var(--sd-color-neutral-500));
1227
+ border-color: var(--sd-color-border-neutral-500);
738
1228
  }
739
- .sd-2-0-0-next-0-prose pre {
1229
+ .sd-2-0-0-next-1-prose pre {
740
1230
  overflow: auto;
741
1231
  }
742
- .sd-2-0-0-next-0-prose blockquote, .sd-2-0-0-next-0-prose blockquote > * {
1232
+ .sd-2-0-0-next-1-prose blockquote, .sd-2-0-0-next-1-prose blockquote > * {
743
1233
  font-size: var(--sd-text-xl);
744
1234
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
745
1235
  }
746
- .sd-2-0-0-next-0-prose blockquote:has(*) *:first-child::before, .sd-2-0-0-next-0-prose blockquote:not(:has(*))::before {
1236
+ .sd-2-0-0-next-1-prose blockquote:has(*) *:first-child::before, .sd-2-0-0-next-1-prose blockquote:not(:has(*))::before {
747
1237
  content: open-quote;
748
1238
  display: inline;
749
1239
  }
750
- .sd-2-0-0-next-0-prose blockquote:has(*) *:first-child::after, .sd-2-0-0-next-0-prose blockquote:not(:has(*))::after {
1240
+ .sd-2-0-0-next-1-prose blockquote:has(*) *:first-child::after, .sd-2-0-0-next-1-prose blockquote:not(:has(*))::after {
751
1241
  content: close-quote;
752
1242
  display: inline;
753
1243
  }
754
- .sd-2-0-0-next-0-prose > :is(ul, ol):not(#_) {
1244
+ .sd-2-0-0-next-1-prose > :is(ul, ol):not(#_) {
755
1245
  padding-block: calc(var(--sd-spacing-1) * 0);
756
1246
  }
757
- .sd-2-0-0-next-0-prose--inverted hr {
758
- border-color: var(--sd-color-border-white, var(--sd-color-white));
1247
+ .sd-2-0-0-next-1-prose--inverted hr {
1248
+ border-color: var(--sd-color-border-white);
759
1249
  }
760
- .sd-2-0-0-next-0-prose--inverted pre {
761
- color: var(--sd-color-text-white, var(--sd-color-white));
1250
+ .sd-2-0-0-next-1-prose--inverted pre {
1251
+ color: var(--sd-color-text-white);
762
1252
  }
763
- .sd-2-0-0-next-0-prose--full-width {
1253
+ .sd-2-0-0-next-1-prose--full-width {
764
1254
  max-width: unset;
765
1255
  }
766
1256
  @property --tw-blur {
@@ -919,6 +1409,66 @@ mark.sd-2-0-0-next-0-mark {
919
1409
  inherits: false;
920
1410
  initial-value: 1;
921
1411
  }
1412
+ @property --tw-duration {
1413
+ syntax: "*";
1414
+ inherits: false;
1415
+ }
1416
+ @property --tw-ease {
1417
+ syntax: "*";
1418
+ inherits: false;
1419
+ }
1420
+ @property --tw-gradient-position {
1421
+ syntax: "*";
1422
+ inherits: false;
1423
+ }
1424
+ @property --tw-gradient-from {
1425
+ syntax: "<color>";
1426
+ inherits: false;
1427
+ initial-value: #0000;
1428
+ }
1429
+ @property --tw-gradient-via {
1430
+ syntax: "<color>";
1431
+ inherits: false;
1432
+ initial-value: #0000;
1433
+ }
1434
+ @property --tw-gradient-to {
1435
+ syntax: "<color>";
1436
+ inherits: false;
1437
+ initial-value: #0000;
1438
+ }
1439
+ @property --tw-gradient-stops {
1440
+ syntax: "*";
1441
+ inherits: false;
1442
+ }
1443
+ @property --tw-gradient-via-stops {
1444
+ syntax: "*";
1445
+ inherits: false;
1446
+ }
1447
+ @property --tw-gradient-from-position {
1448
+ syntax: "<length-percentage>";
1449
+ inherits: false;
1450
+ initial-value: 0%;
1451
+ }
1452
+ @property --tw-gradient-via-position {
1453
+ syntax: "<length-percentage>";
1454
+ inherits: false;
1455
+ initial-value: 50%;
1456
+ }
1457
+ @property --tw-gradient-to-position {
1458
+ syntax: "<length-percentage>";
1459
+ inherits: false;
1460
+ initial-value: 100%;
1461
+ }
1462
+ @property --tw-border-spacing-x {
1463
+ syntax: "<length>";
1464
+ inherits: false;
1465
+ initial-value: 0;
1466
+ }
1467
+ @property --tw-border-spacing-y {
1468
+ syntax: "<length>";
1469
+ inherits: false;
1470
+ initial-value: 0;
1471
+ }
922
1472
  @layer properties {
923
1473
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
924
1474
  *, ::before, ::after, ::backdrop {
@@ -957,6 +1507,19 @@ mark.sd-2-0-0-next-0-mark {
957
1507
  --tw-scale-x: 1;
958
1508
  --tw-scale-y: 1;
959
1509
  --tw-scale-z: 1;
1510
+ --tw-duration: initial;
1511
+ --tw-ease: initial;
1512
+ --tw-gradient-position: initial;
1513
+ --tw-gradient-from: #0000;
1514
+ --tw-gradient-via: #0000;
1515
+ --tw-gradient-to: #0000;
1516
+ --tw-gradient-stops: initial;
1517
+ --tw-gradient-via-stops: initial;
1518
+ --tw-gradient-from-position: 0%;
1519
+ --tw-gradient-via-position: 50%;
1520
+ --tw-gradient-to-position: 100%;
1521
+ --tw-border-spacing-x: 0;
1522
+ --tw-border-spacing-y: 0;
960
1523
  }
961
1524
  }
962
1525
  }