@solid-design-system/styles 7.3.0 → 7.4.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.
- package/CHANGELOG.md +8 -0
- package/cdn/modules/status-badge.css +1 -1
- package/cdn/solid-styles.css +1 -1
- 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/modules/status-badge.css +23 -1
- package/dist/solid-styles.css +23 -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 +29 -7
- package/dist-versioned/modules/table-cell.css +16 -16
- package/dist-versioned/modules/table.css +2 -2
- package/dist-versioned/solid-styles.css +310 -288
- 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-
|
|
4
|
+
.sd-7-4-1-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-
|
|
21
|
+
.sd-7-4-1-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-
|
|
25
|
+
.sd-7-4-1-chip--sharp {
|
|
26
26
|
border-radius: var(--sd-radius-none, 0);
|
|
27
27
|
}
|
|
28
|
-
.sd-7-
|
|
28
|
+
.sd-7-4-1-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-
|
|
32
|
+
.sd-7-4-1-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-
|
|
36
|
+
.sd-7-4-1-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-
|
|
40
|
+
.sd-7-4-1-chip--shade-none {
|
|
41
41
|
border-color: transparent;
|
|
42
42
|
background-color: transparent;
|
|
43
43
|
}
|
|
44
|
-
.sd-7-
|
|
44
|
+
.sd-7-4-1-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-
|
|
48
|
+
.sd-7-4-1-chip--color-neutral.sd-7-4-1-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-
|
|
52
|
+
.sd-7-4-1-chip--color-neutral.sd-7-4-1-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-
|
|
56
|
+
.sd-7-4-1-chip--color-neutral.sd-7-4-1-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-
|
|
60
|
+
.sd-7-4-1-chip--color-neutral.sd-7-4-1-chip--shade-none {
|
|
61
61
|
border-color: transparent;
|
|
62
62
|
background-color: transparent;
|
|
63
63
|
}
|
|
64
|
-
.sd-7-
|
|
64
|
+
.sd-7-4-1-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-
|
|
68
|
+
.sd-7-4-1-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-
|
|
74
|
+
.sd-7-4-1-chip--outline.sd-7-4-1-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-
|
|
78
|
+
.sd-7-4-1-chip--outline.sd-7-4-1-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-
|
|
82
|
+
.sd-7-4-1-chip--outline.sd-7-4-1-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-
|
|
86
|
+
.sd-7-4-1-chip--outline.sd-7-4-1-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-
|
|
90
|
+
.sd-7-4-1-chip--outline.sd-7-4-1-chip--color-neutral.sd-7-4-1-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-
|
|
94
|
+
.sd-7-4-1-chip--outline.sd-7-4-1-chip--color-neutral.sd-7-4-1-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-
|
|
98
|
+
.sd-7-4-1-chip--outline.sd-7-4-1-chip--color-neutral.sd-7-4-1-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-
|
|
102
|
+
.sd-7-4-1-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-
|
|
108
|
+
.sd-7-4-1-container--variant-primary-100 {
|
|
109
109
|
background-color: rgba(var(--sd-color-background-primary-100, 236 240 249));
|
|
110
110
|
}
|
|
111
|
-
.sd-7-
|
|
111
|
+
.sd-7-4-1-container--variant-primary-800 {
|
|
112
112
|
background-color: rgba(var(--sd-container--primary-800-color-background, 5 21 48));
|
|
113
113
|
}
|
|
114
|
-
.sd-7-
|
|
114
|
+
.sd-7-4-1-container--variant-primary {
|
|
115
115
|
background-color: rgba(var(--sd-color-background-primary, 0 53 142));
|
|
116
116
|
}
|
|
117
|
-
.sd-7-
|
|
117
|
+
.sd-7-4-1-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-
|
|
124
|
+
.sd-7-4-1-container--variant-white {
|
|
125
125
|
background-color: rgba(var(--sd-color-background-white, 255 255 255));
|
|
126
126
|
}
|
|
127
|
-
.sd-7-
|
|
127
|
+
.sd-7-4-1-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-
|
|
131
|
+
.sd-7-4-1-container{
|
|
132
132
|
--triangle-background: rgba(var(--sd-color-background-white, 255 255 255));
|
|
133
133
|
}
|
|
134
|
-
.sd-7-
|
|
134
|
+
.sd-7-4-1-container--triangle-top::before, .sd-7-4-1-container--triangle-right::before, .sd-7-4-1-container--triangle-bottom::before, .sd-7-4-1-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-
|
|
143
|
+
.sd-7-4-1-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-
|
|
148
|
+
.sd-7-4-1-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-
|
|
153
|
+
.sd-7-4-1-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-
|
|
158
|
+
.sd-7-4-1-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-
|
|
163
|
+
.sd-7-4-1-container--triangle-top-border::after, .sd-7-4-1-container--triangle-top-border::before, .sd-7-4-1-container--triangle-right-border::after, .sd-7-4-1-container--triangle-right-border::before, .sd-7-4-1-container--triangle-bottom-border::after, .sd-7-4-1-container--triangle-bottom-border::before, .sd-7-4-1-container--triangle-left-border::after, .sd-7-4-1-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-
|
|
171
|
+
.sd-7-4-1-container--triangle-top-border::after, .sd-7-4-1-container--triangle-right-border::after, .sd-7-4-1-container--triangle-bottom-border::after, .sd-7-4-1-container--triangle-left-border::after {
|
|
172
172
|
border-width: 14px;
|
|
173
173
|
}
|
|
174
|
-
.sd-7-
|
|
174
|
+
.sd-7-4-1-container--triangle-top-border::before, .sd-7-4-1-container--triangle-right-border::before, .sd-7-4-1-container--triangle-bottom-border::before, .sd-7-4-1-container--triangle-left-border::before {
|
|
175
175
|
border-width: 15px;
|
|
176
176
|
}
|
|
177
|
-
.sd-7-
|
|
177
|
+
.sd-7-4-1-container--triangle-top-border::after, .sd-7-4-1-container--triangle-top-border::before {
|
|
178
178
|
top: -1px;
|
|
179
179
|
}
|
|
180
|
-
.sd-7-
|
|
180
|
+
.sd-7-4-1-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-
|
|
184
|
+
.sd-7-4-1-container--triangle-top-border::after {
|
|
185
185
|
left: calc(50% - 14px);
|
|
186
186
|
border-top-color: var(--triangle-background);
|
|
187
187
|
}
|
|
188
|
-
.sd-7-
|
|
188
|
+
.sd-7-4-1-container--triangle-right-border::after, .sd-7-4-1-container--triangle-right-border::before {
|
|
189
189
|
right: -1px;
|
|
190
190
|
}
|
|
191
|
-
.sd-7-
|
|
191
|
+
.sd-7-4-1-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-
|
|
195
|
+
.sd-7-4-1-container--triangle-right-border::after {
|
|
196
196
|
top: calc(50% - 14px);
|
|
197
197
|
border-right-color: var(--triangle-background);
|
|
198
198
|
}
|
|
199
|
-
.sd-7-
|
|
199
|
+
.sd-7-4-1-container--triangle-bottom-border::after, .sd-7-4-1-container--triangle-bottom-border::before {
|
|
200
200
|
bottom: -1px;
|
|
201
201
|
}
|
|
202
|
-
.sd-7-
|
|
202
|
+
.sd-7-4-1-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-
|
|
206
|
+
.sd-7-4-1-container--triangle-bottom-border::after {
|
|
207
207
|
left: calc(50% - 14px);
|
|
208
208
|
border-bottom-color: var(--triangle-background);
|
|
209
209
|
}
|
|
210
|
-
.sd-7-
|
|
210
|
+
.sd-7-4-1-container--triangle-left-border::after, .sd-7-4-1-container--triangle-left-border::before {
|
|
211
211
|
left: -1px;
|
|
212
212
|
}
|
|
213
|
-
.sd-7-
|
|
213
|
+
.sd-7-4-1-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-
|
|
217
|
+
.sd-7-4-1-container--triangle-left-border::after {
|
|
218
218
|
top: calc(50% - 14px);
|
|
219
219
|
border-left-color: var(--triangle-background);
|
|
220
220
|
}
|
|
221
|
-
.sd-7-
|
|
221
|
+
.sd-7-4-1-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-
|
|
232
|
+
.sd-7-4-1-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-
|
|
248
|
+
.sd-7-4-1-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-
|
|
259
|
+
.sd-7-4-1-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-
|
|
263
|
+
.sd-7-4-1-copyright--no-shadow::after {
|
|
264
264
|
filter: drop-shadow(0 0 transparent);
|
|
265
265
|
}
|
|
266
|
-
.sd-7-
|
|
266
|
+
.sd-7-4-1-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-
|
|
276
|
+
.sd-7-4-1-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-
|
|
284
|
+
.sd-7-4-1-footnotes :target {
|
|
285
285
|
background-color: rgba(var(--sd-color-background-neutral-200, 233 233 233));
|
|
286
286
|
}
|
|
287
|
-
.sd-7-
|
|
287
|
+
.sd-7-4-1-footnotes:is(ol) {
|
|
288
288
|
padding-inline-start: var(--sd-spacing-8, 2rem);
|
|
289
289
|
}
|
|
290
|
-
.sd-7-
|
|
290
|
+
.sd-7-4-1-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-
|
|
295
|
+
.sd-7-4-1-footnotes:is(ol) li .sd-7-4-1-footnotes--marker::before, .sd-7-4-1-footnotes:is(ol) li:has(.sd-7-4-1-footnotes--marker:nth-of-type(2))::before, .sd-7-4-1-footnotes:is(ol) li:not(:has(.sd-7-4-1-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-
|
|
307
|
+
.sd-7-4-1-footnotes:is(ol) li .sd-7-4-1-footnotes--marker::after, .sd-7-4-1-footnotes:is(ol) li:has(.sd-7-4-1-footnotes--marker:nth-of-type(2))::after, .sd-7-4-1-footnotes:is(ol) li:not(:has(.sd-7-4-1-footnotes--marker))::after {
|
|
308
308
|
content: none;
|
|
309
309
|
}
|
|
310
|
-
.sd-7-
|
|
310
|
+
.sd-7-4-1-footnotes:is(ol) li .sd-7-4-1-footnotes--marker .sd-7-4-1-footnotes--marker, .sd-7-4-1-footnotes:is(ol) li:has(.sd-7-4-1-footnotes--marker:nth-of-type(2)) .sd-7-4-1-footnotes--marker, .sd-7-4-1-footnotes:is(ol) li:not(:has(.sd-7-4-1-footnotes--marker)) .sd-7-4-1-footnotes--marker {
|
|
311
311
|
display: inline-block;
|
|
312
312
|
counter-increment: footnotes-multiple;
|
|
313
313
|
}
|
|
314
|
-
.sd-7-
|
|
314
|
+
.sd-7-4-1-footnotes:is(ol) li .sd-7-4-1-footnotes--marker .sd-7-4-1-footnotes--marker::before, .sd-7-4-1-footnotes:is(ol) li:has(.sd-7-4-1-footnotes--marker:nth-of-type(2)) .sd-7-4-1-footnotes--marker::before, .sd-7-4-1-footnotes:is(ol) li:not(:has(.sd-7-4-1-footnotes--marker)) .sd-7-4-1-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-
|
|
324
|
+
.sd-7-4-1-footnotes:is(ol) li .sd-7-4-1-footnotes--marker {
|
|
325
325
|
bottom: 0;
|
|
326
326
|
display: block;
|
|
327
327
|
}
|
|
328
|
-
.sd-7-
|
|
328
|
+
.sd-7-4-1-footnotes:is(ol) li .sd-7-4-1-footnotes--marker:focus-visible {
|
|
329
329
|
outline-style: var(--tw-outline-style);
|
|
330
330
|
outline-width: 0px;
|
|
331
331
|
}
|
|
332
|
-
.sd-7-
|
|
332
|
+
.sd-7-4-1-footnotes:is(ol) li .sd-7-4-1-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-
|
|
340
|
+
.sd-7-4-1-footnotes:is(ul) {
|
|
341
341
|
list-style: '';
|
|
342
342
|
}
|
|
343
|
-
.sd-7-
|
|
343
|
+
.sd-7-4-1-footnotes--inverted {
|
|
344
344
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
345
345
|
}
|
|
346
|
-
.sd-7-
|
|
346
|
+
.sd-7-4-1-footnotes--inverted :target {
|
|
347
347
|
background-color: rgba(var(--sd-footnotes--target--inverted-color-background, 5 21 48));
|
|
348
348
|
}
|
|
349
|
-
.sd-7-
|
|
349
|
+
.sd-7-4-1-footnotes--inverted .sd-7-4-1-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-
|
|
353
|
+
.sd-7-4-1-footnotes--inverted:is(.sd-7-4-1-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-
|
|
357
|
+
.sd-7-4-1-footnotes--inverted:is(.sd-7-4-1-footnotes--marker):target {
|
|
358
358
|
background-color: rgba(var(--sd-footnotes--target--inverted-color-background, 5 21 48));
|
|
359
359
|
}
|
|
360
|
-
.sd-7-
|
|
360
|
+
.sd-7-4-1-footnotes--inverted:is(ol) li .sd-7-4-1-footnotes--marker::before, .sd-7-4-1-footnotes--inverted:is(ol) li::before {
|
|
361
361
|
color: rgba(var(--sd-color-text-white, 255 255 255)) !important;
|
|
362
362
|
}
|
|
363
|
-
.sd-7-
|
|
363
|
+
.sd-7-4-1-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-
|
|
373
|
+
.sd-7-4-1-footnotes--marker:target {
|
|
374
374
|
background-color: rgba(var(--sd-color-background-neutral-200, 233 233 233));
|
|
375
375
|
}
|
|
376
|
-
.sd-7-
|
|
376
|
+
.sd-7-4-1-footnotes--marker:not(:has(a))::before {
|
|
377
377
|
content: '[ ';
|
|
378
378
|
display: inline-block;
|
|
379
379
|
}
|
|
380
|
-
.sd-7-
|
|
380
|
+
.sd-7-4-1-footnotes--marker:not(:has(a))::after {
|
|
381
381
|
content: ' ]';
|
|
382
382
|
display: inline-block;
|
|
383
383
|
}
|
|
384
|
-
.sd-7-
|
|
384
|
+
.sd-7-4-1-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-
|
|
391
|
+
.sd-7-4-1-footnotes--marker :is(a)::before {
|
|
392
392
|
content: '[ ';
|
|
393
393
|
display: inline-block;
|
|
394
394
|
}
|
|
395
|
-
.sd-7-
|
|
395
|
+
.sd-7-4-1-footnotes--marker :is(a)::after {
|
|
396
396
|
content: ' ]';
|
|
397
397
|
display: inline-block;
|
|
398
398
|
}
|
|
399
|
-
.sd-7-
|
|
399
|
+
.sd-7-4-1-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-
|
|
407
|
+
.sd-7-4-1-footnotes--marker:link, .sd-7-4-1-footnotes--marker:visited {
|
|
408
408
|
color: rgba(var(--sd-color-text-primary, 0 53 142));
|
|
409
409
|
}
|
|
410
|
-
.sd-7-
|
|
410
|
+
.sd-7-4-1-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-
|
|
424
|
+
.sd-7-4-1-hidden-links:not(:focus-within):not(.sd-7-4-1-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-
|
|
435
|
+
.sd-7-4-1-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-
|
|
443
|
+
.sd-7-4-1-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-
|
|
452
|
+
.sd-7-4-1-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-
|
|
459
|
+
mark.sd-7-4-1-mark {
|
|
460
460
|
background-color: transparent;
|
|
461
461
|
color: rgba(var(--sd-color-text-accent, 45 157 0));
|
|
462
462
|
}
|
|
463
|
-
.sd-7-
|
|
463
|
+
.sd-7-4-1-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-3-0-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-
|
|
472
|
+
.sd-7-4-1-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-
|
|
476
|
+
.sd-7-4-1-meta--light {
|
|
477
477
|
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
478
478
|
}
|
|
479
|
-
.sd-7-
|
|
479
|
+
.sd-7-4-1-meta--inverted {
|
|
480
480
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
481
481
|
}
|
|
482
|
-
.sd-7-
|
|
482
|
+
.sd-7-4-1-meta--inverted.sd-7-4-1-meta--light {
|
|
483
483
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
484
484
|
}
|
|
485
|
-
.sd-7-
|
|
485
|
+
.sd-7-4-1-meta--pipe::after {
|
|
486
486
|
content: '|';
|
|
487
487
|
margin-inline: var(--sd-spacing-1, 0.25rem);
|
|
488
488
|
}
|
|
489
|
-
.sd-7-
|
|
489
|
+
.sd-7-4-1-meta--pipe.sd-7-4-1-meta--size-sm::after {
|
|
490
490
|
margin-inline: var(--sd-spacing-0\.5, 0.125rem);
|
|
491
491
|
}
|
|
492
|
-
.sd-7-
|
|
492
|
+
.sd-7-4-1-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-
|
|
498
|
+
.sd-7-4-1-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-
|
|
503
|
+
.sd-7-4-1-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-3-0-mark {
|
|
|
508
508
|
border-style: solid;
|
|
509
509
|
border-color: transparent;
|
|
510
510
|
}
|
|
511
|
-
.sd-7-
|
|
511
|
+
.sd-7-4-1-pagination ul li button:hover:not([disabled]) {
|
|
512
512
|
cursor: pointer;
|
|
513
513
|
}
|
|
514
|
-
.sd-7-
|
|
514
|
+
.sd-7-4-1-pagination ul li:has(button) {
|
|
515
515
|
height: 1.875rem;
|
|
516
516
|
}
|
|
517
|
-
.sd-7-
|
|
517
|
+
.sd-7-4-1-pagination ul li a, .sd-7-4-1-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-3-0-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-
|
|
527
|
+
.sd-7-4-1-pagination ul li a:hover:not([disabled]), .sd-7-4-1-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-
|
|
530
|
+
.sd-7-4-1-pagination ul li a:active:not([disabled]), .sd-7-4-1-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-
|
|
533
|
+
.sd-7-4-1-pagination ul li a:focus-visible, .sd-7-4-1-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-
|
|
540
|
+
.sd-7-4-1-pagination ul li:first-child, .sd-7-4-1-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-
|
|
546
|
+
.sd-7-4-1-pagination ul li:first-child a, .sd-7-4-1-pagination ul li:first-child button, .sd-7-4-1-pagination ul li:last-child a, .sd-7-4-1-pagination ul li:last-child button {
|
|
547
547
|
height: 100%;
|
|
548
548
|
width: 100%;
|
|
549
549
|
}
|
|
550
|
-
.sd-7-
|
|
550
|
+
.sd-7-4-1-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-3-0-mark {
|
|
|
555
555
|
justify-content: center;
|
|
556
556
|
text-align: center;
|
|
557
557
|
}
|
|
558
|
-
.sd-7-
|
|
558
|
+
.sd-7-4-1-pagination ul li:not(:first-child):not(:last-child) a, .sd-7-4-1-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-
|
|
565
|
+
.sd-7-4-1-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-4-1-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-
|
|
568
|
+
.sd-7-4-1-pagination ul li a[aria-current], .sd-7-4-1-pagination ul li button[aria-current] {
|
|
569
569
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
570
570
|
}
|
|
571
|
-
.sd-7-
|
|
571
|
+
.sd-7-4-1-pagination ul li a[aria-current]:hover:not([disabled]), .sd-7-4-1-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-
|
|
574
|
+
.sd-7-4-1-pagination ul li:first-child:has(a:not([href])) a, .sd-7-4-1-pagination ul li:last-child:has(a:not([href])) a, .sd-7-4-1-pagination ul li:first-child:has(button[disabled]) button, .sd-7-4-1-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-
|
|
578
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
582
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) a, .sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
585
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current]), .sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
589
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):has(+ li + li a[aria-current], + li + li button[aria-current])::after, .sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
593
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2), .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2), .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]), .sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
597
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2)::after, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2)::after, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current])::after, .sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
601
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) a, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-child(2) button, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) a, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):nth-last-child(2) button, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) a, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( + li a[aria-current], + li button[aria-current]) button, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul li:not(:first-child):not(:last-child):has( a[aria-current], button[aria-current]) + li a, .sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
604
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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) {
|
|
605
605
|
pointer-events: auto;
|
|
606
606
|
position: relative;
|
|
607
607
|
}
|
|
608
|
-
.sd-7-
|
|
608
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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 {
|
|
609
609
|
content: var(--tw-content);
|
|
610
610
|
display: none;
|
|
611
611
|
}
|
|
612
|
-
.sd-7-
|
|
612
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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-7-4-1-pagination:not(.sd-7-4-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 {
|
|
613
613
|
display: flex;
|
|
614
614
|
}
|
|
615
|
-
.sd-7-
|
|
615
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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 {
|
|
616
616
|
pointer-events: none;
|
|
617
617
|
position: relative;
|
|
618
618
|
}
|
|
619
|
-
.sd-7-
|
|
619
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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 {
|
|
620
620
|
--tw-content: '...';
|
|
621
621
|
content: var(--tw-content);
|
|
622
622
|
}
|
|
623
|
-
.sd-7-
|
|
623
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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]) {
|
|
624
624
|
pointer-events: auto;
|
|
625
625
|
position: relative;
|
|
626
626
|
}
|
|
627
|
-
.sd-7-
|
|
627
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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 {
|
|
628
628
|
content: var(--tw-content);
|
|
629
629
|
display: none;
|
|
630
630
|
}
|
|
631
|
-
.sd-7-
|
|
631
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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-7-4-1-pagination:not(.sd-7-4-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 {
|
|
632
632
|
display: flex;
|
|
633
633
|
}
|
|
634
|
-
.sd-7-
|
|
634
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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) {
|
|
635
635
|
pointer-events: auto;
|
|
636
636
|
position: relative;
|
|
637
637
|
}
|
|
638
|
-
.sd-7-
|
|
638
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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 {
|
|
639
639
|
content: var(--tw-content);
|
|
640
640
|
display: none;
|
|
641
641
|
}
|
|
642
|
-
.sd-7-
|
|
642
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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-7-4-1-pagination:not(.sd-7-4-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 {
|
|
643
643
|
display: flex;
|
|
644
644
|
}
|
|
645
|
-
.sd-7-
|
|
645
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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] ) {
|
|
646
646
|
pointer-events: auto;
|
|
647
647
|
position: relative;
|
|
648
648
|
}
|
|
649
|
-
.sd-7-
|
|
649
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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 {
|
|
650
650
|
content: var(--tw-content);
|
|
651
651
|
display: none;
|
|
652
652
|
}
|
|
653
|
-
.sd-7-
|
|
653
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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-7-4-1-pagination:not(.sd-7-4-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 {
|
|
654
654
|
display: flex;
|
|
655
655
|
}
|
|
656
|
-
.sd-7-
|
|
656
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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] ) {
|
|
657
657
|
pointer-events: none;
|
|
658
658
|
position: relative;
|
|
659
659
|
}
|
|
660
|
-
.sd-7-
|
|
660
|
+
.sd-7-4-1-pagination:not(.sd-7-4-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 {
|
|
661
661
|
--tw-content: '...';
|
|
662
662
|
content: var(--tw-content);
|
|
663
663
|
}
|
|
664
|
-
.sd-7-
|
|
664
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
668
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-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-
|
|
672
|
+
.sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li a, .sd-7-4-1-pagination:not(.sd-7-4-1-pagination--simple) ul:has(> li:last-child:nth-child(-n + 9)) li button {
|
|
673
673
|
display: flex;
|
|
674
674
|
}
|
|
675
|
-
.sd-7-
|
|
675
|
+
.sd-7-4-1-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,92 +680,114 @@ mark.sd-7-3-0-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-
|
|
683
|
+
.sd-7-4-1-pagination--simple ul li:nth-child(2)::after {
|
|
684
684
|
content: var(--tw-content);
|
|
685
685
|
position: absolute;
|
|
686
686
|
}
|
|
687
|
-
.sd-7-
|
|
687
|
+
.sd-7-4-1-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-
|
|
691
|
+
.sd-7-4-1-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-
|
|
696
|
+
.sd-7-4-1-pagination--simple ul li:nth-child(2)::after {
|
|
697
697
|
--tw-content: '/';
|
|
698
698
|
content: var(--tw-content);
|
|
699
699
|
}
|
|
700
|
-
.sd-7-
|
|
700
|
+
.sd-7-4-1-pagination--simple ul li:nth-child(2){
|
|
701
701
|
border-bottom-style: solid;
|
|
702
702
|
}
|
|
703
|
-
.sd-7-
|
|
703
|
+
.sd-7-4-1-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-
|
|
708
|
+
.sd-7-4-1-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-
|
|
712
|
+
.sd-7-4-1-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-7-4-1-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-7-4-1-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-7-4-1-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-
|
|
715
|
+
.sd-7-4-1-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-4-1-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-7-4-1-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-7-4-1-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-
|
|
718
|
+
.sd-7-4-1-pagination--inverted ul li a, .sd-7-4-1-pagination--inverted ul li a[aria-current], .sd-7-4-1-pagination--inverted ul li button, .sd-7-4-1-pagination--inverted ul li button[aria-current] {
|
|
719
719
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
720
720
|
}
|
|
721
|
-
.sd-7-
|
|
721
|
+
.sd-7-4-1-pagination--inverted ul li a:hover:not([disabled]), .sd-7-4-1-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-7-4-1-pagination--inverted ul li button:hover:not([disabled]), .sd-7-4-1-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-
|
|
724
|
+
.sd-7-4-1-pagination--inverted ul li a:active:not([disabled]), .sd-7-4-1-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-7-4-1-pagination--inverted ul li button:active:not([disabled]), .sd-7-4-1-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-
|
|
727
|
+
.sd-7-4-1-pagination--inverted ul li a:focus-visible, .sd-7-4-1-pagination--inverted ul li a[aria-current]:focus-visible, .sd-7-4-1-pagination--inverted ul li button:focus-visible, .sd-7-4-1-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-
|
|
730
|
+
.sd-7-4-1-pagination--inverted ul li:not(:first-child):not(:last-child) a[aria-current], .sd-7-4-1-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-
|
|
733
|
+
.sd-7-4-1-pagination--inverted.sd-7-4-1-pagination--simple ul li {
|
|
734
734
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
735
735
|
}
|
|
736
|
-
.sd-7-
|
|
736
|
+
.sd-7-4-1-pagination--inverted.sd-7-4-1-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-
|
|
740
|
+
.sd-7-4-1-pagination--inverted.sd-7-4-1-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-
|
|
743
|
+
.sd-7-4-1-status-badge {
|
|
744
744
|
display: inline-flex;
|
|
745
745
|
align-items: center;
|
|
746
746
|
}
|
|
747
|
-
.sd-7-
|
|
747
|
+
.sd-7-4-1-status-badge sd-7-4-1-icon {
|
|
748
748
|
margin-right: var(--sd-spacing-2, 0.5rem);
|
|
749
749
|
display: flex;
|
|
750
750
|
height: var(--sd-spacing-3, 0.75rem);
|
|
751
751
|
width: var(--sd-spacing-3, 0.75rem);
|
|
752
752
|
border-radius: var(--sd-radius-full, 624.9375rem);
|
|
753
753
|
padding: var(--sd-spacing-1, 0.25rem);
|
|
754
|
-
color: rgba(var(--sd-color-text-white, 255 255 255))
|
|
754
|
+
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
755
755
|
}
|
|
756
|
-
.sd-7-
|
|
756
|
+
.sd-7-4-1-status-badge--success sd-7-4-1-icon {
|
|
757
757
|
background-color: rgba(var(--sd-badge--green-color-background, 54 123 40));
|
|
758
758
|
}
|
|
759
|
-
.sd-7-
|
|
759
|
+
.sd-7-4-1-status-badge--warning sd-7-4-1-icon {
|
|
760
760
|
background-color: rgba(var(--sd-color-background-warning, 187 141 32));
|
|
761
761
|
}
|
|
762
|
-
.sd-7-
|
|
762
|
+
.sd-7-4-1-status-badge--error sd-7-4-1-icon {
|
|
763
763
|
background-color: rgba(var(--sd-badge--red-color-background, 204 25 55));
|
|
764
764
|
}
|
|
765
|
-
.sd-7-
|
|
765
|
+
.sd-7-4-1-status-badge--info sd-7-4-1-icon {
|
|
766
766
|
background-color: rgba(var(--sd-color-background-info, 21 130 213));
|
|
767
767
|
}
|
|
768
|
-
.sd-7-
|
|
768
|
+
.sd-7-4-1-status-badge--neutral sd-7-4-1-icon {
|
|
769
|
+
background-color: rgba(var(--sd-color-background-neutral-600, 136 136 136));
|
|
770
|
+
}
|
|
771
|
+
.sd-7-4-1-status-badge--size-md sd-7-4-1-icon {
|
|
772
|
+
margin-right: var(--sd-spacing-2, 0.5rem);
|
|
773
|
+
height: var(--sd-spacing-3, 0.75rem);
|
|
774
|
+
width: var(--sd-spacing-3, 0.75rem);
|
|
775
|
+
padding: var(--sd-spacing-0\.5, 0.125rem);
|
|
776
|
+
}
|
|
777
|
+
.sd-7-4-1-status-badge--size-md{
|
|
778
|
+
font-size: var(--sd-marker-font-size, 0.875rem);
|
|
779
|
+
}
|
|
780
|
+
.sd-7-4-1-status-badge--size-sm sd-7-4-1-icon {
|
|
781
|
+
margin-right: var(--sd-spacing-2, 0.5rem);
|
|
782
|
+
height: var(--sd-spacing-1, 0.25rem);
|
|
783
|
+
width: var(--sd-spacing-1, 0.25rem);
|
|
784
|
+
padding: var(--sd-spacing-0\.5, 0.125rem);
|
|
785
|
+
color: transparent !important;
|
|
786
|
+
}
|
|
787
|
+
.sd-7-4-1-status-badge--size-sm{
|
|
788
|
+
font-size: var(--sd-marker-font-size, 0.875rem);
|
|
789
|
+
}
|
|
790
|
+
.sd-7-4-1-display {
|
|
769
791
|
font-size: var(--sd-text-3xl, 2rem);
|
|
770
792
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
771
793
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -775,12 +797,12 @@ mark.sd-7-3-0-mark {
|
|
|
775
797
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
776
798
|
}
|
|
777
799
|
@media (width >= 64rem) {
|
|
778
|
-
.sd-7-
|
|
800
|
+
.sd-7-4-1-display {
|
|
779
801
|
font-size: var(--sd-text-4xl, 2.5rem);
|
|
780
802
|
line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
|
|
781
803
|
}
|
|
782
804
|
}
|
|
783
|
-
.sd-7-
|
|
805
|
+
.sd-7-4-1-display--size-xl {
|
|
784
806
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
785
807
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
786
808
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -789,7 +811,7 @@ mark.sd-7-3-0-mark {
|
|
|
789
811
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
790
812
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
791
813
|
}
|
|
792
|
-
.sd-7-
|
|
814
|
+
.sd-7-4-1-display--size-3xl {
|
|
793
815
|
font-size: var(--sd-text-2xl, 1.75rem);
|
|
794
816
|
line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
|
|
795
817
|
--tw-leading: var(--leading-tight, 1.25);
|
|
@@ -799,31 +821,31 @@ mark.sd-7-3-0-mark {
|
|
|
799
821
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
800
822
|
}
|
|
801
823
|
@media (width >= 64rem) {
|
|
802
|
-
.sd-7-
|
|
824
|
+
.sd-7-4-1-display--size-3xl {
|
|
803
825
|
font-size: var(--sd-text-3xl, 2rem);
|
|
804
826
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
|
|
805
827
|
}
|
|
806
828
|
}
|
|
807
|
-
.sd-7-
|
|
829
|
+
.sd-7-4-1-display--inverted {
|
|
808
830
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
809
831
|
}
|
|
810
|
-
.sd-7-
|
|
832
|
+
.sd-7-4-1-headline, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5) {
|
|
811
833
|
display: flex;
|
|
812
834
|
--tw-font-weight: var(--sd-font-weight-bold, 600);
|
|
813
835
|
font-weight: var(--sd-font-weight-bold, 600);
|
|
814
836
|
color: rgba(var(--sd-color-text-primary, 0 53 142));
|
|
815
837
|
}
|
|
816
|
-
.sd-7-
|
|
838
|
+
.sd-7-4-1-headline sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5) sd-7-4-1-icon {
|
|
817
839
|
flex-shrink: 0;
|
|
818
840
|
font-size: 3rem;
|
|
819
841
|
color: rgba(var(--sd-color-text-primary, 0 53 142));
|
|
820
842
|
}
|
|
821
843
|
@media (width >= 40rem) {
|
|
822
|
-
.sd-7-
|
|
844
|
+
.sd-7-4-1-headline sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5) sd-7-4-1-icon {
|
|
823
845
|
margin-top: var(--sd-spacing-2, 0.5rem)
|
|
824
846
|
}
|
|
825
847
|
}
|
|
826
|
-
.sd-7-
|
|
848
|
+
.sd-7-4-1-headline.sd-7-4-1-headline, .sd-7-4-1-headline:is(h1):not(.sd-7-4-1-headline), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-4-1-headline) {
|
|
827
849
|
gap: var(--sd-spacing-4, 1rem);
|
|
828
850
|
font-size: var(--sd-text-3xl, 2rem);
|
|
829
851
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
@@ -832,20 +854,20 @@ mark.sd-7-3-0-mark {
|
|
|
832
854
|
color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
|
|
833
855
|
}
|
|
834
856
|
@media (width >= 40rem) {
|
|
835
|
-
.sd-7-
|
|
857
|
+
.sd-7-4-1-headline.sd-7-4-1-headline, .sd-7-4-1-headline:is(h1):not(.sd-7-4-1-headline), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-4-1-headline) {
|
|
836
858
|
font-size: var(--sd-text-4xl, 2.5rem);
|
|
837
859
|
line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
|
|
838
860
|
}
|
|
839
861
|
}
|
|
840
|
-
.sd-7-
|
|
862
|
+
.sd-7-4-1-headline.sd-7-4-1-headline sd-7-4-1-icon, .sd-7-4-1-headline:is(h1):not(.sd-7-4-1-headline) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
841
863
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
842
864
|
}
|
|
843
865
|
@media (width >= 40rem) {
|
|
844
|
-
.sd-7-
|
|
866
|
+
.sd-7-4-1-headline.sd-7-4-1-headline sd-7-4-1-icon, .sd-7-4-1-headline:is(h1):not(.sd-7-4-1-headline) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
845
867
|
margin-top: 0
|
|
846
868
|
}
|
|
847
869
|
}
|
|
848
|
-
.sd-7-
|
|
870
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-3xl, .sd-7-4-1-headline:is(h2):not(.sd-7-4-1-headline), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-3xl, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-4-1-headline) {
|
|
849
871
|
gap: var(--sd-spacing-4, 1rem);
|
|
850
872
|
font-size: var(--sd-text-2xl, 1.75rem);
|
|
851
873
|
line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
|
|
@@ -854,92 +876,92 @@ mark.sd-7-3-0-mark {
|
|
|
854
876
|
color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
|
|
855
877
|
}
|
|
856
878
|
@media (width >= 40rem) {
|
|
857
|
-
.sd-7-
|
|
879
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-3xl, .sd-7-4-1-headline:is(h2):not(.sd-7-4-1-headline), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-3xl, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-4-1-headline) {
|
|
858
880
|
font-size: var(--sd-text-3xl, 2rem);
|
|
859
881
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
|
|
860
882
|
}
|
|
861
883
|
}
|
|
862
|
-
.sd-7-
|
|
884
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-3xl sd-7-4-1-icon, .sd-7-4-1-headline:is(h2):not(.sd-7-4-1-headline) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-3xl sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
863
885
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
864
886
|
}
|
|
865
887
|
@media (width >= 40rem) {
|
|
866
|
-
.sd-7-
|
|
888
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-3xl sd-7-4-1-icon, .sd-7-4-1-headline:is(h2):not(.sd-7-4-1-headline) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-3xl sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
867
889
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1)
|
|
868
890
|
}
|
|
869
891
|
}
|
|
870
|
-
.sd-7-
|
|
892
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-xl, .sd-7-4-1-headline.sd-7-4-1-headline--size-lg, .sd-7-4-1-headline.sd-7-4-1-headline--size-base, .sd-7-4-1-headline:is(h3, h4, h5):not(.sd-7-4-1-headline), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-xl, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-lg, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-base, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-4-1-headline) {
|
|
871
893
|
gap: var(--sd-spacing-2, 0.5rem);
|
|
872
894
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
873
895
|
}
|
|
874
|
-
.sd-7-
|
|
896
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-xl sd-7-4-1-icon, .sd-7-4-1-headline.sd-7-4-1-headline--size-lg sd-7-4-1-icon, .sd-7-4-1-headline.sd-7-4-1-headline--size-base sd-7-4-1-icon, .sd-7-4-1-headline:is(h3, h4, h5):not(.sd-7-4-1-headline) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-xl sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-lg sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-base sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
875
897
|
font-size: 2rem;
|
|
876
898
|
}
|
|
877
|
-
.sd-7-
|
|
899
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-xl, .sd-7-4-1-headline:is(h3):not(.sd-7-4-1-headline), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-xl, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-4-1-headline) {
|
|
878
900
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
879
901
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
880
902
|
}
|
|
881
|
-
.sd-7-
|
|
903
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-xl sd-7-4-1-icon, .sd-7-4-1-headline:is(h3):not(.sd-7-4-1-headline) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-xl sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
882
904
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
|
|
883
905
|
}
|
|
884
906
|
@media (width >= 40rem) {
|
|
885
|
-
.sd-7-
|
|
907
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-xl sd-7-4-1-icon, .sd-7-4-1-headline:is(h3):not(.sd-7-4-1-headline) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-xl sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
886
908
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
|
|
887
909
|
}
|
|
888
910
|
}
|
|
889
|
-
.sd-7-
|
|
911
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-lg, .sd-7-4-1-headline.sd-7-4-1-headline--size-base, .sd-7-4-1-headline:is(h4, h5):not(.sd-7-4-1-headline), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-lg, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-base, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-4-1-headline) {
|
|
890
912
|
--tw-leading: var(--leading-normal, 1.5);
|
|
891
913
|
line-height: var(--leading-normal, 1.5);
|
|
892
914
|
}
|
|
893
|
-
.sd-7-
|
|
915
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-lg, .sd-7-4-1-headline:is(h4), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-lg, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h4) {
|
|
894
916
|
font-size: var(--sd-text-lg, 1.25rem);
|
|
895
917
|
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
|
896
918
|
}
|
|
897
|
-
.sd-7-
|
|
919
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-lg sd-7-4-1-icon, .sd-7-4-1-headline:is(h4) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-lg sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-4-1-icon {
|
|
898
920
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
|
|
899
921
|
}
|
|
900
922
|
@media (width >= 40rem) {
|
|
901
|
-
.sd-7-
|
|
923
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-lg sd-7-4-1-icon, .sd-7-4-1-headline:is(h4) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-lg sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-4-1-icon {
|
|
902
924
|
margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
|
|
903
925
|
}
|
|
904
926
|
}
|
|
905
|
-
.sd-7-
|
|
927
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-base, .sd-7-4-1-headline:is(h5):not(.sd-7-4-1-headline), .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-base, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-4-1-headline) {
|
|
906
928
|
font-size: var(--sd-text-base, 1rem);
|
|
907
929
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
908
930
|
}
|
|
909
|
-
.sd-7-
|
|
931
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-base sd-7-4-1-icon, .sd-7-4-1-headline:is(h5):not(.sd-7-4-1-headline) sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-base sd-7-4-1-icon, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
910
932
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
911
933
|
}
|
|
912
|
-
.sd-7-
|
|
934
|
+
.sd-7-4-1-headline.sd-7-4-1-headline--size-base mark, .sd-7-4-1-headline:is(h5):not(.sd-7-4-1-headline) mark, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5).sd-7-4-1-headline--size-base mark, .sd-7-4-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-4-1-headline) mark {
|
|
913
935
|
color: inherit;
|
|
914
936
|
}
|
|
915
|
-
.sd-7-
|
|
937
|
+
.sd-7-4-1-headline--inline {
|
|
916
938
|
display: inline-block;
|
|
917
939
|
}
|
|
918
|
-
.sd-7-
|
|
940
|
+
.sd-7-4-1-headline--inline.sd-7-4-1-headline sd-7-4-1-icon, .sd-7-4-1-headline--inline:is(h1):not(.sd-7-4-1-headline) sd-7-4-1-icon {
|
|
919
941
|
margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
|
|
920
942
|
margin-right: var(--sd-spacing-2, 0.5rem);
|
|
921
943
|
vertical-align: middle;
|
|
922
944
|
}
|
|
923
|
-
.sd-7-
|
|
945
|
+
.sd-7-4-1-headline--inline:is(.sd-7-4-1-headline--size-xl, .sd-7-4-1-headline--size-lg, .sd-7-4-1-headline--size-base) sd-7-4-1-icon {
|
|
924
946
|
margin-right: var(--sd-spacing-0\.5, 0.125rem);
|
|
925
947
|
}
|
|
926
|
-
.sd-7-
|
|
948
|
+
.sd-7-4-1-headline--inline:is(.sd-7-4-1-headline--size-3xl, .sd-7-4-1-headline--size-xl) sd-7-4-1-icon {
|
|
927
949
|
margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
|
|
928
950
|
}
|
|
929
|
-
.sd-7-
|
|
951
|
+
.sd-7-4-1-headline--inline:is(.sd-7-4-1-headline--size-lg) sd-7-4-1-icon {
|
|
930
952
|
margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
|
|
931
953
|
}
|
|
932
|
-
.sd-7-
|
|
954
|
+
.sd-7-4-1-headline--inverted:not(#_), .sd-7-4-1-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-4-1-headline):not(#_) {
|
|
933
955
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
934
956
|
}
|
|
935
|
-
.sd-7-
|
|
957
|
+
.sd-7-4-1-headline--inverted:not(#_) sd-7-4-1-icon, .sd-7-4-1-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-4-1-headline):not(#_) sd-7-4-1-icon {
|
|
936
958
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
937
959
|
}
|
|
938
|
-
.sd-7-
|
|
960
|
+
.sd-7-4-1-prose a--reset, .sd-7-4-1-interactive--reset {
|
|
939
961
|
all: unset;
|
|
940
962
|
outline: revert;
|
|
941
963
|
}
|
|
942
|
-
.sd-7-
|
|
964
|
+
.sd-7-4-1-prose a, .sd-7-4-1-interactive{
|
|
943
965
|
cursor: pointer;
|
|
944
966
|
color: rgba(var(--sd-interactive--default-color-text, 0 53 142));
|
|
945
967
|
text-decoration-line: underline;
|
|
@@ -951,56 +973,56 @@ mark.sd-7-3-0-mark {
|
|
|
951
973
|
--tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
|
|
952
974
|
transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
|
|
953
975
|
}
|
|
954
|
-
.sd-7-
|
|
976
|
+
.sd-7-4-1-prose a:hover:not([disabled]), .sd-7-4-1-interactive:hover:not([disabled]) {
|
|
955
977
|
color: rgba(var(--sd-color-text-primary-500, 70 109 175));
|
|
956
978
|
}
|
|
957
|
-
.sd-7-
|
|
979
|
+
.sd-7-4-1-prose a:focus-visible, .sd-7-4-1-interactive:focus-visible {
|
|
958
980
|
outline-style: solid;
|
|
959
981
|
outline-offset: 2px;
|
|
960
982
|
outline-width: 2px;
|
|
961
983
|
outline-color: var(--outline-color-primary);
|
|
962
984
|
}
|
|
963
|
-
.sd-7-
|
|
985
|
+
.sd-7-4-1-prose a:active:not([disabled]), .sd-7-4-1-interactive:active:not([disabled]) {
|
|
964
986
|
color: rgba(var(--sd-interactive--active-color-text, 5 21 48));
|
|
965
987
|
}
|
|
966
|
-
.sd-7-
|
|
988
|
+
.sd-7-4-1-prose a:is(.sd-7-4-1-interactive), .sd-7-4-1-interactive:is(.sd-7-4-1-interactive) {
|
|
967
989
|
text-decoration-line: none;
|
|
968
990
|
}
|
|
969
|
-
.sd-7-
|
|
991
|
+
.sd-7-4-1-prose a--disabled, .sd-7-4-1-prose a[disabled], .sd-7-4-1-prose a[href=''], .sd-7-4-1-interactive--disabled, .sd-7-4-1-interactive[disabled], .sd-7-4-1-interactive[href=''] {
|
|
970
992
|
cursor: not-allowed;
|
|
971
993
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
972
994
|
}
|
|
973
|
-
.sd-7-
|
|
995
|
+
.sd-7-4-1-prose a--disabled:hover:not([disabled]), .sd-7-4-1-prose a[disabled]:hover:not([disabled]), .sd-7-4-1-prose a[href='']:hover:not([disabled]), .sd-7-4-1-interactive--disabled:hover:not([disabled]), .sd-7-4-1-interactive[disabled]:hover:not([disabled]), .sd-7-4-1-interactive[href='']:hover:not([disabled]) {
|
|
974
996
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
975
997
|
}
|
|
976
|
-
.sd-7-
|
|
998
|
+
.sd-7-4-1-prose a--disabled:active:not([disabled]), .sd-7-4-1-prose a[disabled]:active:not([disabled]), .sd-7-4-1-prose a[href='']:active:not([disabled]), .sd-7-4-1-interactive--disabled:active:not([disabled]), .sd-7-4-1-interactive[disabled]:active:not([disabled]), .sd-7-4-1-interactive[href='']:active:not([disabled]) {
|
|
977
999
|
color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
|
|
978
1000
|
}
|
|
979
|
-
.sd-7-
|
|
1001
|
+
.sd-7-4-1-prose a--disabled.sd-7-4-1-interactive--inverted, .sd-7-4-1-prose a[disabled].sd-7-4-1-interactive--inverted, .sd-7-4-1-prose a[href=''].sd-7-4-1-interactive--inverted, .sd-7-4-1-interactive--disabled.sd-7-4-1-interactive--inverted, .sd-7-4-1-interactive[disabled].sd-7-4-1-interactive--inverted, .sd-7-4-1-interactive[href=''].sd-7-4-1-interactive--inverted {
|
|
980
1002
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
981
1003
|
}
|
|
982
|
-
.sd-7-
|
|
1004
|
+
.sd-7-4-1-prose a--disabled.sd-7-4-1-interactive--inverted:hover:not([disabled]), .sd-7-4-1-prose a[disabled].sd-7-4-1-interactive--inverted:hover:not([disabled]), .sd-7-4-1-prose a[href=''].sd-7-4-1-interactive--inverted:hover:not([disabled]), .sd-7-4-1-interactive--disabled.sd-7-4-1-interactive--inverted:hover:not([disabled]), .sd-7-4-1-interactive[disabled].sd-7-4-1-interactive--inverted:hover:not([disabled]), .sd-7-4-1-interactive[href=''].sd-7-4-1-interactive--inverted:hover:not([disabled]) {
|
|
983
1005
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
984
1006
|
}
|
|
985
|
-
.sd-7-
|
|
1007
|
+
.sd-7-4-1-prose a--disabled.sd-7-4-1-interactive--inverted:active:not([disabled]), .sd-7-4-1-prose a[disabled].sd-7-4-1-interactive--inverted:active:not([disabled]), .sd-7-4-1-prose a[href=''].sd-7-4-1-interactive--inverted:active:not([disabled]), .sd-7-4-1-interactive--disabled.sd-7-4-1-interactive--inverted:active:not([disabled]), .sd-7-4-1-interactive[disabled].sd-7-4-1-interactive--inverted:active:not([disabled]), .sd-7-4-1-interactive[href=''].sd-7-4-1-interactive--inverted:active:not([disabled]) {
|
|
986
1008
|
color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
|
|
987
1009
|
}
|
|
988
|
-
.sd-7-
|
|
1010
|
+
.sd-7-4-1-prose--inverted a, .sd-7-4-1-interactive--inverted {
|
|
989
1011
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
990
1012
|
}
|
|
991
|
-
.sd-7-
|
|
1013
|
+
.sd-7-4-1-prose--inverted a:hover:not([disabled]), .sd-7-4-1-interactive--inverted:hover:not([disabled]) {
|
|
992
1014
|
color: rgba(var(--sd-color-text-primary-200, 224 233 243));
|
|
993
1015
|
}
|
|
994
|
-
.sd-7-
|
|
1016
|
+
.sd-7-4-1-prose--inverted a:focus-visible, .sd-7-4-1-interactive--inverted:focus-visible {
|
|
995
1017
|
outline-style: solid;
|
|
996
1018
|
outline-offset: 2px;
|
|
997
1019
|
outline-width: 2px;
|
|
998
1020
|
outline-color: var(--outline-color-primary);
|
|
999
1021
|
}
|
|
1000
|
-
.sd-7-
|
|
1022
|
+
.sd-7-4-1-prose--inverted a:active:not([disabled]), .sd-7-4-1-interactive--inverted:active:not([disabled]) {
|
|
1001
1023
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
1002
1024
|
}
|
|
1003
|
-
.sd-7-
|
|
1025
|
+
.sd-7-4-1-prose > .sd-7-4-1-leadtext, .sd-7-4-1-leadtext {
|
|
1004
1026
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
1005
1027
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
1006
1028
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1009,7 +1031,7 @@ mark.sd-7-3-0-mark {
|
|
|
1009
1031
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1010
1032
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1011
1033
|
}
|
|
1012
|
-
.sd-7-
|
|
1034
|
+
.sd-7-4-1-prose > .sd-7-4-1-leadtext--size-lg, .sd-7-4-1-leadtext--size-lg {
|
|
1013
1035
|
font-size: var(--sd-text-lg, 1.25rem);
|
|
1014
1036
|
line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
|
|
1015
1037
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1018,10 +1040,10 @@ mark.sd-7-3-0-mark {
|
|
|
1018
1040
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1019
1041
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1020
1042
|
}
|
|
1021
|
-
.sd-7-
|
|
1043
|
+
.sd-7-4-1-prose--inverted > .sd-7-4-1-leadtext, .sd-7-4-1-leadtext--inverted {
|
|
1022
1044
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1023
1045
|
}
|
|
1024
|
-
.sd-7-
|
|
1046
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon), .sd-7-4-1-prose > :is(ol, ul) {
|
|
1025
1047
|
list-style-position: revert;
|
|
1026
1048
|
list-style-type: revert;
|
|
1027
1049
|
padding: revert;
|
|
@@ -1029,111 +1051,111 @@ mark.sd-7-3-0-mark {
|
|
|
1029
1051
|
padding-left: var(--sd-spacing-4, 1rem);
|
|
1030
1052
|
text-align: left;
|
|
1031
1053
|
}
|
|
1032
|
-
.sd-7-
|
|
1054
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon) li:not(:first-child), .sd-7-4-1-prose > :is(ol, ul) li:not(:first-child) {
|
|
1033
1055
|
margin-top: var(--sd-spacing-3, 0.75rem);
|
|
1034
1056
|
}
|
|
1035
|
-
.sd-7-
|
|
1057
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon) ul, .sd-7-4-1-list:not(.sd-7-4-1-list--icon) ol, .sd-7-4-1-prose > :is(ol, ul) ul, .sd-7-4-1-prose > :is(ol, ul) ol {
|
|
1036
1058
|
all: revert;
|
|
1037
1059
|
padding-top: 0.75em;
|
|
1038
1060
|
padding-left: 1.4em;
|
|
1039
1061
|
}
|
|
1040
1062
|
@supports not (-webkit-hyphens: none) {
|
|
1041
|
-
.sd-7-
|
|
1063
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon) li, .sd-7-4-1-prose > :is(ol, ul) li {
|
|
1042
1064
|
padding-left: 0.3em;
|
|
1043
1065
|
}
|
|
1044
|
-
.sd-7-
|
|
1066
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon), .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) {
|
|
1045
1067
|
counter-reset: item;
|
|
1046
1068
|
}
|
|
1047
|
-
.sd-7-
|
|
1069
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon) > li, .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) > li {
|
|
1048
1070
|
counter-increment: item;
|
|
1049
1071
|
}
|
|
1050
|
-
.sd-7-
|
|
1072
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon) > li::marker, .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) > li::marker {
|
|
1051
1073
|
content: counter(item, decimal) '. ';
|
|
1052
1074
|
}
|
|
1053
|
-
.sd-7-
|
|
1075
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon) > li > ol, .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) > li > ol {
|
|
1054
1076
|
padding-left: 1.9em;
|
|
1055
1077
|
counter-reset: subitem;
|
|
1056
1078
|
}
|
|
1057
|
-
.sd-7-
|
|
1079
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li, .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li {
|
|
1058
1080
|
counter-increment: subitem;
|
|
1059
1081
|
}
|
|
1060
|
-
.sd-7-
|
|
1082
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li::marker, .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li::marker {
|
|
1061
1083
|
content: counter(item, decimal) '.' counter(subitem, decimal) '. ';
|
|
1062
1084
|
}
|
|
1063
|
-
.sd-7-
|
|
1085
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li > ol, .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li > ol {
|
|
1064
1086
|
padding-left: 2.7em;
|
|
1065
1087
|
counter-reset: subsubitem;
|
|
1066
1088
|
}
|
|
1067
|
-
.sd-7-
|
|
1089
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li > ol > li, .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li > ol > li {
|
|
1068
1090
|
counter-increment: subsubitem;
|
|
1069
1091
|
}
|
|
1070
|
-
.sd-7-
|
|
1092
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li > ol > li::marker, .sd-7-4-1-prose > :is(ol, ul):is(ol):not(.sd-7-4-1-list--icon) > li > ol > li > ol > li::marker {
|
|
1071
1093
|
content: counter(item, decimal) '.' counter(subitem, decimal) '.' counter(subsubitem, decimal) '. ';
|
|
1072
1094
|
}
|
|
1073
1095
|
}
|
|
1074
|
-
.sd-7-
|
|
1096
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ul):not(.sd-7-4-1-list--icon), .sd-7-4-1-list:not(.sd-7-4-1-list--icon) ul, .sd-7-4-1-prose > :is(ol, ul):is(ul):not(.sd-7-4-1-list--icon), .sd-7-4-1-prose > :is(ol, ul) ul {
|
|
1075
1097
|
padding-left: 0.5em;
|
|
1076
1098
|
}
|
|
1077
|
-
.sd-7-
|
|
1099
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ul):not(.sd-7-4-1-list--icon) > li, .sd-7-4-1-list:not(.sd-7-4-1-list--icon) ul > li, .sd-7-4-1-prose > :is(ol, ul):is(ul):not(.sd-7-4-1-list--icon) > li, .sd-7-4-1-prose > :is(ol, ul) ul > li {
|
|
1078
1100
|
padding-left: 0.75em;
|
|
1079
1101
|
list-style-type: '\2022';
|
|
1080
1102
|
}
|
|
1081
|
-
.sd-7-
|
|
1103
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ul):not(.sd-7-4-1-list--icon) > li > ul, .sd-7-4-1-list:not(.sd-7-4-1-list--icon) ul > li > ul, .sd-7-4-1-prose > :is(ol, ul):is(ul):not(.sd-7-4-1-list--icon) > li > ul, .sd-7-4-1-prose > :is(ol, ul) ul > li > ul {
|
|
1082
1104
|
padding-left: 0.3em;
|
|
1083
1105
|
}
|
|
1084
|
-
.sd-7-
|
|
1106
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ul):not(.sd-7-4-1-list--icon) > li > ul > li, .sd-7-4-1-list:not(.sd-7-4-1-list--icon) ul > li > ul > li, .sd-7-4-1-prose > :is(ol, ul):is(ul):not(.sd-7-4-1-list--icon) > li > ul > li, .sd-7-4-1-prose > :is(ol, ul) ul > li > ul > li {
|
|
1085
1107
|
list-style-type: '\002B1D';
|
|
1086
1108
|
}
|
|
1087
|
-
.sd-7-
|
|
1109
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ul):not(.sd-7-4-1-list--icon) > li > ul > li > ul, .sd-7-4-1-list:not(.sd-7-4-1-list--icon) ul > li > ul > li > ul, .sd-7-4-1-prose > :is(ol, ul):is(ul):not(.sd-7-4-1-list--icon) > li > ul > li > ul, .sd-7-4-1-prose > :is(ol, ul) ul > li > ul > li > ul {
|
|
1088
1110
|
padding-left: 0.4em;
|
|
1089
1111
|
}
|
|
1090
|
-
.sd-7-
|
|
1112
|
+
.sd-7-4-1-list:not(.sd-7-4-1-list--icon):is(ul):not(.sd-7-4-1-list--icon) > li > ul > li > ul > li, .sd-7-4-1-list:not(.sd-7-4-1-list--icon) ul > li > ul > li > ul > li, .sd-7-4-1-prose > :is(ol, ul):is(ul):not(.sd-7-4-1-list--icon) > li > ul > li > ul > li, .sd-7-4-1-prose > :is(ol, ul) ul > li > ul > li > ul > li {
|
|
1091
1113
|
list-style-type: '\2010';
|
|
1092
1114
|
}
|
|
1093
|
-
.sd-7-
|
|
1115
|
+
.sd-7-4-1-list--icon {
|
|
1094
1116
|
padding-block: var(--sd-spacing-4, 1rem);
|
|
1095
1117
|
text-align: left;
|
|
1096
1118
|
}
|
|
1097
|
-
.sd-7-
|
|
1119
|
+
.sd-7-4-1-list--icon li sd-7-4-1-icon:first-of-type, .sd-7-4-1-list--icon li .sd-7-4-1-list--icon__icon:first-of-type {
|
|
1098
1120
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1099
1121
|
}
|
|
1100
|
-
.sd-7-
|
|
1122
|
+
.sd-7-4-1-list--icon{
|
|
1101
1123
|
list-style-type: '';
|
|
1102
1124
|
}
|
|
1103
|
-
.sd-7-
|
|
1125
|
+
.sd-7-4-1-list--icon > li:first-of-type {
|
|
1104
1126
|
padding-top: 0;
|
|
1105
1127
|
}
|
|
1106
|
-
.sd-7-
|
|
1128
|
+
.sd-7-4-1-list--icon li {
|
|
1107
1129
|
position: relative;
|
|
1108
1130
|
padding-top: var(--sd-spacing-3, 0.75rem);
|
|
1109
1131
|
padding-left: var(--sd-spacing-10, 2.5rem);
|
|
1110
1132
|
--tw-leading: 32px;
|
|
1111
1133
|
line-height: 32px;
|
|
1112
1134
|
}
|
|
1113
|
-
.sd-7-
|
|
1135
|
+
.sd-7-4-1-list--icon li > sd-7-4-1-icon:first-of-type, .sd-7-4-1-list--icon li > .sd-7-4-1-list--icon__icon:first-of-type {
|
|
1114
1136
|
position: absolute;
|
|
1115
1137
|
left: 0;
|
|
1116
1138
|
font-size: var(--sd-text-3xl, 2rem);
|
|
1117
1139
|
line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
|
|
1118
1140
|
color: rgb(var(--sd-color-icon-fill-primary, 0 53 142));
|
|
1119
1141
|
}
|
|
1120
|
-
.sd-7-
|
|
1142
|
+
.sd-7-4-1-list--icon.sd-7-4-1-list--horizontal {
|
|
1121
1143
|
display: flex;
|
|
1122
1144
|
}
|
|
1123
|
-
.sd-7-
|
|
1145
|
+
.sd-7-4-1-list--icon.sd-7-4-1-list--horizontal li {
|
|
1124
1146
|
display: flex;
|
|
1125
1147
|
padding-top: 0;
|
|
1126
1148
|
}
|
|
1127
|
-
.sd-7-
|
|
1149
|
+
.sd-7-4-1-list--icon.sd-7-4-1-list--horizontal li:not(:last-child) {
|
|
1128
1150
|
margin-right: var(--sd-spacing-8, 2rem);
|
|
1129
1151
|
}
|
|
1130
|
-
.sd-7-
|
|
1152
|
+
.sd-7-4-1-list--inverted, .sd-7-4-1-prose--inverted > :is(ol, ul) {
|
|
1131
1153
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1132
1154
|
}
|
|
1133
|
-
.sd-7-
|
|
1155
|
+
.sd-7-4-1-list--inverted li > sd-7-4-1-icon:first-of-type, .sd-7-4-1-list--inverted li > .sd-7-4-1-list--icon__icon:first-of-type, .sd-7-4-1-prose--inverted > :is(ol, ul) li > sd-7-4-1-icon:first-of-type, .sd-7-4-1-prose--inverted > :is(ol, ul) li > .sd-7-4-1-list--icon__icon:first-of-type {
|
|
1134
1156
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1135
1157
|
}
|
|
1136
|
-
.sd-7-
|
|
1158
|
+
.sd-7-4-1-paragraph, .sd-7-4-1-prose p {
|
|
1137
1159
|
font-size: var(--sd-text-base, 1rem);
|
|
1138
1160
|
line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
|
|
1139
1161
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1142,7 +1164,7 @@ mark.sd-7-3-0-mark {
|
|
|
1142
1164
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1143
1165
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1144
1166
|
}
|
|
1145
|
-
.sd-7-
|
|
1167
|
+
.sd-7-4-1-paragraph--size-sm, .sd-7-4-1-prose p--size-sm {
|
|
1146
1168
|
font-size: var(--sd-text-sm, 0.875rem);
|
|
1147
1169
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1148
1170
|
--tw-leading: var(--leading-normal, 1.5);
|
|
@@ -1151,22 +1173,22 @@ mark.sd-7-3-0-mark {
|
|
|
1151
1173
|
font-weight: var(--sd-font-weight-normal, 400);
|
|
1152
1174
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1153
1175
|
}
|
|
1154
|
-
.sd-7-
|
|
1176
|
+
.sd-7-4-1-paragraph--inverted, .sd-7-4-1-prose--inverted p {
|
|
1155
1177
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1156
1178
|
}
|
|
1157
|
-
.sd-7-
|
|
1179
|
+
.sd-7-4-1-prose figure, figure.sd-7-4-1-media {
|
|
1158
1180
|
margin: 0;
|
|
1159
1181
|
}
|
|
1160
|
-
.sd-7-
|
|
1182
|
+
.sd-7-4-1-prose figure figcaption, figure.sd-7-4-1-media figcaption {
|
|
1161
1183
|
color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
|
|
1162
1184
|
}
|
|
1163
|
-
.sd-7-
|
|
1185
|
+
.sd-7-4-1-prose figure figcaption:last-child, figure.sd-7-4-1-media figcaption:last-child {
|
|
1164
1186
|
margin-top: var(--sd-spacing-3, 0.75rem);
|
|
1165
1187
|
}
|
|
1166
|
-
.sd-7-
|
|
1188
|
+
.sd-7-4-1-prose--inverted figure figcaption, figure.sd-7-4-1-media--inverted figcaption {
|
|
1167
1189
|
color: rgba(var(--sd-color-text-primary-400, 153 171 208));
|
|
1168
1190
|
}
|
|
1169
|
-
.sd-7-
|
|
1191
|
+
.sd-7-4-1-prose td, .sd-7-4-1-prose th, .sd-7-4-1-table-cell {
|
|
1170
1192
|
border-inline-style: var(--tw-border-style);
|
|
1171
1193
|
border-inline-width: 0px;
|
|
1172
1194
|
border-block-style: var(--tw-border-style);
|
|
@@ -1181,11 +1203,11 @@ mark.sd-7-3-0-mark {
|
|
|
1181
1203
|
line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
|
|
1182
1204
|
color: rgba(var(--sd-color-text-black, 24 24 24));
|
|
1183
1205
|
}
|
|
1184
|
-
.sd-7-
|
|
1206
|
+
.sd-7-4-1-table-cell--divider {
|
|
1185
1207
|
border-right-style: var(--tw-border-style);
|
|
1186
1208
|
border-right-width: 1px;
|
|
1187
1209
|
}
|
|
1188
|
-
.sd-7-
|
|
1210
|
+
.sd-7-4-1-table-cell--shadow-top:after, .sd-7-4-1-table-cell--shadow-bottom:after, .sd-7-4-1-table-cell--shadow-left:after, .sd-7-4-1-table-cell--shadow-right:after {
|
|
1189
1211
|
pointer-events: none;
|
|
1190
1212
|
position: absolute;
|
|
1191
1213
|
--tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10, 10%), transparent);
|
|
@@ -1200,12 +1222,12 @@ mark.sd-7-3-0-mark {
|
|
|
1200
1222
|
--tw-content: '';
|
|
1201
1223
|
content: var(--tw-content);
|
|
1202
1224
|
}
|
|
1203
|
-
.sd-7-
|
|
1225
|
+
.sd-7-4-1-table-cell--shadow-top:after, .sd-7-4-1-table-cell--shadow-bottom:after {
|
|
1204
1226
|
right: 0;
|
|
1205
1227
|
left: 0;
|
|
1206
1228
|
height: var(--sd-spacing-2\.5, 0.625rem);
|
|
1207
1229
|
}
|
|
1208
|
-
.sd-7-
|
|
1230
|
+
.sd-7-4-1-table-cell--shadow-top:before, .sd-7-4-1-table-cell--shadow-bottom:before {
|
|
1209
1231
|
position: absolute;
|
|
1210
1232
|
left: 0;
|
|
1211
1233
|
display: block;
|
|
@@ -1217,50 +1239,50 @@ mark.sd-7-3-0-mark {
|
|
|
1217
1239
|
--tw-content: '';
|
|
1218
1240
|
content: var(--tw-content);
|
|
1219
1241
|
}
|
|
1220
|
-
.sd-7-
|
|
1242
|
+
.sd-7-4-1-table-cell--shadow-left:after, .sd-7-4-1-table-cell--shadow-right:after {
|
|
1221
1243
|
top: 0;
|
|
1222
1244
|
bottom: 0;
|
|
1223
1245
|
width: var(--sd-spacing-2\.5, 0.625rem);
|
|
1224
1246
|
}
|
|
1225
|
-
.sd-7-
|
|
1247
|
+
.sd-7-4-1-table-cell.sd-7-4-1-table-cell--shadow-active:after {
|
|
1226
1248
|
opacity: 100%;
|
|
1227
1249
|
}
|
|
1228
|
-
.sd-7-
|
|
1250
|
+
.sd-7-4-1-table-cell--shadow-top:after {
|
|
1229
1251
|
top: -10px;
|
|
1230
1252
|
--tw-gradient-position: to top in oklab;
|
|
1231
1253
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1232
1254
|
}
|
|
1233
|
-
.sd-7-
|
|
1255
|
+
.sd-7-4-1-table-cell--shadow-top:before {
|
|
1234
1256
|
bottom: -1px;
|
|
1235
1257
|
}
|
|
1236
|
-
.sd-7-
|
|
1258
|
+
.sd-7-4-1-table-cell--shadow-bottom:after {
|
|
1237
1259
|
bottom: -10px;
|
|
1238
1260
|
--tw-gradient-position: to bottom in oklab;
|
|
1239
1261
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1240
1262
|
}
|
|
1241
|
-
.sd-7-
|
|
1263
|
+
.sd-7-4-1-table-cell--shadow-bottom:before {
|
|
1242
1264
|
top: -1px;
|
|
1243
1265
|
}
|
|
1244
|
-
.sd-7-
|
|
1266
|
+
.sd-7-4-1-table-cell--shadow-left:after {
|
|
1245
1267
|
left: -10px;
|
|
1246
1268
|
--tw-gradient-position: to left in oklab;
|
|
1247
1269
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1248
1270
|
}
|
|
1249
|
-
.sd-7-
|
|
1271
|
+
.sd-7-4-1-table-cell--shadow-right:after {
|
|
1250
1272
|
right: -10px;
|
|
1251
1273
|
--tw-gradient-position: to right in oklab;
|
|
1252
1274
|
background-image: linear-gradient(var(--tw-gradient-stops));
|
|
1253
1275
|
}
|
|
1254
|
-
.sd-7-
|
|
1276
|
+
.sd-7-4-1-table-cell--bg-white {
|
|
1255
1277
|
background-color: rgba(var(--sd-color-background-white, 255 255 255));
|
|
1256
1278
|
}
|
|
1257
|
-
.sd-7-
|
|
1279
|
+
.sd-7-4-1-table-cell--bg-primary-100 {
|
|
1258
1280
|
background-color: rgba(var(--sd-color-background-primary-100, 236 240 249));
|
|
1259
1281
|
}
|
|
1260
|
-
.sd-7-
|
|
1282
|
+
.sd-7-4-1-table-cell--bg-neutral-100 {
|
|
1261
1283
|
background-color: rgba(var(--sd-color-background-neutral-100, 246 246 246));
|
|
1262
1284
|
}
|
|
1263
|
-
.sd-7-
|
|
1285
|
+
.sd-7-4-1-table, .sd-7-4-1-prose table {
|
|
1264
1286
|
all: unset;
|
|
1265
1287
|
display: table;
|
|
1266
1288
|
border-collapse: collapse;
|
|
@@ -1268,59 +1290,59 @@ mark.sd-7-3-0-mark {
|
|
|
1268
1290
|
--tw-border-spacing-y: 0;
|
|
1269
1291
|
border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
|
|
1270
1292
|
}
|
|
1271
|
-
.sd-7-
|
|
1293
|
+
.sd-7-4-1-table thead tr:first-of-type, .sd-7-4-1-table tfoot tr:first-of-type, .sd-7-4-1-prose table thead tr:first-of-type, .sd-7-4-1-prose table tfoot tr:first-of-type {
|
|
1272
1294
|
position: relative;
|
|
1273
1295
|
}
|
|
1274
|
-
.sd-7-
|
|
1296
|
+
.sd-7-4-1-prose {
|
|
1275
1297
|
max-width: 80ch;
|
|
1276
1298
|
text-align: left;
|
|
1277
1299
|
}
|
|
1278
|
-
.sd-7-
|
|
1300
|
+
.sd-7-4-1-prose > *:not(:first-child) {
|
|
1279
1301
|
margin-top: var(--sd-spacing-4, 1rem);
|
|
1280
1302
|
}
|
|
1281
|
-
.sd-7-
|
|
1303
|
+
.sd-7-4-1-prose > *:first-child {
|
|
1282
1304
|
margin-top: 0;
|
|
1283
1305
|
}
|
|
1284
|
-
.sd-7-
|
|
1306
|
+
.sd-7-4-1-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
|
|
1285
1307
|
margin-top: var(--sd-spacing-2, 0.5rem);
|
|
1286
1308
|
}
|
|
1287
|
-
.sd-7-
|
|
1309
|
+
.sd-7-4-1-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
|
|
1288
1310
|
margin-top: var(--sd-spacing-8, 2rem);
|
|
1289
1311
|
}
|
|
1290
|
-
.sd-7-
|
|
1312
|
+
.sd-7-4-1-prose > figure + *:not(#_), .sd-7-4-1-prose > img + *:not(#_) {
|
|
1291
1313
|
margin-top: var(--sd-spacing-6, 1.5rem);
|
|
1292
1314
|
}
|
|
1293
|
-
.sd-7-
|
|
1315
|
+
.sd-7-4-1-prose hr {
|
|
1294
1316
|
height: 0;
|
|
1295
1317
|
border-top-style: var(--tw-border-style);
|
|
1296
1318
|
border-top-width: 1px;
|
|
1297
1319
|
border-color: rgba(var(--sd-color-border-neutral-500, 174 174 174));
|
|
1298
1320
|
}
|
|
1299
|
-
.sd-7-
|
|
1321
|
+
.sd-7-4-1-prose pre {
|
|
1300
1322
|
overflow: auto;
|
|
1301
1323
|
}
|
|
1302
|
-
.sd-7-
|
|
1324
|
+
.sd-7-4-1-prose blockquote, .sd-7-4-1-prose blockquote > * {
|
|
1303
1325
|
font-size: var(--sd-text-xl, 1.5rem);
|
|
1304
1326
|
line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
|
|
1305
1327
|
}
|
|
1306
|
-
.sd-7-
|
|
1328
|
+
.sd-7-4-1-prose blockquote:has(*) *:first-child::before, .sd-7-4-1-prose blockquote:not(:has(*))::before {
|
|
1307
1329
|
content: open-quote;
|
|
1308
1330
|
display: inline;
|
|
1309
1331
|
}
|
|
1310
|
-
.sd-7-
|
|
1332
|
+
.sd-7-4-1-prose blockquote:has(*) *:first-child::after, .sd-7-4-1-prose blockquote:not(:has(*))::after {
|
|
1311
1333
|
content: close-quote;
|
|
1312
1334
|
display: inline;
|
|
1313
1335
|
}
|
|
1314
|
-
.sd-7-
|
|
1336
|
+
.sd-7-4-1-prose > :is(ul, ol):not(#_) {
|
|
1315
1337
|
padding-block: 0;
|
|
1316
1338
|
}
|
|
1317
|
-
.sd-7-
|
|
1339
|
+
.sd-7-4-1-prose--inverted hr {
|
|
1318
1340
|
border-color: rgba(var(--sd-color-border-white, 255 255 255));
|
|
1319
1341
|
}
|
|
1320
|
-
.sd-7-
|
|
1342
|
+
.sd-7-4-1-prose--inverted pre {
|
|
1321
1343
|
color: rgba(var(--sd-color-text-white, 255 255 255));
|
|
1322
1344
|
}
|
|
1323
|
-
.sd-7-
|
|
1345
|
+
.sd-7-4-1-prose--full-width {
|
|
1324
1346
|
max-width: unset;
|
|
1325
1347
|
}
|
|
1326
1348
|
@property --tw-border-style {
|