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