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